Hướng dẫn chi tiết:
Salepage → Tracking → Thanh toán → Chatbot
Dành cho người không biết Tech — từ WHY → HOW → WHAT
Giới thiệu
Tài liệu này dành tặng bạn tham gia livestream của mình — được chuẩn bị trước, nên lúc demo trong livestream có thể không đồng bộ 100%. Và nó dành cho người không biết về tech và code, bản thân mình cũng vậy.
Nếu nội dung nào chia sẻ sai về mặt kỹ thuật, mong bạn góp ý và bỏ qua nhé vì không phải dân kỹ thuật!
Mình muốn giải một bài toán cụ thể và thực tế, đi từ WHY → HOW → WHAT.
Nên nếu mindset của mình không khớp với bạn thì cảm ơn bạn đã quan tâm — mình sợ nội dung sẽ không phù hợp với bạn trong trường hợp đó.
Salepage
Lưu ý: Mình chỉ hướng dẫn bạn thiết kế giao diện, deploy lên website và test luồng. Nội dung bạn phải tự chuẩn bị — nó phụ thuộc vào lĩnh vực của từng người.
Chuẩn bị nội dung
Mình đã chuẩn bị sẵn file content trên website. Bạn cũng nên làm vậy trước khi bắt đầu thiết kế.
Đây là file docs của mình đã chuẩn bị trước
Tìm giao diện
- Tìm giao diện bạn ưng ý
- Khuyến khích: Capture screenshot và gửi cho AI để AI hiểu style bạn muốn
Mình demo với Claude Design, nhưng thực tế bạn dùng Claude Chat, Claude Cowork, ChatGPT, Gemini đều được — vì hiện tại mình đang làm thiết kế giao diện thôi, quy trình sẽ đều như nhau.
Đầu tiên mình prompt đơn giản là mình muốn gì, các nội dung mình add cho AI
Kết quả đầu tiên không đúng theo giao diện — vì mình gửi link, đó là lý do NÊN CHỤP LẠI ẢNH VÀ GỬI CHO AI
Như mình đã add ở đây - khi đó sẽ chuẩn hơn
Đây là toàn bộ khi mình làm việc với Claude Design nhé
Giờ bạn hãy tải xuống file ZIP — bạn có thể "handoff to Claude Code" sẽ triển khai thẳng luôn nhé
Đây là file mình đã tải về — nhớ giải nén nhé
Vibe code lên localhost
Khi đã có xong giao diện, tiến hành đưa nó lên môi trường thực tế (có thể gắn tên miền của bạn). Có các lựa chọn:
| Phương án | Ghi chú |
|---|---|
| Claude Design → Claude Code | Đẩy thẳng sang Claude Code để triển khai |
| Antigravity / Codex | Hỗ trợ code và deploy, phù hợp cho cả luồng phía sau |
| Lovable | Thiết kế giao diện, đẩy domain — nhưng không khác nhiều Claude Design |
Khuyến khích dùng Claude Code, Codex, hoặc Antigravity vì còn làm cả luồng người dùng phía sau (thanh toán, chatbot...). Lovable thiên về thiết kế giao diện hơn.
Add thêm folder test của mình vào — nó là cái nút trên đoạn chat
Đây là cách mình prompt — đừng đặt nặng nó PHẢI THEO KHUÔN, chỉ đơn giản là bạn muốn gì, đưa rõ mục đích
AI sẽ hỏi lại bạn, và hãy trả lời nó — phần lấy API này mình sẽ chỉ dưới luồng thanh toán tự động nên yên tâm nhé
Bạn check plan của AI trả lời rồi cho phép triển khai nhé
Thường là xong nó sẽ đẩy cho bạn ở localhost (có nghĩa là trên máy bạn thôi, bạn share nhau chưa được đâu)
LƯU Ý: Phần thanh toán mình sẽ chia sẻ phía dưới nhé, nên bạn test trước các bước đúng không đã, còn test chạy được chưa thì sẽ ở bước thanh toán tự động.
Chuẩn bị Domain
- Mình hay mua domain ở Mắt Bão (quen thôi, bạn dùng bên nào cũng được)
- Nhớ xác minh domain sau khi mua
Sau khi mình test xong mình chỉ cần bảo triển khai hoặc deploy thôi
Thường mình thấy sẽ là: đẩy lên Github, Vercel và backend/database bằng Supabase và mình đổi domain tại Vercel.
Nếu bạn mới làm việc với AI, nó chưa có thông tin thì thường AI sẽ chỉ bạn làm, còn nếu không nó sẽ tự chủ động làm
Ở đây mình muốn AI tự làm luôn, thì bạn cần cho nó quyền này nhé
Mình đã gửi cho AI thông tin và sau đó AI tự làm — bạn cũng có thể tự làm như tạo repo hay tạo project
Build xong với Antigravity
AI tự đẩy qua Vercel
Test với domain đã okila rồi nhé
Thanh Toán Tự Động
Bạn có thể dùng bất kỳ bên thứ 3 nào hỗ trợ thanh toán.
Luồng thanh toán của mình
Demo: Gói Membership
Sau khi thanh toán thành công, khách nhận được:
- ✅ Thông báo thanh toán thành công
- 📱 Mã QR
- 🔗 Đường link Zalo tham gia nhóm
Cách làm
Tạo tài khoản — ở đây mình dùng PayOS — tạo kênh thanh toán
Nếu bạn chưa add ngân hàng, hãy thêm tài khoản hoặc vào Ngân hàng (cột bên trái)
Bấm tạo kênh thanh toán và tích hợp
Copy 3 cái API này, gửi lên AI (mình làm phía trên là Antigravity, còn lại để AI lo
Test luồng xem nhảy theo đúng đề chưa là oki
Tracking Data Salepage
Làm kinh doanh hay marketing, điều quan trọng không kém là thu lead, data và dữ liệu khách hàng.
Nhưng trước hết, cài webhook vào thanh toán cho mình, vì phần này muốn check thông tin data thanh toán của khách hàng về, hoặc đấu CRM.
Vào đây để thêm webhook nhé
Bấm cài đặt có chỉnh sửa, rồi điền là xong
Phần Admin Dashboard
Bên cạnh salepage, bạn cần có phần admin — dashboard quản trị: nơi giao diện quản lý thông tin khách hàng đăng ký.
Thông tin mình cần thu:
- ✉️ Email
- 👤 Tên
- 📱 Số điện thoại
- 🕐 Thời gian đăng ký
Bạn cần thêm trường nào, hãy bổ sung khi làm việc với AI.
Tracking Nguồn Traffic
Mình yêu cầu AI (dùng Antigravity) thêm luồng tracking theo các kênh:
→ Đo lượt click đến từ nền tảng nào và khách hàng phát sinh từ nền tảng nào.
Nếu bạn cần đấu data về qua CRM của doanh nghiệp — hoàn toàn làm được, hãy nói với AI những gì bạn muốn.
Quy trình làm việc với AI
Nói cho AI biết bạn cần gì — AI sẽ trả lời bằng 1 file plan — YÊU CẦU BẠN CẦN ĐỌC PLAN TRƯỚC
Check xem những yêu cầu của bạn và cách giải của AI phù hợp chưa, thì hãy comment
AI sẽ hỏi mình — nếu bạn biết hãy trả lời, còn nếu bạn hoang mang, hãy hỏi lại AI và bảo AI giải thích kỹ hơn
Sau khi comment AI sẽ plan lại cho mình, và hãy đọc nó rồi oki hãy triển khai
test xong admin đã có nhé
Khi tracking từng nền tảng — sẽ đo click từng nền tảng (thay vì utm hoặc ?ref hay source thì sẽ đo thẳng là từ nền tảng nào). Dùng cho tự mình chạy hoặc affiliate — đo link của mọi người làm tiếp thị.
Chatbot Tự Động
Chatbot hoạt động như một người chăm sóc khách hàng — trả lời tự động 24/7 theo đúng ngôn ngữ và thông tin của bạn.
Chatbot là gì?
Chatbot về bản chất là một mô hình ngôn ngữ lớn (LLM) — như ChatGPT, Claude, Gemini — được gọi ra để nói chuyện với khách hàng.
Bạn sẽ:
- Training nó bằng ngôn ngữ và thông tin của bạn
- Giới hạn nội dung nó được chia sẻ theo file docs đã chuẩn bị
Đây là file mình đã chuẩn bị sẵn — là giọng văn của mình và thông tin của mình
Add file tài liệu vào Antigravity
AI sẽ lên plan — check plan trước khi cho triển khai
Phần này cần lấy API — vì chatbot cần gọi mô hình ngôn ngữ lớn ra để nói chuyện. Mình dùng KYMA vì 1 API lấy được nhiều model — và mình dùng những mô hình giá rẻ chất lượng như DeepSeek
Vào Kyma API và đăng ký — bạn sẽ được nhận $0.5 để test
Vào API key
Đăng ký mới và copy API là được (dán vào phần comment trên Antigravity nhé)
💡 API Key là gì?
API là thứ để gọi các mô hình ngôn ngữ lớn từ website của bạn.
Khuyến khích: Dùng bên thứ 3 tích hợp sẵn nhiều API (1 API duy nhất, bạn chọn dùng Gemini / GPT / DeepSeek đều được vì họ đã kết nối sẵn).
→ Mình đang kết nối với DeepSeek để làm chatbot.
Bấm duyệt để AI triển khai là xong
Đã xong thông tin
Lời cuối cùng
Có thể nội dung này sẽ dài, nhưng mình đã share hết những gì mình thực tế làm. Mình muốn nó có giá trị thật — là bạn dùng được ngay.
Membership Community
Ngoài ra, tiện công mình tạo membership để test thử luôn — có nghĩa là mình tạo nhóm membership cho cộng đồng thật và mình sẽ update và có những buổi chia sẻ chi tiết hơn:
- Luồng đẩy data qua google sheets
- Luồng email automation khi có data
- Luồng thanh toán tự động với tele chatbot
- Luồng research tự động
- Luồng đăng page tự động
📚 Muốn hiểu sâu hơn?
Đọc đến đây — bạn đã thấy được một phần những gì mình đang làm.
Nhưng mình nói thật: xem một buổi livestream, đọc một tài liệu… bạn biết cái gì, nhưng chưa chắc làm được vì sao và khi nào nên dùng nó.
Nếu bạn muốn rút ngắn khoảng cách đó — mình có bộ video đi từ đầu đến cuối, từ đơn giản đến phức tạp, từ tư duy đến thực hành.
Mình có TỔNG HỢP TRỌN BỘ CHIA SẺ chi tiết tại đây!
Tự thử, tự mày mò. Hoàn toàn được.
Nếu bạn muốn hiểu tại sao đằng sau mỗi setup, ghép nó vào luồng thực tế của doanh nghiệp, tiết kiệm vài tháng thử sai — Phương đã đóng gói lại hết rồi.
Xem chi tiết → pennydinh.click