Magento 2 Spin and Win Extension- User Manual

1.0 Introduction

Knowband Magento 2 Spin and Win Extension is an alluring time-triggered gamified interface. The Magento 2 gamified popup offers an intuitive and fun-filled interface to your store visitors. The gamified approach motivates them to provide their email ids without annoying them with the conventional subscription popups.

Magento 2 Spin and Win extension by Knowband not just boosts the shopping experience of the customers, it even has a direct impact on the sale volume of the site. Magento 2 Spin and Win plugin offers coupons and discounts in a different, but better way. Magento 2 Spin and Win subscription pop-up incorporate a Wheelio or roulette wheel in the front-end of the site. The store visitors are required to enter their email IDs in order to spin the wheel. The wheel rotates with the admin defined labels on them and the customers get coupons associated with the coupon code.

1.1 Features offered by Magento2 Spin and Win plugin:

  1. The Knowband’s Magento 2 Spin and Win module can be used at the three places, that is, at the entry or exit of the customers or when they scroll down.
  2. The Magento2 Spin and Win extension even allows the store admin to set the type of store visitors who can view the spin wheel interface.
  3. Magento 2 Spin and Win subscription pop-up offers email recheck option. The admin can avoid redundancy of the email IDs by enabling this feature.
  4. Magento 2 Exit intent pop-up comes with a number of pre-designed themes and wheel designs. The store admin can choose the one in accordance with their site theme and occasion like Christmas, Easter, Thanksgiving, Black Friday etc.
  5. The spin wheel of Magento 2 Spin and Win plugin can even be customized at a few button clicks. Thus, it can be easily made to blend with the theme of the website.
  6. The custom CSS option in the admin interface of Magento 2 Spin and Win extension allows the merchants to change the look and feel of the wheel design accordingly.
  7. The feature-rich Magento 2 Spin and Win module reduces the manual effort of the store admin. The Magento 2 email integrator syncs the captured details with the MailChimp, Klaviyo and Constant Contact account of the store admin.
  8. The Magento 2 interactive popup extension comes with a number of email templates. This makes it even easier for the store admin to send promotional triggers to the customers.
  9. The admin gets full access to manage the discounts being offered. The admin can customize the slices of the spin wheel from the back-end of the Magento2 Spin and Win extension.
  10. Even the possibility of a slice appearing once the wheel is rotated can be fixed from the admin interface of Magento 2 Spin and Win plugin.

2.0 Installation

Follow the simple steps in order to install the Magento 2 Spin and Win Module:

1.Download the extension package of Magento 2 Spin and Win Extension from the Knowband store.

