> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.avada.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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 weigh**t: 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 Heigh**t: 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 Spacin**g: 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)