​
Giới thiệu

Form đăng ký mà Claude Code tạo trong bài Tạo landing page mới chỉ có giao diện: khách bấm “Đăng Ký Ngay” nhưng thông tin chưa được gửi đi đâu cả. Bài này hướng dẫn bạn chọn nơi nhận dữ liệu và viết prompt để Claude Code kết nối form. Chuẩn bị:
  • Landing page đã có form đăng ký (bản HTML hoặc bản Next.js)
  • Email bạn muốn dùng để nhận thông báo

​
Chọn cách nhận dữ liệu

Landing page HTML là trang tĩnh: không có máy chủ riêng để nhận dữ liệu. Vì vậy bạn cần một dịch vụ bên ngoài như Formspree. Bản Next.js có sẵn phần máy chủ (API Route) nên bạn tự xử lý được.

​
Cách 1: Landing page HTML — dùng Formspree

Formspree nhận dữ liệu từ form và chuyển về email của bạn, không cần viết code máy chủ. Gói miễn phí giới hạn số lượt gửi mỗi tháng — xem chi tiết tại formspree.io/plans.
1

Tạo tài khoản và tạo form

  1. Đăng ký tài khoản tại formspree.io
  2. Tạo form mới, đặt tên dễ nhớ (ví dụ “Đăng ký khóa học”)
  3. Sao chép endpoint của form, có dạng https://formspree.io/f/xxxxxxxx
2

Yêu cầu Claude Code kết nối form

Dán prompt bên dưới, thay endpoint bằng endpoint của bạn:
3

Gửi thử

Mở trang, điền form và bấm gửi. Kiểm tra hộp thư email của bạn và trang quản lý của Formspree.

​
Cách 2: Landing page Next.js — dùng API Route

Với bản Next.js, Claude Code tạo một API Route (ví dụ app/api/register/route.ts) để nhận dữ liệu form, sau đó gửi tiếp sang nơi bạn chọn. Thiết lập từng nơi nhận đã có bài hướng dẫn riêng:

Email (Gmail)

Nhận email mỗi khi có người đăng ký

Telegram

Nhận tin nhắn tức thì trên điện thoại

Firestore

Lưu danh sách đăng ký để xem và xuất lại sau
Sau khi thiết lập xong nơi nhận (ví dụ đã có Telegram bot token và chat ID trong .env.local), dùng prompt:
Token, mật khẩu ứng dụng và khóa bí mật chỉ được đặt trong .env.local và dùng ở API Route — không đặt trong component chạy trên trình duyệt. Khi deploy, bạn khai báo lại các biến này trong mục Environment Variables của project trên Vercel.

​
Chống spam

Form công khai trên internet sẽ nhận spam từ bot. Thêm vào prompt:
Với Formspree, bạn bật thêm reCAPTCHA trong phần cài đặt của form.

​
Bước tiếp theo

Form đã hoạt động. Trước khi đưa trang lên internet, xem Checklist trước khi ra mắt — trong đó có phần trang cảm ơn, chính sách bảo mật và đo lường số lượt đăng ký.