Set up a Wheel Theme




            In order to setup a Wheel Theme, follow the steps mentioned below:

            STEP 1:  In your Letspin.io Dashboard, go to ‘Create New’.


            STEP 2: Click on ‘Wheel Theme’.


            STEP 3:  Under the New Wheel panel, fill in the “Name” of your wheel theme.
            NOTE: The “Name” of the Wheel Theme is for your internal reference only. It will not be visible to your website visitors.


            STEP 4: Now under “Wheel” section, configure the details that would help you design the wheel based on your suitability.

            Follow the steps below to configure the Wheel Section:


            a. In the “Wheel Image”, you have the option to either Upload or Choose the Wheel from Library.


            b. In the “Wheel Pointer Image”, you have the option to either Upload or Choose the Wheel from Library.


            c. In the “Wheel Pointer Shadow Image”, you have the option to either Upload or Choose the Wheel from Library. You can choose not to add any wheel pointer shadow image based on your suitability.


            d. In the “Wheel Outer Shadow Image”, you have the option to either Upload or Choose the Wheel from Library. You can choose not to add any wheel outer shadow image based on your suitability.


            e. Under the “Font” subsection, you have the option to choose from various font styles that you wish to display on the wheel slices.


            f. Under the “Wheel Slice Colors”, you have the option to choose from a variety of colors that you wish to display on the wheel slices.


            STEP 5: Now under “Background” section, configure the details that would help you customise the background behind the Fortune Wheel. Based on your suitability, you have the option to either change the Background Color or add a Background Image.

            Follow the steps below to configure the Background Section:


            1. To change the Background Color


            a. Make sure the toggle is on the left hand side (i.e towards the Solid Color).



            b. Click on the plus icon just under Background Color to change the color of the background.  


                   
                    II. To change the Background Image

            a. Make sure the toggle is on the right hand side (i.e towards the Background Image).


            b. You have the option to either “Upload” a background image or “Choose from Library”.


            c. You can change the size of the Background Image by using the “Background Size Slider”.

            d. You have the option to put an overlay color over your Background Image by clicking on the Color Picker under the “Overlay Color & Opacity”. You can in fact define the color opacity by clicking on the same Color Picker.


            STEP 6: Now under “Form” section, configure the details that would help you style & format the form that will appear on the right side of the wheel.

            Follow the steps below to configure the Form Section:


            a. In the Title, you have the option to modify the Font, Color & Size of the title text.


            b. In the Guiding Text, you have the option to modify the Font, Color & Size of the guiding text.


            c. In the Button subsection, you have the option to modify the Font, Text Color, Size & Color of the submit button.


            d. In the Disclaimer Rules, you have the option to modify the Font, Color & Size of the disclaimer text.


            e. In the No, Thanks Formatting, you have the option to modify the Font, Color & Size of the No, Thanks text that appears on the bottom right corner.


            f. In the Highlight subsection, you have the option to modify the Font, Font Style, Color & Size of the highlighted text. You can choose to highlight any text whenever you will create a new campaign. This subsection will help you create a general styling & formatting rule for highlighted text.


            STEP 7: Now under the “Miscellaneous” section, configure the details that would help you do some additional styling in the Fortune Wheel.

            a. You can choose to add a Snow effect by sliding the “Add Snow Effect” toggle on the right hand side.


            b. You can choose to add a wheel rotation sound effect by sliding the “Play sound during wheel rotation” toggle on the right hand side. To hear a preview of the sound, click on the play sound button.


            STEP 8: You have the option to add Custom CSS styles and rules in the “Custom CSS’’ section.


            STEP 9: After you have made all the modifications, click on “Save” to save the wheel theme.


            And you’re done with your Wheel Theme !

            Technical Support
            Don't see what you're looking for? Just drop us a mail at help.letspinio.io

            Helpful?  
            Help us to make this article better
            0 0