Magento Spin and Win Module – User Manual

Introduction to Magento Spin and Win(Email Subscription) Extension

Knowband’s Magento Spin and Win (email subscription) extension takes the opportunity of the customer interaction to its maximum potential. The seemingly easy task of retaining the customers is actually the biggest challenge in the eCommerce scenario. Highly responsive and interactive spin and win pop-up makes this tedious job easier for the sellers and fun-filled for the customers. Without boring them with the annoying subscriber notification, the exit-intent popup compels the customers to enter their email id in order to spin the wheel. The gamified interface in return provides alluring offers to the customers which can be further used for shopping from the site. The addictive lucky draw contest lures the visitors to visit the site again and again.

The Extension is a 3 in 1 pop up:

a. Entry Pop up: Display the pop up as soon as the visitor enters the website.

b. Exit Pop up: Display the pop up as soon the visitor tries to leave the website (The extension works on the exit intent of the visitors)

c. Email subscription pop up: The Interactive extension is used to capture emails for newsletter subscription. The email Id entered in the Subscription pop up is directly integrated with the Mail Chimp and Klaviyo account of the Magento store admin.

1.1 Merchant Benefits

  • Increased customer engagement on your store using interactive gamified interface.
  • Increased customer base by capturing email Ids for Newsletter subscription, which can be later used for personalized promotions and email marketing.
  • High Impact on direct sales and ensures returning customers
  • Turns normal visitors into potential buyers
  • Fully customizable Email subscription pop up
  • Offers detailed reporting.
  • Intuitive back end interface, which is easy to understand and configure.
  • New attractive themes for spin and win popup helps merchant in drawing the attention of the visitors.

1.2 Features of Magento Spin and Win-Email Subscription extension

1. Lets your customer spin the wheel and win discounts using a fun filled spin-win game.

2. Responsive Exit pop up, Entry pop up or Email Subscription pop up

3. It is a great tool to enhance customer base as the customer has to enter their email Ids to get the discounts.

4. The Interactive email subscription pop up converts normal visitors into potential buyers by offering a complete new way to offer discounts.

5. This Exit pop up extension is fully customizable, you can match it with your website theme.

6. Offers 5 Ready-made email templates, Magento store admin can customize them further.

7. Offers Mail Chimp and Klaviyo Integration

8. Look and Feel settings to set spin and win pop up background color, font and button color, Display Image, etc.

9. Customize the email subscription pop up using Custom CSS and JS.

10. Email Recheck option to restrict the use of same email Id to get discounts multiple times.

11. Pull Out Tab facility to close the Spin and Win subscription pop up.

12. Choose whom to display, where and when to display, maximum display frequency of the Spin and win (email subscription) pop up

13. Option to display the pop up on Category page, Home page, Product page etc.

14. Option to set the discounts on each slice and the probability of each slice.

15. Check the performance of the interactive spin and win pop up by comparing the total generated vs used coupons using interactive graphical reports and tabular reports.

16. Intuitive back end interface.

17. Desktop, Mobile and Tablet responsive design

18. Multi lingual supported

19. Magento Spin and Win is Compatible with all themes.

1.3 Installation of Magento Spin and Win-Email subscription pop up extension:

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

  1. Download the extension package from the Knowband store.
  2. You’ll get a zipped file. Unzip the package on the root folder of your Magento setup via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/). You’ll find the files and folders as shown in the image below:
  3. The extension is now installed and ready for use. In Admin Panel, go to “System > Knowband Extensions > Ajax Spin and Win”.

OnPaste.20171005-181002

You can now use and configure the extension.

Admin Interface

The web admin interface of highly responsive Magento Wheelio offers complete customization option to the store admin. The various features and functionalities offered by the extension can be modified from the admin panel. Some of the customization options offered by the plugin includes the following:

  • General settings
  • Display settings
  • Look and feel settings
  • Slice settings
  • Email marketing
  • Email settings
  • Statistics

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

General Settings

