← HồiSinh.onlineCách dễ hơn: trang miễn phí có sẵn →
Bài đào tạo · Hạnh Studio

Tự làm trang bán hàng bằng Gemini, lưu khách vào Google Sheet

Không cần biết lập trình. Chỉ cần rõ lưu đồ, làm đúng thứ tự, chép đúng câu lệnh.

① Soạn sale page② Gemini Pro · Canvas③ Trò chuyện chỉnh trang④ Form · chuyển khoản · ảnh⑤ Google Sheet · Apps Script⑥ Nối & thử form⑦ Đưa lên Netlify⑧ Đổi tên & gửi link
Hạnh NguyễnHạnh NguyễnNgười dẫn

Video có Hạnh dẫn, khoảng 4 phút. Xem hết một lượt rồi mới bắt tay làm.

🌱 Bước 0: Landing page là gì? Vì sao mình cần?

Tách chữ ra cho dễ nhớ: landing là đáp xuống mặt đất, là chỗ dừng chân. Page là một trang. Vậy landing page là một trang để mọi người dừng chân lại.

Không phải chỉ để bán hàng. Bạn có thể làm landing page để chia sẻ kinh nghiệm, câu chuyện của mình, giới thiệu một lớp học, mời người tham gia một thử thách…

Hỏi “vì sao mình cần” trước, rồi mới hỏi “làm thế nào”. Gợi ý vài lý do: bài đăng Facebook, Zalo trôi mất sau vài giờ, còn trang của mình thì luôn nằm đó. Mỗi trang nói một việc, người xem không bị rối. Có chỗ để khách để lại thông tin. Gửi link đi đâu cũng được.

🇻🇳 Ví dụ dễ hiểu: khách nước ngoài chọn đến Việt Nam vì nghe người Việt thân thiện, đồ ăn ngon. Họ ở lại và quay lại vì đến rồi thấy đúng thật. Trang của bạn cũng vậy, có 2 điểm mấu chốt:

  1. Thông tin trên trang để thu hút người ta ghé vào.
  2. Người ta dừng lại vì thấy thông tin đó đúng với cái bạn thật sự có. Điều gì mình chưa có thì đừng đưa lên trang.

🍲 Chia sẻ cách nấu, không chỉ đưa món ăn: đưa ai một món ngon, họ ăn một lần là hết. Chỉ họ cách nấu và tâm thế khi nấu, họ tự làm được mãi. Vì vậy bài này không làm hộ bạn, mà chỉ bạn tự làm.

✍️ Trước khi làm, viết ra một câu: “Tôi làm trang này để người xem dừng lại và …” (để lại số Zalo? đăng ký lớp? đọc câu chuyện của tôi?). Câu này chính là đích của cả trang.

🧭 Chuẩn bị trước khi làm

📄 File sale page đầy đủNội dung trang viết sẵn: tiêu đề, lợi ích, sản phẩm, giá, cảm nhận, người đồng hành, thông tin chuyển khoản, liên hệ.
✨ Gemini Pro + CanvasVào gemini.google.com, chọn mô hình Pro, bật chế độ Canvas.
🔑 Tài khoản GoogleDùng cho Gemini, Google Sheet và Apps Script.
🚀 Tài khoản NetlifyĐăng ký miễn phí bằng nút đăng nhập với Google.
💻 Máy tínhMở 3 tab cùng lúc: Gemini, Google Sheet, Netlify.
🗝️ Học nói chuyện với AI trước, tìm AI “xịn” sau. AI mạnh tới đâu mà mình chưa biết cách nói với nó thì cũng khó làm được việc. Giống mua xe xịn mà chưa biết lái. Học cách giao tiếp trước: nói rõ mình muốn gì, nhờ từng việc một, thấy chưa đúng thì yêu cầu sửa. Khi đó, ngay cả AI miễn phí đang có cũng làm việc rất hiệu quả.

🗺️ Lưu đồ 8 bước

🧯 Gặp khó thì xem ở đây

Bấm gửi form mà Sheet không có dòng mớiKiểm tra: (1) lúc triển khai đã chọn “Bất kỳ ai”; (2) link gửi Gemini là link kết thúc bằng /exec. Vẫn không được thì chụp màn hình gửi Gemini hỏi lý do, hoặc dùng mã dự phòng ở bước 5.
Google báo “Ứng dụng chưa được xác minh”Đây là mã của chính bạn. Bấm Nâng cao → Đi tới … (không an toàn) → Cho phép. Chỉ làm vậy với mã bạn tự dán vào.
Sửa mã Apps Script xong mà không thay đổiMỗi lần sửa mã phải Triển khai → Quản lý các lần triển khai → ✏️ → Phiên bản mới → Triển khai. Link /exec giữ nguyên.
Trang lên Netlify bị lỗi chữ tiếng ViệtLúc lưu file trong Notepad, chọn mã hoá UTF-8. Trong code phải có dòng <meta charset="utf-8">.
Netlify không nhận fileNetlify chỉ nhận cả thư mục. Tạo một thư mục, để file index.html vào trong, rồi kéo cả thư mục lên.
Ảnh không hiện trên trangTải ảnh lên imgbb.com, chép đường link trực tiếp của ảnh (kết thúc bằng .jpg hoặc .png) gửi Gemini.
Muốn đổi chữ, đổi ảnhQuay lại Gemini, nói việc cần sửa, chép code mới, lưu đè index.html, kéo thả lại vào Netlify (mục Deploys).

Thấy nhiều bước quá? Hạnh Studio có trang bán hàng miễn phí làm sẵn: chỉ sửa chữ, ảnh là có link, khách để lại số là đơn về ngay.

🎁 Dùng trang miễn phí 💬 Nhờ Hạnh làm giúp

Gemini, Google Sheet, Apps Script, Netlify là dịch vụ của các công ty khác. Giao diện có thể thay đổi theo thời gian, tên nút có thể khác đôi chút.
© Hạnh Nguyễn · Hạnh Studio · hoisinh.online