A Complete Guide of How to use the Spin Wheel Plugin.

  • BdThemes
  • A Complete Guide of How to use the Spin Wheel Plugin.

Table Of Contents

A Complete Guide of How to use the Spin Wheel Plugin.

This guide will show you how to customize the Spin Wheel plugin to meet your specific needs, ensuring it aligns with your goals and enhances website engagement effectively.

Explore The Spin Wheel – An interactive spinning wheel that offers coupons

Boost your website engagement and drive more sales with 🎁 Spin Wheel, the best spin wheel popup WordPress plugin. Offer your visitors a fun, gamified experience by letting them spin to win exclusive discounts and coupons. This interactive tool is perfect for growing your email list and enhancing customer loyalty.

With extensive customization options, advanced display settings, and robust spam protection, Spin Wheel makes it easy to create captivating offers that boost conversions and keep users coming back.

Explore The Spin Wheel – An interactive spinning wheel that offers coupons

After customizing the backend, reload your website to display the Spin Wheel on the front end. Enter your name and email in the respective fields, then click the Spin the Wheel(Get Lucky) button.

image 4 - BdThemes

After spinning your wheel, you will get the coupon code as the above screenshot, and the winner information(Name, Email, Coupon, etc) will be found in the Backend Entries tab section.

How to Setup and Download the Spin Wheel Plugin

How to Setup and Download the Spin Wheel Plugin

To use the Spin Wheel plugin, you should need to download the plugin first. You can easily find the plugin on the WordPress.org site. Don’t worry about it. We have attached a download link here. Just visit the link and download the plugin. Here is the download link. After downloading and activating the plugin, just follow the below steps.

Let’s start to customize the plugin

Let's start to customize the plugin

After installing and activating the Spin Wheel plugin, The plugin will appear on your WP plugin dashboard. From here you can easily customize the plugin. Here you will get the 7 tabs section to customize the plugin. Like as – Settings, Style, Coupons, Form, Win Info, Lost Info, and Entries.

Explore the Settings Tabs section

The Settings tab for the Spin Wheel plugin offers crucial configuration options to set up your Spin Wheel campaign. It includes visibility controls for responsive devices and options to manage display visibility. This section provides essential features to help you build and tailor your Spin Wheel campaign effectively. Let’s dive into customizing the Settings tab to get started.

Explore the Settings Tabs section

Come to the Settings tabs section, you will get the below options to customize the section.

1. Campaign Name: Set a unique name for your Spin Wheel campaign to easily identify and manage different campaigns. In this example, the campaign name is Happy Offers, but you can choose a name that fits your specific needs and goals.

2. Status: Within the Status feature, you will get two switcher buttons. One is Enable Wheel Popup, and the other is Development Mode.

Enable Wheel Popup: Use the switcher button to enable or disable the Wheel Popup on your website. When enabled, the Spin Wheel will appear as a popup, offering visitors an interactive experience.

Development Mode: This feature is useful when building or testing your Spin Wheel system. Enabling the switcher ensures the popup appears on your website after every reload, allowing you to easily review and verify changes. This is especially helpful during the development phase. Once you’ve completed your setup, be sure to disable development mode. Otherwise, the popup will appear after every reload of your website.

3. Which Devices Will This Popup Appear: This option allows you to control the visibility of the Spin Wheel popup on specific devices such as Desktop, Tablet, and Mobile. Simply enable or disable the switcher buttons to show or hide the popup on your chosen devices.

settings2 - BdThemes

4. Spam Protection:

Email Coupon: By enabling the Email Coupon switcher button, you won’t receive the coupon code immediately after spinning the wheel. Instead, the coupon will be automatically sent to the subscriber’s email who fills out the form, streamlining the process.

Invisible reCAPTCHA (Coming Soon): Enhance security and prevent spam on your Spin Wheel popup by integrating Google’s reCAPTCHA, which works silently in the background to verify users without interrupting their experience. The Feature will be coming soon.

Double Opt-In (Coming Soon): Add an extra layer of verification to ensure that email addresses are valid. This feature requires users to confirm their subscription, enhancing the quality of your email list and reducing spam. This Feature also will be coming soon.

Describe the display Rules

settings3 - BdThemes

The Display Rules section allows you to control when and how the Spin Wheel popup appears to visitors. Here are the key options:

5. When to show the Popup / Campaign: You can select from various display options:

On Page Load: The popup appears immediately when the web page loads. The spin wheel popup will appear after every reload of your website. Here you also set the Show Popup After Visitor Spends Time. This setting allows you to specify the amount of time a visitor must spend on the page before the Spin Wheel popup appears.

On Exit: The popup triggers when a user attempts to leave the page. Before leaving the website the popup will appear for the visited users.