The General settings offer a number of customization options. The various fields in this tab are discussed below.

1.2.1.1How to enable and configure the extension?

  1. Enable the extension

The various customization options include enabling or disabling the plugin as well. The admin can switch the button to enable the extension on the Magento store.

  1. 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.

Magento Spin and Win wheel can be brought back to the screen if this option is enabled.

  1. Email Recheck

Magento Spin and Win can check the duplicity of email ids entered in the Email subscription pop-up by enabling this option. Once this is enabled, the store visitors can spin the wheel only once with a single email id.

This makes sure that one email id can avail the offer only once. In case the same id is used to spin the wheel twice, then, the extension will flash a message as shown in the image below.

  1. Wheel Display Interval

This field allows the Magento store admin to set the number of days after which the pop-up will be shown on the website. By default, it is set to 0.

  1. Custom CSS

Magento store admin gets to change the look and feel of the Magento extension by including Custom CSS code in this section.

  1. Include jQuery

Magento store admin can enable the JQuery in the front end by enabling this button. This option allows him/her to include jQuery in the extension.

Display Setting

This tab allows the Magento store admin to change the display settings of the interactive pop-up shown in the front-end of the eCommerce site.

The various customization options are discussed in detail below:

  1. Minimum Screen Size

This tab can help you set the minimum standard size of the screen with which the extension will be compatible. Select the minimum screen size and the extension will flawlessly work on any size larger than the one selected.

The admin gets to choose from a number of options in the drop-down list. All he needs to is to select the one that he finds suitable.

  1. Maximum Display Frequency

You can even select the maximum frequency of the email subscriptiondisplay. The admin gets to choose from the varied options in the list. You can either allow the wheelio to pop-up on every visit of the customer or else, you can set it’s display on hourly, weekly or monthly basis.

  1. Hide Spin Wheel After

Along with the display option, the store admin gets an option to hide the spin wheel as well. Magneto store admin can either display the wheel all through the customer’s visit unless it is manually removed by the customers. The merchant can even set the time after which it will be removed from the web page.

  1. Set Time Interval

Do you want to display the gamified pop-up for a certain time? This tab allows you to set the duration when you want display or hide the email subscription pop up. All you need to do is to enable the button shown in the image below.

Once it is enabled, you will get an option to set the time and date of the duration when you want the spin wheel to be enabled or disabled on the front-end.

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

  1. Where to Display

The entry and exit pop-up can be displayed anywhere in the website. No code changes are required to be done for the same. All the admin needs to do is to select the web page where he wants this spin and win extension to show up.

By default, the ‘Try your Luck’ wheel will be shown on every page of the website. However, if the admin wants to display it on a particular page only, he can choose ‘Show on selected pages’. The admin will then get an option to choose the pages where he wants to flash this email subscription pop-up.

  1. Who to Show

Choose your target audience whom you want to avail the coupons offered by the spin the wheel extension. You can either show the wheel to all the visitors, or to the new visitors or to the customers who are visiting your site again.

  1. When to Display

Choose the time which you think is feasible for displaying the wheel by selecting one from the options shown in this tab.

  1. GEO Location

The admin can even select the GEO location in which he wants to display the pop-up.

Selecting the default option of worldwide will allow to display the extension at every places where the website is being viewed. In case, you want to display or do not want to display it at a particular location, then, you can select the place as shown in the image below.

Look and Feel Settings

Along with the various customization options, the web admin panel allows to change the look and feel of the entire Magento email subscription pop-up.

1.2.3.1 How to change the look of the spin wheel?

Here are some of the ways in which you can change the look and feel of the spin and win(Exit Intent pop up) extension.

  1. Theme: Admin can select a desired theme for the spin and win email subscription popup based on different occassions like Thanksgiving, Easter, Black Friday, Christmas etc
  2. Theme Preview: Using this option of Magento Spin and Win module, you can preview a template before applying the final changes to your website.
  3. Display image

