Configure Spin To Win components
1. Subscribe page
1.1. Background
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1qx1ono.png)
- 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:
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_2ixs22.png)
- 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1wku5yq.png)
+ 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1utczn4.png)
- Heading: Here customize the content displayed for the heading of the subscribe page
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1da1m3a.png)
+ 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1kq8czx.png)
+ 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1jh7szc.png)
Here you can customize the form displayed on the subscribe page by clicking on the form you want to add
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1t2gkjj.png)
+ First name: Enter the text displayed in the first name placeholder
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_g7ocdg.png)
+ **Last name**: Enter the text displayed in the last name placeholder
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_mpdypi.png)
+ Phone number: Enter the content displayed in the phone number placeholder
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_2h1dqe.png)
+ Email: Enter the text to display in the email placeholder
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_f0ox1u.png)
- Button
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1h62apb.png)
+ 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1vdji7y.png)
+ Content: Enter display text for the footer note
+ Color: Select color for note text
- Close button
Choose the color for the close button
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1fr37z1.png)
2. Thank you page
2.1 Background
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_2g7yl0.png)
- 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1vuj032.png)
- Heading text: Here customize the content displayed for the heading of Thank you page
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_1e8fl28.png)
+**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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_8dwi42.png)
+ 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_inawhv.png)
+ 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
![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/image_yp9v1v.png)
Updated on: 29/07/2021
Thank you!