Spin Lucky (Vòng quay may mắn)
Để thiết lập vòng quay may mắn, bạn thao tác theo các bước sau:
Bước 1: Tạo vòng quay may mắn
Vào trang chỉnh sửa landing page, tại thanh công cụ nhanh, bấm Thêm mới → chọn Spin Lucky.
Hoặc ở phần Thêm mới → Tiện ích → chọn Spin Lucky.
Bước 2: Thiết lập cho vòng quay may mắn
1. Kiểu dữ liệu
Có 2 cách thiết lập danh sách kết quả: Tự nhập hoặc Collection list
1.1 Kiểu dữ liệu tự nhập
Khi chọn kiểu dữ liệu tự nhập, bạn cần điền lần lượt các thông tin ở Danh sách kết quả như Mã coupon, Tên coupon, Tỉ lệ % (ví dụ COUPON50, Coupon 50k, 90%).
Mã coupon: khách hàng không nhìn thấy mã coupon này, đây là mã khách nhận được sau khi quay vòng quay và sẽ gửi về kênh lưu trữ của bạn.
Tên coupon: khách hàng có nhìn thấy tên coupon này và sẽ hiển thị trên trang sau khi khách quay xong.
Tỉ lệ %: tỉ lệ quay vào các ô trên vòng quay (tỉ lệ cao tương ứng với nhiều khách hàng sẽ quay trúng ô này và ngược lại)
1.2 Kiểu dữ liệu tạo từ Collection list
Theo dõi chi tiết thao tác theo video hướng dẫn dưới đây:
Cách tạo 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. Để tạo collection, bạn xem chi tiết tại đây.
2. Popup kết quả, popup hết lượt và số lượt quay tối đa
Popup kết quả bạn có thể sử dụng:
- Popup mặc định từ LadiPage: sẽ hiển thị phần nội dung LỜI NHẮN tương ứng ở phía dưới. Bạn có thể thay đổi nội dung của Lời nhắn, nhưng không thay đổi được giao diện hiển thị của popup này.
- Popup tùy chỉnh: bạn có thể thiết kế popup kết quả khác và sử dụng. Trên popup tùy chỉnh, bạn có thể copy các biến của vòng quay như tên kết quả {{coupon_text}}, biến kết quả {{coupon_code}} và lượt quay còn lại {{spin_turn_left}} để hiển thị.
Trong trường hợp muốn dùng Popup tùy chỉnh, bạn tạo 1 Popup mới rồi sử dụng.
Popup hết lượt quay cũng tương tự như popup kết quả.
Số lượt quay tối đa: giới hạn số lượt quay tính theo thiết bị/trình duyệt và cookie. Sau 24h hết lượt quay, trình duyệt đó có thể tiếp tục quay theo giới hạn cài đặt quay.
Ví dụ: bạn cài đặt số lượt quay tối đa là 1, khách truy cập bằng Chrome quay 1 lần, thì tại thời điểm đó khách truy cập bằng Chrome sẽ không quay được tiếp, nhưng đổi sang CocCoc sẽ quay được 1 lần. Sau 24h khách truy cập lại bằng Chrome sẽ tiếp tục quay được 1 lần.
3. Hình nền và nút bắt đầu
Bạn có thể thay đổi hình nền vòng quay và nút start bằng hình ảnh bạn thiết kế.
Mặc định vòng quay may mắn khi thêm trên landing page là 6 giá trị kết quả và không có hình ảnh hiển thị cho giá trị quay trong từng ô giá trị.
Trong trường hợp bạn có ít hơn hoặc nhiều hơn giá trị quay hoặc hiển thị kèm hình ảnh hiển thị giá trị quay, bạn hoàn toàn có thể thiết kế riêng nền cho vòng quay
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.
4. Thiết lập chữ
Bạn có thể thiết lập chữ cho Tên Coupon của toàn bộ danh sách kết quả hiển thị trên vòng quay may mắn.
Các code tùy chỉnh cho phần vòng quay may mắn
Một số đoạn code nâng cao sau bạn có thể thêm vào phần Mã tùy chỉnh nâng cao trong thiết lập vòng quay may mắn.
- Code hiển thị 1 phần tử, 1 popup hay 1 section sau khi kết thúc vòng quay:
ladi('HEADLINE1').show();
- Code ẩn vòng quay ngay sau khi kết thúc lượt quay:
ladi('SPINLUCKY1').hide();
- Code kéo đến một section nào đó khi kết thúc lượt quay:
ladi('SECTION1').scroll();
Thêm lượt Spin Lucky: ladi(SPINLUCKY1').addturn();