Magento spin and win extension allows the store owner to show an image on the spin wheel. The image can enabled by switching the button as shown below.

Not just this, the admin can even change the image as per the requirement by choosing it from the local drive.

The image selected at the back end of the extension will be shown in the front end.

  1. Background and Font Colors

The Responsive Email subscription pop up extension offers a completely customizable interface. Right from the background color of the wheel to the color of the slices as well as font color, everything can be changed by selecting the color that suits the theme of your website.

‘Try your luck’ button color: This can change the font color of the button that is clicked before spinning the wheel.

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

‘Continue & Use Discount’ and ‘Next Time’ button color: Select the color of this button in accordance with the color of the background.

Front Background Color: Select the background color of the front interface of the spin wheel from here.

Front Text Color: The font color of the text displayed on the interface can be changed from here.

Slice Settings

Not just the look and feel of the spin wheel, even the slices of the wheel can be changed and customized as per the need of the Magento store admin. There are 12 slices offered in the admin panel by default. The discounts offered, the label of the slice, the coupon type as well as the value coupon.

In addition, the possibility of a particular slice being selected after the spin can be set as well. 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.

Email Marketing

The Spin and Win extension has an inbuilt email integrator. The email ids of the store visitors captured by the plugin is automatically added to the MailChimp, Klaviyo accounts of the Magento store owner. Reducing the effort and time consumed in manual synchronization, the Magento email integrator makes email marketing easier for the merchants.

All you need to do to enable this functionality is, enter the API Key of your account, select the list of the email ids that you want to synchronize and your job is done. You are now ready to send promotional triggers in order to compel your customers to visit your store back.

Email Settings

The coupon generated by the spin wheel can be copied directly from the wheel and used for shopping. At the same time, the coupons can be sent to the customers via email notification. It depends on the admin. He can choose the Coupon Display Option that suits his business model best.

Instead of setting the subject line manually for every mail, you can directly change it from the admin panel and set it for each and every email that is to be send to the customers.

The email integrator comes with a bundle of email templates. The store admin can choose the one that he finds attractive, personalize it as per the need and send it to the prospective customers.

Statistics

Magento Spin and win extension 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.

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

This tab even generates country-wise statistics. Along with this, it offers the insight whether the coupon was generated on the desktop computers or on any other device.

Store Front-end

Once Spin and Win extension is enabled, the interactive pop-up will show up in the front end of the eCommerce store.

The store visitors can spin the wheel by entering their email ids. Thus, you need not stick to the annoying exit pop-ups in order to get the personal data of the customers. You can effortlessly lure them by offering enticing giveaways in return of spinning the wheel.

The coupon will be generated automatically once the wheel spins. The customer can then avail the offer by copying the code.

The same code can even be conveyed to the customers via email notification.

                            

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.

Prestashop Scratch Coupon (Email Subscription pop up) – User Manual

1. Introduction to Scratch Coupon/Email Subscription pop up

Prestashop Scratch Coupon addon allows store owner to provide discount coupons to the visitors using an interactive scratch to win pop up(email subscription pop up) interface on the website front and analyze the customer’s need by tracking discount coupons. The customers receives the coupon codes via email.

Coupon codes with discounts highly affects the shopping behavior of the visitors as most of the visitors love to buy the products at a special discounted price, therefore coupons play an important role in cart conversions.

Highly interactive and responsive Prestashop scratch coupon also offers email subscription, the module integrates your store to your Mail Chimp account, i.e the email that the user enters in the scratch coupon pop up is automatically integrated with your Mail chimp account, which can be later used for personalized promotions or Email marketing.

