# WebinarAZ · Quy ước trang cho AI vibe coding

Bạn đang viết trang HTML cho một phễu bán hàng chạy trên WebinarAZ (webinaraz.com).
Hệ thống tự lo thu lead, CRM, thanh toán VietQR và giao quà. Bạn chỉ cần viết HTML đúng các quy ước dưới đây.

## 1. Định dạng
- Một file HTML hoàn chỉnh, CSS trong <style>, JS thuần. Tối đa 1 MB. Ảnh dùng link https (không nhúng base64 lớn).
- Font: Google Fonts được phép. Script ngoài: chỉ CDN phổ biến (cdn.jsdelivr.net, cdnjs.cloudflare.com, unpkg.com).
- Không tự viết form gửi mật khẩu sang tên miền khác (hệ thống sẽ từ chối trang).

## 2. Form nhận quà (thu lead)
```html
<form data-waz="optin" data-waz-gift="slug-qua-tang" data-waz-tags="lead-chu-de">
  <input name="name" required>
  <input name="email" type="email" required>
  <input name="phone" type="tel">
  <button type="submit">Nhận quà miễn phí</button>
  <p data-waz-msg></p>
</form>
```
- Trường chuẩn: name, email (bắt buộc), phone. Trường khác được lưu vào lịch sử contact.
- data-waz-gift: slug quà tặng (tạo bằng tool create_gift). Bỏ trống thì dùng quà mặc định của phễu.
- Gửi xong: khách được chuyển tới trang quà hoặc trang kế tiếp của phễu. Email chứa link quà tự gửi.
- data-waz-redirect="/p/..." để tự chọn trang chuyển tới.

## 3. Form mua hàng (VietQR tự động)
```html
<form data-waz="checkout" data-waz-product="slug-san-pham">
  <input name="name" required>
  <input name="email" type="email" required>
  <input name="phone" type="tel" required>
  <input name="password" type="password" minlength="6"> <!-- tuỳ chọn: mật khẩu khu học viên -->
  <button type="submit">Thanh toán VietQR</button>
</form>
```
- Giá lấy từ sản phẩm trong hệ thống (tool create_product), không lấy từ HTML.
- Sau khi gửi, khách sang trang VietQR. Tiền vào thì đơn tự xác nhận, mở khoá học và gửi email truy cập.
- Nút mua không cần form: <a data-waz-buy="slug-san-pham" href="#">Mua ngay</a> mở trang thanh toán 2 bước.

## 4. Biến cá nhân hoá
- Phần tử có data-waz-text="first_name" hiển thị tên khách vừa đăng ký (lưu trên trình duyệt), ví dụ trang cảm ơn.

## 5. Đường dẫn
- Trang trong phễu: /p/{tai-khoan}/{phễu}/{slug-trang}. Link giữa các trang trong cùng phễu dùng đường dẫn này.
- Chính sách: /legal/{tai-khoan}/privacy, điều khoản: /legal/{tai-khoan}/terms.
- UTM trên URL được tự lưu và gắn vào contact.

## 6. Bước của phễu (step)
optin (trang quà tặng) · gift (trang nhận quà) · sales (sales page) · webinar · thankyou · other (trang demo, không tự gắn form).

## 7. Quy trình gợi ý với MCP
1. list_funnels → chọn phễu hoặc create_funnel.
2. create_product (nếu bán) và create_gift (nếu tặng quà).
3. Viết HTML theo quy ước → publish_page { funnel, slug, step, html }.
4. Mở URL trả về để kiểm tra. funnel_stats để xem lượt xem, lead, doanh thu.