Articles on: Forms

Configure Spin To Win components

1. Subscribe page


1.1. Background 



  • Font family: Select the text font of the subscribe page.


  • Background: Select a background color or background image for your subscription page


  • Background Style: Select the type of background image including 2 types: Center and Contain


  • Background Position: Select the position for the background image


1.2 Wheel Design


Here you can configure how the Wheel look:



  • Pie Background Color: Select a background color for the wheel


  • Wheel text color: Select a display color of wheel text


  • Slice Content: Click Configure Slices button to configure slices



  • Index: Here shows the Slice order


  • Result text: Enter the content displayed on the slices


  • Coupon code: Choose to display again for the coupon including the Static coupon, directly fill the coupon or the Dynamic coupon using the pre-created coupons


  • Probability: Customize the percentage probability of winning each slice.


1.3 Subscribe Content


  • Text Align: Select the style to display text at the subscribe page


  • Background: Customize the background for the subscription page




  • Heading: Here customize the content displayed for the heading of the subscribe page




+ Content: Enter the text displayed for the heading


+ Text Color: Select a color for the heading


+ Font size: Customize the font size of the heading


+ Font weight: Customize the density of the heading


+ Letter Spacing: Customize the spacing between letters


+ Line Height: Customize the spacing between lines


  • Body text: Here, customize the content displayed for the body text of the subscribe page




+ Content: Enter display content for body text


+ Color: Select a color for the body text


+ Font size: Customize font size for body text


+ Font weight: Customize the weight of the text


+ Letter Spacing: Customize the spacing of letters


+ Line Height: Customize the spacing between lines


  • Form




Here you can customize the form displayed on the subscribe page by clicking on the form you want to add




+ First name: Enter the text displayed in the first name placeholder





+ **Last name**: Enter the text displayed in the last name placeholder




+ Phone number: Enter the content displayed in the phone number placeholder




+ Email: Enter the text to display in the email placeholder




  • Button




+ Button content: Enter the content to display on the button


+ Color: Select color for button text


+ Background color: Select a color for the button's background


+ Border color: Select a color for the border of the button


- Footer note




+ Content: Enter display text for the footer note


+ Color: Select color for note text


- Close button


Choose the color for the close button




2. Thank you page


2.1 Background




  • Font family: Choose the font displayed on thank you page


  • Background: Choose a background color or background image for thank you page


  • Background Style: Select the type of display background image including 2 types: Center and Contain


  • Background Position: Select the position for the background image


2.2 Result content


  • Text align: Choose the display style for the text of the thank you page


  • Background color: Select the color for the background of thank you page




  • Heading text: Here customize the content displayed for the heading of Thank you page




+Content: Enter the text displayed for the heading


  • Color: Select a color for the heading


  • Font size: Customize the font size for the heading


  • Font Weight: Customize the weight of the text


  • Letter Spacing: Customize the spacing between letters


  • Line Height: Customize the spacing between lines


- Body text: Here customize the display content for the body text of Thank you page




  • Content: Enter display content for body text


  • Text Color: Select a color for the body text


  • Font size: Customize font size for body text


  • Font Weight: Customize the weight of the text


  • Letter Spacing: Customize the spacing between letters


  • Line Height: Customize the spacing between lines


  • **Coupon code **


  •  Button




  • Button content: Enter the content to display on the button


  • Text Color: Select a color for the button text


  • Background color: Select a color for the button's background


  • Close button


Choose the color for the close button



Updated on: 29/07/2021

Was this article helpful?

Share your feedback

Cancel

Thank you!