Key Features of Prestashop scratch coupon:

  • Provides Interactive Scratch coupon email subscription pop up interface on Prestashop Store front.
  • Sends personalized emails with coupon code included.
  • Graphical and tabular reports for Coupon and Sales make the performance analysis easy for the store owners.
  • Mail Chimp Integration: Email Integration with smart sync feature.
  • Direct impact on sales and customer engagement
  • Increase the percentage of returning customers on your Prestashop store
  • Highly interactive and responsive pop up interface makes the customer win discounts and feel special
  • Improves conversion rates by providing customers an interactive email subscription pop up to win discounts
  • Fully customizable email subscription pop up, matches with your website’s theme
  • Extremely responsive and user friendly back end interface
  • Option to Show/Hide Scratch Coupon email subscription box on any desired page of the prestashop store.
  • Option to allow or restrict free shipping on the coupon.
  • Customizable Email Templates
  • Multi Lingual Support
  • Multi store compatible
  • Prestashop Scratch coupon is compatible with all the themes
  • Desktop, Mobile and Tablet responsive design.
  • Adds a feature of gamification to the website which makes the store visitors scratch and win discounts.

2. Installation-Prestashop scratch coupon addon

To install this Prestashop addon, please follow these steps:

  1. Folder structure of the Scratch Coupon plugin folder(scratchcoupon).

  1. Copy the whole folder named as “scratchcoupon” into your modules folder of the root directory of your PrestaShop store through FTP.
  2. You will be able to find the Scratch Coupon plug-in ready to be installed in the “Modules” in your PrestaShop store as shown below.

  1. Click on the Install button to install the plugin.

3. Admin Interface

After installing Scratch coupon addon into store, following interfaces will display:

  1. Configurations
  2. Report Analysis
  3. Email Settings
  4. FAQs
  5. Suggestions
  6. Other Plugins

3.1 Configurations

After clicking on configure button of “Scratch Coupon” addon on module listing page, system will open “Configurations” tabs by default as shown in screen below:

This tab contains 3 sub-tabs: –

  1. General Settings
  2. Look and Feel Settings
  3. MailChimp Settings

Note : Prestashop store admin can expand or contract these tab by clicking on the tab.

3.1.1 General Settings

When Prestashop store admin clicks on “General Settings” tab then the fields shown below will display. The fields in the form will already be filled by their default values.

  1. Enable/Disable: Initially, this will be “OFF”. User can enable/disable addon functionality by turning it ON/OFF.
  2. Pages to Display: Admin can search and select the pages where he/she wants to display the scratch coupon email subscription popup.
  3. Enable Box Hide: The scratch coupon pop up is displayed, each time the page reloads. So, prestashop store owner can disable the popup and enable the box hide option to show a box on the side, when a customer clicks on this box the scratch coupon email subscription pup up appears.
  4. Coupon Expire: The Responsive addon allows store owners to set the coupon expiry days, the coupon will be expired after the specified days. Customers are informed via emails regarding the coupon expiry.
  5. Scratch Box Display Interval: Store admin can also set the number of days after which the email subscription popup appears again with another coupon code for the same customer.
  6. Discount Type: Here admin can set the type of discount to be offered to the customer i.e Fixed price discount, Fixed percentage based discount or percentage range discount
    1. Fix Percentage: By default, this option will be selected. Here user can set the fix percentage discount. Fix percentage value will lie between 1 and 100. On front end, each coupon will have fix discount percentage.

    1. Percentage Range: On selecting this option. Two inputs will be shown as shown in screen below:

Here user can set the range of percentage. By setting this option, plug-in will randomly generate discount within percentage range on front end.

    1. Fix Price: If user set fix amount discount instead of percentage. Then this option will fulfill this need. Here user can set fix amount in USD.

  1. Allow Free Shipping: By default “No” will be selected. On selecting “Yes”. Free shipping will be allowed on the generated coupons.
  2. Allow Coupon without login: By default “No” will be selected. On selecting “Yes”, customers can apply the coupon without loggin in to the Prestashop store.

Note : Only that customer can use the coupon to whom it is assigned. If the Customer is different and admin configure Allow Coupon without login option as “Yes”, then the coupon will automatically be removed from the cart.

  1. Send Email to Admin: By default “No” will be selected. When set to “Yes” the module sends the scratch coupon discount notification to admin.
  2. Admin Mail Subject Line: Admin can set the subject line for scratch coupon discount notification emails..