2.You’ll get a zipped file. Unzip the package on the root folder of your Magento 2 setup via FTP manager (like Filezilla or WinSCP – download here: http://filezilla-project.org/).

3.The extension is now installed and ready for use. In Admin Panel go to “Knowband Extensions > Spin and Win”.

Spin and Win

You can now use and configure the Magento 2 Spin and Win Module extension.

3.0 Admin Panel

The web admin interface of Magento 2 responsive pop-up offers easy customization option to the store admin. The spin wheel can be configured and managed in a few simple steps. Magento 2 Spin and Win Module have 8 setting tabs. They are mentioned below:

  • General Settings
  • Display Settings
  • Look and Feel Settings
  • Text Settings
  • Slice Settings
  • Email Marketing
  • Email Setting
  • Statistics

Spin and Win

Let us discuss the various customization options are discussed in detail.

3.1 General Settings

The General settings of Magento 2 Spin and Win Module allows the store admin make the basic configuration settings. The various fields in this tab are discussed below.

Spin and Win

1. Enable the extension

Enable this feature in order to show the wheel in the front-end of the site. If enabled, the spin wheel will be displayed on the website as shown in the image below:

Spin and Win

2. Show Pull-out tab

The site visitors can remove the spin wheel from the screen of the website by clicking on the ‘No I do not feel lucky’ button. In order to bring the wheel back to the site, the customers get an option of the pull-out button. This button will be displayed only if this feature is enabled from the back-end of Magento 2 entry/exit popup module.

Spin and Win

Once this link is clicked, the wheel will display and the pull-out tab can be seen as shown below:

Spin and Win

3.Email Recheck

The store admin can check the duplicity of email IDs entered in the Magento 2 subscription pop-up by enabling this option. If enabled, the customers will not be allowed to rotate the wheel with the same email ID. This makes sure that one email id can avail the offer only once. Thus, Magento 2 email subscription popup makes it easier for the store admin to increase their subscriber base.

4.Wheel Display Interval

Fix the number of days after which you want the pop-up to appear on the website. By default, it is set to 0 which means the wheel will be displayed all the time.

5.Custom CSS
The admin gets to make changes in the appearance by entering the custom CSS code in this section of the Magento 2 extension.

6.Custom JS
The admin can enter custom JavaScript in this section.

3.2 Display Setting

This tab of Magento2 Spin and Win subscription popup allows the admin to manage the appearance of wheelio as per the requirement.

spin win

The various customization options are discussed in details below:

1. Minimum Screen Size

Select the minimum standard size of the screen with which the wheel displayed in the front-end will be compatible. The wheel will work seamlessly on the all the screen size larger than the selected one.

2. Maximum Display Frequency

Select the frequency of wheel display from the drop-down list.

3. Hide Spin Wheel After

Select when you want to hide the wheel from the drop-down list.

4. Set Time Interval

Enable this functionality if you want to display the spin wheel for a particular time period. Once enabled, the admin will be required to select the start and end time as shown in the image below:

spin win

Enter the date in the prescribed format, that is, mm/dd/yy as well as the time in both the sections. The wheel will be displayed only in between the selected duration set.

5. Whom to Show

Choose the visitor type to whom you want to show the spin wheel. You can either select all the visitors, or the new visitors or returning visitors of your site.

6. When to Show

Choose the time which you think is feasible for displaying the wheel by selecting one option from the drop-down list.

7. GEO Location

Select the GEO location where you want to display the Magento 2 interactive subscriber pop-up. Selecting the default option of worldwide will display the Magento 2 Spin and Win Exit Intent extension at every places where the website is being viewed.

3.3 Look and Feel Settings

The Magento 2 store admin can change the look and feel or appearance of the spin wheel subscription popup from this tab of Magento 2 spin and win module.

Here are some of the ways in which you can change the look and feel of the Magento 2 spin and win extension.

spin win

Theme

The Magento2 spin and win module offers default front-end themes for the store owner to choose from. The admin can select the desired one from the drop-down list. This spin and win module now offers some great and elegant looking site themes for Christmas, Easter, Thanksgiving etc.

Wheel Design

Along with the front-end themes, the Magento2 spin and win plugin offers wheel designs as well. The e-merchants can choose the desired one from the drop-down menu in this section.

Wheel Preview

The selected wheel design can be previewed here.

Wheel Background Color
The background color of the wheel can be changed by selected the desired shade from the color chart.

Font Color
The color of the texts written on the wheel can be changed from here.

Button Background Color
The background color of the buttons on the spin wheel can be changed from here.

‘No, I do not Feel Lucky’ text color
Change the font color of the button by selecting the shade from here.

Display Logo
Enable this function if you want to display the logo of your site on the spin wheel. If enabled, the admin will get an option to choose the logo image from their local drive.

spin win

3.4 Text Setting

The text displayed on the wheel background can be changed and saved from this tab of Magento 2 spin and win pop-up module.

spin win

The changes made here will be reflected in the front-end as shown below:

Spin and Win

3.4 Slice Settings

The slices of the wheel are where the offers are displayed. The admin can customize all the 12 slices of the wheel.

spin win

The slice setting tab of Magento 2 spin and win module consists of 4 sections.

Slice Label: Enter the unique name of the slice that will be displayed on the website.

Coupon Type: Select the type of the offer you are giving. You can either select fixed discount or percentage discount type.

Coupon Value: Enter the value of the coupon being offered here.

Gravity: This section specifies the possibility of a particular slice being selected after the spin. Enter the desired value in the Gravity column accordingly. This value cannot be greater than 100 or less than 1. Moreover, the sum of the value of all the 12 slices should not exceed 100.

3.5 Email Marketing

The Magento2 email integration extension has an inbuilt email integrator. The email ids of the store visitors captured by the plugin are automatically added to the MailChimp, Constant Contact and Klaviyo accounts of the store owner.

spin win

Enable the respective integrator, enter the API Key of your account and select the list of the email ids. The Magento 2 MailChimp Integrator, Magento 2 Klaviyo Integrator and Magento 2 Constant Contact Integrator will sync the email details of the customers in the respective account of the store admin.

3.6 Email Template Settings

This tab of the Magento 2 Spin and Win extension allows the admin to display the coupons in three ways. The coupon can either be displayed only on the wheel or can be sent to the customer’s email or can be shown in the email as well as the wheel. The admin can select an option from the drop-down list of Coupon Display Options.

Magento 2 Spin and Win plugin offers a number of default Email Templates. The admin can select the desired theme.

spin win

3.8 Statistics

The Magento 2 Spin and Win module offers the statistical report of the number of coupons that are generated along with the number of coupons that were used and the ones that were left unused.

spin win

The same report is generated in tabular as well as in the graphical format. The report can be filtered by selecting the dates.

spin win

4.0 Store Front-end

Once the Magento 2 Spin and Win extension is enabled and all the configuration options are fixed, the responsive pop-up will be displayed in the front end of the Magento 2 eCommerce store.

Spin and Win

The store visitors can spin the wheel by entering their email ids. In case, the customer wins nothing, the ‘Next time’ button will be flashed as shown below:

spin win

Once the customer wins a discount, the coupon will be generated. This coupon can be used to get the offered discount on the checkout page.

spin win

Disclaimer: In case the “Spin and Win” wheel popup does not display at the front, kindly clear the cache or delete the cookies. Sometimes cookies prevent the popup from displaying at front.

Module Link: https://www.knowband.com/magento-2-spin-and-win

Admin Demo Link: https://goo.gl/ja4zDt

Front Demo Link: https://spinwinma2.knowband.com/

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *