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!