Detailed instructions on how to use Lucky Draw in the Website/Landing Page drag-and-drop.

  1. How to add Lucky Draw

At the position where you want to add a lucky draw, drag the Lucky Draw into the existing layout. When the position displays in green (image), it means you can place the component in that position.

2. How to configure Form

Click on the Lucky Draw -> Click on the icon (image) to open the Lucky Draw settings bar.

2.1. Lucky Draw Config

You can edit the Background color/Background image/Border/Button/Arrow

2.2. Save data

You can save player data through 3 connection methods: Email, Google Sheet, and API.

2.3. Setting Lucky Draw

2.3.1. Prizes settings

  • Winning angle: The position where the winning arrow will be placed depending on the angle you enter.

  • Direction of prize display: You can choose the direction of the prizes as Vertical or Horizontal.

  • Display spins count: Click on the icon to enable display of remaining spins that players can use.

2.3.2. Prize list

Select "+ Add prize" to open the gift list settings:

  • Gift name: Enter the name of the gift

  • Probability of winning prize (%): You can customize the winning probability of each prize by percentage

  • API link: Add API link as instructed here

  • Image: You can upload images of the prize from your computer

  • Image URL: You can paste the URL of the prize image

  • Image width: The size of the image is displayed in pixel value

  • Number of prizes: Maximum number of prizes

2.4. Responses

You can configure the popup (Instructions in order from top to bottom):

  • Name: The name of the winning popup.

  • Show popup close icon: Click on the icon to enable display of the popup close icon in the top right corner of the popup.

  • Icon Color/Size: Choose the color/size for popup's close icon.

  • Show when entering page: Click on the icon to make the popup appear when entering the page.

  • Show when existing page: Click on the icon to make the popup appear when exiting the page.

  • Show on scroll: Select value to make the popup appear when scroll the a position on the page.

  • Width/Height: The display size of the popup shown in pixel value.

  • Backdrop color: The color of the screen behind when the popup is displayed.

  • Position: The position where the popup is displayed on the page.

  • Desktop/Mobile: Show/Hide the Lucky Draw in each devices.

To edit images on the Popup, click on each image to edit.

To edit text on the Popup, click on each text to edit.

Edit 'Out of turns' Popup, 'Out of gifts' Popup similar to the 'Winning Prize' Popup.

2.5. Conditions to participate & win prizes

Turn on Enter information to join -> Click "Edit form" to open the form configuration settings.

Turn on Enter information to join -> Click "Edit form" to open the form configuration settings.

logo temp3 website

Temp3 is a powerful support tool that helps you quickly and easily build an innovative and effective Web3 solution / Blockchain profile page without coding.

Contact us

Explore more

Discord

Discord