On Scroll: This setting allows the Spin Wheel popup to activate once the user scrolls down a specified percentage of the page. You can customize the “Show on Scroll” percentage; for example, if set to 50%, the popup will appear after the visitor has scrolled halfway down the webpage. This feature encourages user engagement by timing the popup to coincide with their browsing behavior.

On Inactivity: This setting triggers the Spin Wheel popup after the user has been inactive for a specified duration. If a visitor doesn’t interact with the page during this specified time, the popup will appear, encouraging them to engage with the offer. This feature effectively draws the attention of users who might have lost focus, prompting them to return and take action. You can customize the inactive time from this section.

settings4 - BdThemes

6. When the Popup will Reappear for the same Visitor: From here you can set a counter of days for reappearing the popup for the same visitor. If you set the day as-2 then after 2 days later the popup will appear for the same visitor.

7. When the popup will show or hide: This option enables you to specify custom dates and times for displaying or hiding the Spin Wheel popup. It’s essential to ensure that the website server time aligns with the popup’s scheduled showtime. If the times are not synchronized, the popup may not display correctly. Therefore, always verify that the website server time matches the popup’s start and end times to ensure proper functionality.

settings5 - BdThemes

8. Advanced Conditions: The advanced conditions option is made depending on the Role users and Status users. Customize visibility based on user status (logged in/out) and roles (admin, editor, author, etc.) for targeted engagement. Whatever you select the spin wheel popup works for the selected role or status users. You also can add conditions by hitting the add condition button and delete the condition by hitting the delete icon button. After setting the conditions, please hit the save button.
The Multiple users condition will be coming soon.

Explore the Style Tab Section

The Style Tab enables you to customize the visual appearance of your popup or campaign. You can adjust item backgrounds, configure visibility triggers, and arrange your promotional items. This section is essential for creating an engaging and visually appealing experience for your users.

Explore the Style Tab Section

Come to the Style Tab sections, you will get the below options to customize the Style Tab section.

1. Item Color: This option lets you change the Item color to your working demand.

2. Clone Item: This option lets you Copy the Item. If you want to duplicate any item then just hit the Clone Item button.

3. Delete Item: Remove any unwanted items from your list with a simple click.

4. Add Item: This option lets you Add the new Item.

5. Reset Item:  Restore items to their default settings if needed.

6. Save Settings: Save your item configurations to ensure that all changes are applied successfully.

Customize the Coupon Tab Section

This Tabs section allows you to generate your demanding coupon code for the spin wheel winners. At first, you will get an error message”Please Modify / Save Coupon”. Just hit the save button or modify any coupon then the error message will disappear from your Coupons tabs section.

Coupon - BdThemes
label - BdThemes

Let’s explore the Coupon tabs section in detail-

1. Label: This option lets you set/change the Coupon Label. Set or change the coupon label for clear identification.

2. Discount Code: Create or modify discount codes for promotions. You can create any Discount code from here.

3. Win button: Enable or disable the win switcher button to show or hide the coupon code from the Spin Wheel. For example, if you disable the 50% discount coupon code then the 50% discount coupon code will hide from the spin.

4. Probability: (Coming Soon) Set the chance of winning a discount coupon. You can set specific Probability for the specific coupons.

5. Delete: Remove unwanted discount coupon codes easily.

6. Add button: Quickly add new discount coupon codes to your list by hitting the Add button.

7. Save Settings: Preserve all changes by saving your coupon settings.

Customize the Form Tab Section

The Form tab section allows you to tailor the Spin Wheel submit form to fit your specific requirements. Within this section, you’ll find the following subsections: Container, Title, Description, Form, and Button. Let’s describe form subsections.

form1 - BdThemes

In the Container subsection, you will get the below options-

1. Background Color: This option allows you to customize the background color of your popup using a gradient effect. You can choose between Linear and Radial gradient types, and adjust the angle of the gradient to achieve the desired look. This feature helps create a visually appealing backdrop that enhances the overall aesthetic of your campaign.

form2 - BdThemes

In the Title subsection, you have the following customization options:

1. Text: The Text field option lets you keep or change the title text to your needs.

2. Text Color: Change the color of the title text to match your design.

3. Alignment: You can set the Title Alignment as – Left, Center, and Right.

4. Font Size: Customize the font size for the title to make it more visually appealing.

form3 - BdThemes

In the Description subsection, you have several options to customize the text and appearance of your Spin Wheel form description:

1. Text: Keep or modify the description text to provide clear instructions or context for users.

2. Text Color: Change the color of the description text to match your branding or enhance visibility.

3. Alignment: Set the alignment of the description text to Left, Center, or Right, allowing for a tailored layout.

4. Font Size: Adjust the font size of the description to ensure readability and impact.

form4 1 - BdThemes

Come to the Form subsection, you will get the below options-

1. Text Color: This option lets you change the Form Text color.

