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!