Hướng dẫn code vòng quay mai mắn

- Mã coupon: mã giảm giá khách hàng nhận được sau khi quay vòng quay - Tên coupon: nội dung sẽ hiển thị ở vòng quay may mắn - %: tỉ lệ quay vào các ô trên vòng quay

Show

    Có 2 cách thiết lập Danh sách kết quả : Tự nhập hoặc Dataset

    1.1 Tạo nội dung tự nhập : tạo lần lượt thông tin theo mẫu có sẵn với định dạng Couponcode, CoupontextI,% ( ví dụ COUPON50,Coupon 50k,90%)

    Hướng dẫn code vòng quay mai mắn

    1.2 Tạo nội dung từ Collection

    Theo dõi chi tiết thao tác hướng dẫn ở video dưới đây

    Hướng dẫn code vòng quay mai mắn

    Hướng dẫn code vòng quay mai mắn

    Giao diện mẫu phần tạo nội dung vỏng quay từ Collection

    Danh sách các Collecton đã tạo sẽ quản lý trong mục : Thêm mới- Quản lý nội dung

    2.Popup kết quả và Lời nhắn:

    Nếu bạn dùng Popup mặc định thì sẽ hiển thị phần nội dung LỜI NHẮN tương ứng ở phía dưới. Trong trường hợp muốn dùng Popup tùy chọn, bạn tạo 1 Popup mới rồi sử dụng.

    Bạn có thể tùy chỉnh lại phần hình nền theo mong muốn sử dụng, kích thước tiêu chuẩn cho ảnh nền là 400*400px. Tham khảo thêm Kho thư viện ảnh nền tại đây.

    Cách hiển thị kết quả vòng quay trên popup kết quả

    Sau khi khách hàng quay vòng quay may mắn, bạn muốn kết quả vòng quay tự động điền vào POPUP kết quả , ở form trên popup, bạn sử dụng thêm trường : Mã giảm giá

    Trong trường hợp không muốn khách hàng bấm sửa được trường thông tin này, bạn có thể cho ẩn đi trường Mã giảm giá ở form đăng ký, thông tin vẫn gửi đầy đủ về kênh lưu trữ của bạn

    Hướng dẫn code vòng quay mai mắn

    Hướng dẫn code vòng quay mai mắn

    Ngoài ra, trong trường hợp bạn muốn hiển thị mã giảm giá khách hàng đã quay được trên popup , ví dụ chúc mừng bạn đã quay thành công mã giảm giá 15% , bạn thiết lập như sau: Vào phần Thêm mới- Tiêu đề, chỉnh sửa nội dung tiêu đề thành : Chúc mừng bạn đã quay thành công {{coupon_text}} Mã coupon: mã giảm giá khách hàng nhận được sau khi quay vòng quay - Chữ: nội dung sẽ hiển thị ở vòng quay may mắn - %: tỉ lệ quay vào các ô trên vòng quay

    Có 2 cách thiết lập Danh sách kết quả : Tự nhập hoặc

    Tạo lần lượt thông tin theo mẫu có sẵn với định dạng CouponCodeINameCoupon/% ( ví dụ COUPON50|Coupon 50k|90%)

    Tạo Datagrid cho vòng quay may mắn như sau:

    Trang Builder —> Data —> Datagrid —> Thêm Datagrid

    Hướng dẫn code vòng quay mai mắn

    Hướng dẫn code vòng quay mai mắn

    Sau khi Tạo datagrid xong, người dùng Click vào 3 chấm —> Chỉnh sửa ( Hoặc Click trực tiếp vào Datagrid )

    Hướng dẫn code vòng quay mai mắn

    Thêm dữ liệu liệu như sau:

    Coupon code: Mã coupon khách hàng nhận được khi quay

    Coupon text : Tên coupon hiển thị trên vòng quay

    Percent : Tỉ lệ % quay vào ô

    Hướng dẫn code vòng quay mai mắn

    2. Popup kết quả và Lời nhắn

    Nếu bạn dùng Popup mặc định thì sẽ hiển thị phần nội dung LỜI NHẮN tương ứng ở phía dưới. Trong trường hợp muốn dùng Popup tùy chọn, bạn tạo 1 Popup mới rồi sử dụng.

    Hướng dẫn code vòng quay mai mắn

    Bạn có thể tùy chỉnh lại phần hình nền và nút bấm theo mong muốn sử dụng

    Hướng dẫn code vòng quay mai mắn

    4. Cách hiển thị kết quả vòng quay trên popup kết quả

    Sau khi khách hàng quay vòng quay may mắn, bạn muốn kết quả vòng quay tự động điền vào POPUP kết quả , ở form trên popup, bạn sử dụng thêm trường : Coupon ( Mã giảm giá )

    Hướng dẫn code vòng quay mai mắn

    Trong trường hợp không muốn khách hàng bấm sửa được trường thông tin này, bạn có thể cho ẩn đi trường Mã giảm giá ở form đăng ký, thông tin vẫn gửi đầy đủ về kênh lưu trữ của bạn

    Ngoài ra, trong trường hợp bạn muốn hiển thị mã giảm giá khách hàng đã quay được trên popup , ví dụ chúc mừng bạn đã quay thành công mã giảm giá 15% , bạn thiết lập như sau: Vào phần Thêm mới- Tiêu đề, chỉnh sửa nội dung tiêu đề thành : Chúc mừng bạn đã quay thành công {{coupon_text}}