> For the complete documentation index, see [llms.txt](https://helpv3.ladipage.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpv3.ladipage.vn/cac-phan-t-co-ban-tren-landingpage/ung-dung/spin-lucky-vong-quay-may-man.md).

# Spin Lucky ( Vòng quay may mắn)

Để thiết lập Vòng quay may mắn, bạn vào phần **Thêm mới->** **Ứng dụng** -> **Spin Lucky** và vào phần **Thuộc Tính** để  chỉnh sửa các nội dung trên vòng quay 

![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FDfDGA0EhJEAwtKQrXU6L%2Fimage.png?alt=media\&token=e2e4e1a8-11cd-4ebe-9bbd-b5e72a24f51c)

## 1. Danh sách kết quả/Kiểu dữ liệu 

\
\- 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

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%)

![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FOoKcnxxSahaCcnZTsspq%2Fimage.png?alt=media\&token=12315afe-a4e2-4973-9437-1c21d86a109f)

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 

![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FWUckSV0JAPmcIJOjeBQv%2Fv%C3%B2ng%20quay%20.gif?alt=media\&token=66f424d1-ab5a-4541-9b4d-33efecd22e04)

![Giao diện mẫu phần tạo nội dung vỏng quay từ Collection ](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FHjBPnPjXU5NmDqlrRciA%2Fimage.png?alt=media\&token=ab268154-33e6-4ef9-9d97-a85b1760c6eb)

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](broken://pages/-LlB1x9qwgJpx4foVszh) rồi sử dụng.

## 3.Hình nền

\
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](https://www.facebook.com/groups/LadiPageVietnam/permalink/2458138047783323/).

## 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 

![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKarwei2lG1aihshUSu4Z%2Fimage.png?alt=media\&token=27558847-b05c-4eb9-b822-c25aa14a5afd)

![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FiXdpSFqxthkFRmh2BMdD%2Fimage.png?alt=media\&token=6ff7eefe-4ada-46b5-96e8-b5a1b9d84fdf)

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}} 

## 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').add\_turn();

{% hint style="danger" %}
Lưu ý: thay tên ID tương ứng của các phần tử mà bạn muốn trong dấu ' '
{% endhint %}