3.1.2. Look and Feel Settings

When admin clicks on “Look and Feel Setting” tab then all the fields shown below will display. Initially, all the fields in the form will already filled by their default values.

  1. Box Background Color: Define the background color of scratch coupon box on front end. A color picker will pop up from where Prestashop admin can change background color..
  2. Main Title:. The title displays on the top of the coupon box at front. Admin can customize the text with the available options:

Bold: To darken the title.

Italic: To italic the title

Color: To set the color of the title.

  1. Scratch Box Title: Scratch box title is very important as it attracts the customers. Scratch box title should be catchy and should attract customers. It is displayed just above the Scratch area on the email subscription pop up.
  2. Form Title 1: Used to display the information of the discount won by the customer. For example: Congrats! you have just won 10% OFF on your first purchase on Fashion Store.
  3. Form Title 2: Admin can use this field to provide any information to the customer.
  4. Name Title: In this field admin can set the title for the input field which will require name of the customer at front end. Here user have two option to set title:
  5. Email Title: In this field user can set the title for the input field which will require email of the customer at front end.
  6. Input Field Border: Use to style the border of input fields on front end. We recommend that, please use opposite color of background color to clearly show the input fields on front end.
  7. Button: Admin can set the title of button. The button will be displayed on front end. Customer must have to click on this button to get the coupon. Admin can customize the button text or background color
  • Button Text:. This will be the text shown on button.
  • Button Text in Progress:. This text will be shown when system processing and sending coupon to customer. After sending coupon, this will be replaced by “Button Text” value.
  1. Success Message: Success message will be shown after sending coupon to corresponding customer.
  2. Success Thanks: Success thanks message will be shown as heading of the Success Message after sending coupon to corresponding customer .
  3. Get Coupon Code Label: ‘Coupon code label’ text will display as label of the button when Scratch Coupon box is hidden.

3.1.3 MailChimp Settings

When admin clicks on “MailChimp Settings” tab then the fields shown below will display. The fields in the form will be already filled by their default values.

  1. Enable/Disable : From this option admin can enable/disable the MailChimp settings. Initially it will be set to off.

2. Smart Sync : This option when enabled, email id after validation will be synchronized if visitor/guest/customer remove focus after filling email field irrespective of the fact if the user have submitted the form. If it is disabled the email will be synced only when form is submitted at the front-end.

3. MailChimp API Key : MailChimp API key is the key that the user created on his/her MailChimp account at https://www.mailchimp.com. This API key will be used to connect to the MailChimp API. When user fill the “MailChimp API Key” field with a valid API key and click Get List button then the lists related to that MailChimp API key will display.

4. MailChimp Lists : MailChimp Lists will be available when the MailChimp API key is provided.

3.1.3.1. How to setup MailChimp Account ?

Following are the steps to activate the module-

  1. Visit https://www.mailchimp.com and create account.After account creation, login to your account.
  2. On Dashboard, click button on upper right corner of dashboard. Drop down menu will open, click Account link in that menu as seen in screen below.

  1. On Account settings page, some sub menus will be visible. Click “Extras” sub-menu to open drop down menu. Click “API keys”as shown in screen below:

  1. On API keys page, click “Create a key”to generate API key. After creation, a new API key will be added to your API keys list. Screen is given below:

  1. Now to create list, click Lists tab in upper menu. Admin will be redirected to new page where he/she can view lists and create lists also. Screen is given below:

  1. On Lists page, Click “Create list” to create new list. After creation lists will be visible on Lists page as shown in screen below.

3.2 Report Analysis

In this tab, addon will show the coupons and discount statistics in graphical format. With the help of these statistics, store owner will be able to analyze customer’s need in form of discounts and time as shown in screen below:

Prestashop store Admin can also see the discount details up-to last 30 days as shown below.