2. Background Color: This option lets you change the form Background color.

3. Border Color: This option lets you change the border color of the form.

4. Font Size: This option lets you set the font size for the Form.

form5 - BdThemes

In the Button subsection, you have the following customization options:

1. Text Color: Change the color of the text on the button to enhance visibility and match your branding.

2. Background Color: Adjust the background color of the button to create a visually appealing and engaging call to action.

3. Border Color: Modify the border color of the button to add definition and style.

4. Alignment: Set the button alignment to Left, Center, Right, or Justified to suit your layout preferences.

5. Font Size: Customize the font size of the button text to ensure readability and visual impact.

Customize the Win Info Section

The Win Info section allows you to customize the win form that appears after a user spins the wheel. A key feature here is the use of Curly Brackets, which dynamically display the discount coupon instead of static text.

For example, if you want to show the message “Hey, You got 30% OFF, Congrats” after the spin, you would write “Hey, You got {{prize}}.” The text inside the curly brackets, “prize,” will automatically be replaced with the dynamic discount coupon (e.g., “30% OFF”).

Hey, You got {{prize}} Congrats = Hey, You got 30% OFF Congrats,
you won {{prize}}, let’s enjoy the Deal. = Congrats, you won 30% OFF, let’s enjoy the Deal.

Note: If you want to show static Text then you don’t need to use the Curly brackets.

Backend screenshot for the curly brackets-

curly1 - BdThemes

Frontend screenshot for the curly brackets-

curly2 - BdThemes

Come to the Win Info section, you’ll find the following subsections: Title, Description, Form, and Button. Let’s describe those subsections.

win info1 - BdThemes

Come to the Title subsection, you will get the below options-

1. Text: The Text field option lets you keep or change the title text to your needs. Here you can use the Curly brackets to show the dynamic discount coupon text and if you want then you also can use the static text for the Win Info Tabs form Title.

2. Text Color: This option lets you change the Text color for the Title.

3. Alignment: You can set the Title Alignment as – Left, Center, and Right.

4. Font Size: This option lets you set the font size for the Title.

win info2 1 - BdThemes

Come to the Description subsection, you will get the below options-

1. Text: The Text field option lets you keep or change the Description text.

2. Text Color: This option lets you change the Description Text color.

3. Alignment: You can set the Description Alignment as – Left, Center, and Right.

4. Font Size: This option lets you set the font size for the Description.

win info3 - BdThemes

Come to the Form subsection, you will get the below options-

1. Text Color: This option lets you change the Form Text color.

2. Background Color: This option lets you change the form Background color.

3. Border Color: This option lets you change the border color of the form.

4. Font Size: This option lets you set the font size for the Form.

win info4 - BdThemes

Come to the Button subsection, you will get the below options-

1. Text Color: This option lets you change the Button Text color.

2. Background Color: This option lets you change the Button Background color.

3. Border Color: This option lets you change the Button Border color.

4. Font Size: This option lets you set the font size for the Button.

Customize the Lost Info Section

Come to the Lost Info section, you’ll find the following subsections: Title, Description, and Button. Let’s describe those subsections.

Lost info1 1 - BdThemes

In the Title subsection, you can customize the following:

1. Text: Adjust or replace the title text to suit your specific needs.

2. Text Color: Change the color of the title text to match your design preferences.

3. Alignment: You can set the Title Alignment as – Left, Center, and Right.

4. Font Size: This option lets you set the font size for the Title.

Lost Info2 - BdThemes

Come to the Description subsection, you will get the below options-

1. Text: The Text field option lets you keep or change the Description text.

2. Text Color: This option lets you change the Description Text color.

3. Alignment: You can set the Description Alignment as – Left, Center, and Right.

4. Font Size: This option lets you set the font size for the Description.

Lost Info3 - BdThemes

Come to the Button subsection, you will get the below options-

1. Text Color: This option lets you change the Button Text color.

2. Background Color: This option lets you change the Button Background color.

3. Border Color: This option lets you change the Button Border color.

4. Alignment: You can set the button Alignment as – Left, Center, Right, and justified.

5. Font Size: This option lets you set the font size for the Button.

Customize the Entries Section

In the Entries tab section, you can efficiently manage and review all participant entries for the Spin Wheel campaign. This allows you to track user engagement, monitor performance, and analyze participant data for better campaign insights.

entries 1 - BdThemes

Key features include:

  • Name: View the names of participants who entered the Spin Wheel.
  • Email: Access the email addresses associated with each entry for follow-up or communication.
  • Coupon: See the specific coupon codes won by participants, including discounts or offers.
  • Created At: Check the timestamp of when each entry was submitted, providing context for participation.

All done! You have successfully customized the Spin Wheel Plugin on your website.

Video Assist

The Demo and Video will come soon. Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge