Spin Lucky ( Vòng quay may mắn)
Để thiết lập Vòng quay may mắn, bạn theo dõi các bước sau:
Bước 1: Tạo khung vòng quay may mắn.
Bạn thêm mới vòng quay bằng cách sau:
Bước 2: Thiết lập cho vòng quay
Mục 1: Kiểu dữ liệu/Danh sách kết quả
Mã coupon: mã giảm giá khách hàng nhận được sau khi quay vòng quay và là giá trị để hệ thống ghi nhận thông tin
Tên coupon: nội dung các kết quả sẽ hiển thị ở vòng quay may mắn và khách hàng sẽ nhìn thấy nội dung hiển thị này.
Tỉ lệ %: tỉ lệ quay vào các ô trên vòng quay (tổng tỉ lệ của tất cả danh sách kết quả phải bằng 100%)
Có 2 cách thiết lập Danh sách kết quả: Tự nhập hoặc Collection list
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, tỉ lệ % (ví dụ COUPON50, Coupon 50k, 90%)
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
Danh sách các Collection đã tạo sẽ quản lý trong mục: Thêm mới- Quản lý nội dung. Để hiểu rõ hơn mục quản lý nội dung, bạn xem chi tiết tại đây
Mục 2. Popup kết quả, popup hết lượt quay 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ể cài đặt popup kết quả này theo nội dung của bạn. 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}} trên popup tùy chỉnh của bạn.
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.
Phần popup hết lượt quay cũng tương tự như popup kết quả.
Số lượt quay tối đa: số lượt quay trình duyệt (chrome, coccoc,....) có thể quay. Số lượt quay tối đa sẽ dựa theo 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 Côc Côc 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.
Mục 3. Hình nền
Mặc định vòng quay may mắn khi bạn kéo thả 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ị kết quả.
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.
Trong trường hợp nền vòng quay thiết kế của bạn có sẵn tên giá trị quay, bạn không để Tên Coupon trong mục 1: danh sách kết quả.
Mục 4: Thiết lập chữ
Mục này hỗ trợ 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.
Bạn chưa thiết lập chữ ví dụ font chữ, cỡ chữ và màu chữ cho 1 hoặc 2 giá trị kết quả vòng quay.
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('HEADLINE50').show();
- Code ẩn vòng quay ngay sau khi kết thúc lượt quay:
ladi('SPINLUCKY41').hide();
- Code kéo đến một section nào đó khi kết thúc lượt quay:
ladi('SECTION52').scroll();
Thêm lượt Spin Lucky ladi(SPINLUCKY123').addturn();