Following graphs will be shown in this tab:

  1. Coupon Statistics – OverAll: This section will show over all summary of Total Generated, Used, Expired and Unused coupons

  1. Discount Statistics: In this section, how many number of customers applied for which discount range and how many times coupon is scratched for which discount range. As there are two types of discount: percentage and fixed amount; in system. Addon will show separate graph for both discount types as follows:
  2. Percentage discount statistics: This will be a line graph, in which discount interval will be of 10% upto 100%. Percentage based discounts statistics displays the number of times the email is captured and the number of times the coupon is scratched for percentage based disounts.

  1. Fixed Amount discount statistics: Fixed amount discounts statistics displays the number of times the email is captured and the number of times the coupon is scratched for Fixed amount discounts.This will also be a line graph, in which discount interval will be of 30 and 6 intervals will be shown.

With the help of these two graphs, Prestashop store owners can track the customer’s needs in terms of discounts. Information gathered in these statistics will be helpful in attracting more customers by offering preferred discounts and increase store sales. Admin can also filter these graphs by selecting dates.

  1. Coupon Statistics – Generated Vs Used: The graph shows the comparison between total coupon generated and the total coupons used by the customers. The graph shows data of last 8 days. User can also filter graph by selecting date. Following is the sample screen shot of statistics:

3.3 Email Settings

This section contains a readymade email template which can be later customized as per the requirement in any language. Email template can be stored for multiple languages present in the system.

.

Note:- The email template contains pure html only and some template variables (example:- {any_var}). It is recommended not to edit any part of the email template containing such text otherwise the email template will not work properly.

3.4 FAQs

This tab contains several questions (with answers to them) that are asked by our customers. We recommend you to go through the questions before raising any ticket for this plugin.

3.5 Suggestions

In case you want to give any suggestions for some new features to be included in the new version of this plugin than you can use this tab.

3.6 Other Plugins

This tab redirects to our developer page having list of other plugins developed by us. If you like this plugin than you can try our other plugins as well.

4. Front End Interface-Prestashop Scratch Coupon/Email subscription Addon

On prestashop store front, the interactive and responsive scratch coupon email subscription pop up will be displayed on selected pages after enabling it from admin panel. This scratch coupon pop up will be displayed on top of the homepage.

Note : Validation for scratch coupon will be there even if module is disabled or uninstalled.

Following is the screen of scratch coupon email subscription box with default values:

After scratching coupon area, an input form will be open just below the coupon pop up as shown in screen below:

After providing name and email into form, Prestashop scratch coupon addon will send coupon with discount to the customer. After sending email to customer, a success message will be displayed as shown in below screen:

The above message will be disappear after 5 seconds and next discount will be shown on the same system after defined (set through admin panel) days.

5. Tracking Information

On front end, this addon tracks following information to create analysis reports in the form of graphs:

  1. Discount Scratch Tracking: Whenever customer scratches to win, the addon tracks that event and save into DB, after that automatically disable the tracking process until the browser will not re open again on the same system.
  2. Coupon Tracking: After sending the mail to the customers with coupon and other details, the addon saves the coupon information in the database with the corresponding customer details. Which it later use to generate the stats for the generated coupons and customers.
  3. Send Email to Admin: If prestashop store owner allow email to admin, then it will also send the same email with discount coupon and coupon details to admin.
  4. Enable discount coupon again: After sending coupon to customer, it will not re-generate discount on the same system until admin allows to display the email subscription pop up again.

Recommendations

In case module is displaying override issue while installation or re-installation of the module, please make sure that the file “CartRule.php” doesn’t exist inside the folder “override/classes” of your store’s root directory. In case it already exist there, you need to follow the steps mentioned below.

Steps –

1. Cut the file “CartRule.php” from “override/classes/CartRule.php” of your store’s root directory and paste it in some other directory.

2. Login to Back-Office.

3. Go to Advanced Parameters > Performance.

4. Click on “Clear Cache” button.

5. Then install the module.

 

                            

 

Buy the product from Addon Store

You Might Also Like: