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
Thank you!