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!