Magento 2 Exit popup (Email Subscription popup) extension – User Manual

Introduction:

Exit popup offering discounts in exchange for email Ids has become very important when it comes to the e-commerce business. Exit Intent popup nowadays are one of the most important factors in customer engagement and increase revenue. Most e-commerce store owners use Exit popups as a tool to engage customers with the store.

Exit pop-up uses Exit-intent technology which tracks the movement of the mouse cursor and soon as the customer tries to leave the page the Exit popup appears offering discounts in exchange of the email Ids.

Exit intent popup technology

We at Knowband has developed an Exit Intent popup for Magento 2 users popularly known as Magento 2 Exit popup extension. This Magento 2 extension offers various features which make this Exit Intent extension far better than other Exit intent popups used. This Magento 2 Exit Intent extension offers look and feel settings which allows admin to customize the Exit popup in endless ways.

Magento 2 Exit pop up(email subscription) extension displays a responsive newsletter pop up every time a visitor tries to leave the store. The Magento 2 extension offers discount coupons to the visitors who enters their email Id in the subscription pop up and subscribe them for a newsletter or register them for a new user.

Magento 2 Exit popup offers integration with popular email service providers like MailChimp, Klaviyo, and Constant contact. All the email Ids entered in the Exit intent newsletter popup are automatically synced to the databases of these email service providers. Magento 2 admin can use these email Ids for personalized promotions or Mail campaigns.

1.1. Features of Magento 2 Exit popup extension

  • The Magento 2 Responsive exit popup extension incorporates the email subscription popup at Magento store front. The Newsletter popup appears as soon as the visitor tries to leave the website giving them one extra chance to engage with the store.
  • Magento 2 Exit popup extension offers Email Recheck option to prevent the same user to avail the discount more than once.
  • Magento 2 admin has an option to show the fireworks when a customer wins a discount by offering his/her email Id to make it more enticing and attractive.
  • Magento 2 Exit popup extension also allows admin the control over the display of the Exit popup by allowing “Popup display option”, Magento 2 admin can enter the number of days after which the popup is to be displayed to the same customer.
  • Magento 2 Exit Intent popup offers Custom CSS and JS for endless customizations without even touching the base code of the extension.
  • Magento 2 extension offers display settings under which the admin can set the maximum screen size compatibility of the Exit popup. The Exit popup will work efficiently in all the screen sizes above the selected size.
  • Magento 2 admin can also set the maximum display frequency for the Exit popup, the email subscription popup will appear as per the frequency selected from the dropdown.
  • Magento 2 admin can set the date range between which s/he wants to display the Exit intent popup to the visitors by selecting the data from the date picker field.
  • Magento 2 Exit popup extension allows admin to select the user group to whom s/he wants to display the Exit popup, the email subscription popup will be displayed to the selected user group only.
  • Magento 2 Exit Intent email subscription popup allows the admin to select the GEO locations where s/he wants to display the Exit Intent popup. The popup will be displayed only in the selected GEO location.
  • Magento 2 admin can also add a background image and website logo on the Exit intent popup.
  • Magento 2 admin can customize the text on the popup as per the requirement by customizing the Text settings offered by the Exit popup extension.
  • Magento 2 admin can set the discount being offered to the visitors using Discount settings, Magento admin can set the discount to be a percentage or fixed discount. Magento admin can also set the Coupon expiry time in days.
  • This even engages visitors for a longer time on your eCommerce store and increases the percentage of the customer retention.
  • Magento 2 exit intent popup offers integration with email service providers like Mailchimp, Klaviyo, and Constant contact.
  • Magento 2 email subscription popup offers 5 Readymade email templates which can be later customized by the admin as per the requirement.
  • Magento 2 Exit intent email subscription popup offers a detailed report for all the Generated and used coupons, country where the Exit popup was used and in which device and the details of the customers who have entered the email Id and won the discount in terms of beautiful Line and Pie charts.
  • High Impact on sales, drastically increase store conversions
  • Multi lingual supported
  • Compatible with all themes
  • Desktop, Mobile and Tablet responsive design

Exit intent popups technology

1.2. Installation

Follow the following steps in order to install Magento 2 Exit Popup extension in your store:

  1. Download the Magento 2 Exit Popup module package from Knowband store.
  2. You’ll receive a zipped file containing the user manual and the source code of Magento 2 Exit Popup plugin. Unzip the package.
  3. Create a folder {Magento root}/app/code/Knowband/Exitpopup
  4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: http://filezilla-project.org/).
  5. Now run below commands to install the plugin:
  • php -f bin/magento module:enable –clear-static-content Knowband_Exitpopup
  • php -f bin/magento setup:upgrade
  • php -f bin/magento setup:di:compile
  • php bin/magento setup:static-content:deploy

6. In Admin Panel go to the main menu -> Knowband -> Exit.

7. The Magento 2 Exit popup extension is now ready for use.

This User Manual will guide the users through the Magento 2 Exit popup extension configuration and settings.

2.0 Admin Interface

The admin Panel of Magento 2 Exit Popup module contains the 8 following tabs.

  1. General Settings
  2. Display Settings
  3. Look and Feel Settings
  4. Text Settings
  5. Discount Settings
  6. Email Marketing
  7. Email Settings
  8. Statistics

Exit popup admin panel

2.1. General Settings

General Settings

1. Enable the Extension

Toggle this button in order to enable the Magento 2 Exit Intent email subscription popup extension. If enabled, the module and all its settings will work on the store.

2. Email Recheck

Magento 2 Newsletter popup extension offers email recheck option to prevent same User/Email Id to avail the discount more than once. Toggle this button in order to enable/disable the Email recheck on the Exit Popup.

3. Show Fireworks

Magento 2 Exit Intent popup extension allows the Magento admin to show fireworks to make the Newsletter popup more attractive an engaging. Admin can toggle this setting anytime to enable/disable it.

4. Popup Display Interval

Using this setting Magento 2 admin can set the number of days after which the email subscription popup will display again to the same customer.

5. Custom CSS and JS

Magento 2 Exit Popup extension offers custom CSS and JS options to Magento admin for endless customization. The Newsletter popup can be completely customized and Magento 2 admin can match with the store theme.

2.2 Display Settings

Magento 2 Exit popup extension by Knowband offers Display settings using which Magento 2 admin can control the display of the popup, like whom to show the newsletter subscription popup, in which country to show the newsletter popup etc. Let us see them in detail. But first please look at the screenshot below:

Display Settings

1. Minimum Screen Size

If mobile is selected as the Minimum screen size then the Exit Intent email subscription popup will work on all the screen sizes higher than the Mobile phone and on Mobile phone, if Desktop is selected as the Minimum size screen then the Newsletter popup will not display in the Mobile phone and any size screen smaller than the Desktop.

Minimum Screen Size

2. Maximum Display Frequency

Magento 2 Admin can set the Maximum Display Frequency of the Newsletter subscription popup using this option. The Admin can decide to show the Exit popup at every visit of the customer, or one visit per hour, per day, per week, and per month. If every visit is selected the Exit Intent popup will appear at every visit of the customer.

Maximum Display Frequency

3. Set Fix Time

Magento 2 Exit Intent popup extension allows Magento admin to set a fixed time for the Exit popup to appear at the front. For example, if you Magento 2 admin wants to display the Exit Intent popup for one month he/she can do that by selecting the date from the date selection field. Please refer to the screenshot below:

pup (Email Subscription popup) extension – User ManualFix Time

Screenshot 1

Set Date and Time

Screenshot 2

4. Whom to Show

Magento 2 Exit popup extension offers store admin to choose the customer group whom to show the Newsletter popup using this setting. Magento 2 store admin can select to display the Exit intent popup only to the new visitors, only to the returning visitors or to all the visitors on the store. Please refer to the screenshot below:

Choose Visitor Category

5. GEO Location

Magento 2 Exit Popup extension offers store admin to select the GEO locations where s/he wants to display the Exit intent email subscription popup. Please refer to the screenshots below.

Select GEO location

Screenshot 1

Select country

Screenshot 2

2.3 Look and Feel Settings

Magento 2 Exit popup extension offers Look and Feel settings to customize the Newsletter popup to match the store’s theme. The look and feel settings have color picker tools to set the text color in the exit popup, border color of the exit popup and much which we will discuss in detail one by one.

Look and Feel Settings

1. Pop up Title color

Magento 2 store admin can customize the “Title text color” of the Exit intent popup by selecting any color from the color picker tool.

2. Pop up Border color

Magento 2 store admin can customize the “Border color” of the Newsletter popup by selecting any color from the color picker tool.

3. Discount information text color

Magento 2 store admin can customize the “Discount information text color” of the email subscription popup by selecting any color from the color picker tool.

4. Discount limit text color

Magento 2 store admin can customize the “Discount limit text color” of the Exit popup by selecting any color from the color picker tool.

5. Button text color

Magento 2 store admin can customize the “Button text color” of the newsletter subscription popup by selecting any color from the color picker tool.

6. Voucher button background color

Magento 2 store admin can customize the “Voucher button background color” of the Exit popup by selecting any color from the color picker tool.

7. Cancel Text color

Magento 2 store admin can customize the “Cancel text color” of the Exit intent email subscription popup by selecting any color from the color picker tool.

8. Continue Text color

Magento 2 store admin can customize the “Continue text color” of the Email subscription popup by selecting any color from the color picker tool.

9. Display Logo

Magento 2 admin can even display a logo on the Exit popup by uploading a logo image using this option. Magento admin can toggle this setting to enable/disable this setting anytime.

10. Popup Background Color and Image

Magento 2 store admin can make the appearance of the Exit popup more enticing by adding a Background image to the newsletter popup. Magento admin can also set the background color to make the Exit popup more attractive. Please refer to the screenshot below:

Set Background

2.4 Text Settings

Magento 2 Exit popup extension allows the store admin to customize the text on the Exit intent email subscription popup. Discount information, Title, Voucher button text, Success message etc can be customized on the Newsletter popup using this setting.

Text Settings

2.5 Discount Settings

Discount Settings

Discount settings offered by this Magento 2 Exit Intent email subscription popup extension allows Magento store owner to set the discount offered to the visitor who enters his/her email Id in the email subscription popup. Admin can offer the discount randomly or some fixed discount. There are three choices that have been provided to the store owner to set the discount. These are discussed below:

1. Fix percentage: Using this option Magento 2 store admin can set the fix percentage discount to be offered to the customer. For example, 10% OFF, 20% OFF and so on.

Fix Percentage

2. Percentage Range: Using this option Magento 2 store admin can set the percentage range and the discount will be offered according to the values entered in the “From percentage” and “To percentage” fields. In this type of discount, the Exit popup extension will automatically choose any random discount value from the price range set by the admin.

Percentage Range

3. Fix Price: Using this option Magento 2 store admin can set the fix price discount to be offered to the customer. For example $10 OFF, $20 OFF and so on.

Fix Price

Coupon Expiry: Magento 2 admin can set the coupon expiry time by setting the number of days in this field. If you enter the value ‘2’ in this field then the coupon will expire after two days after it is shared with the customer.

Allow Free Shipping: Magento 2 exit popup allows store admin to allow/disallow free shipping on the products on which the coupon is applied.

Coupon expiry and Shipping Settimgs

Stop further discount: Magento 2 Exit popup allows store admin to prevent offering a further discount to the customer.

2.6 Email Marketing

Magento 2 Exit popup extension offers Integrations with popular email service providers like MailChimp, Klaviyo, and Constant Contact. The email Ids captured by this Email subscription popup are automatically synced to the database of these email service providers which can be later used by the store admin to send personalized or promotional emails. Let us see how we can configure them.

1. MailChimp Integration:

Mailchimp Settings

Magento store admin is required to enter the MailChimp API key in order to sync it with your web store. Follow the below mentioned steps for the API key:

Step 1: Log in to your MailChimp account at http://mailchimp.com.

Step 2: Click on your Username from the menu on the top right corner.

Step 3: Select the Account in the flyout menu.

Step 4: From the account page select Extras and then API Keys.

Step 5: Your API Key will be listed in the table labeled Your API Keys. Copy the API key from there and paste in the “MailChimp API key” field.

Once this is done, the MailChimp account is synchronized.

2. Klaviyo Integration:

Klaviyo Integration

In order to Integrate Klaviyo with the store, Magento admin have to add the Klaviyo API Key in the provided field.

Step 1: Log in to your Klaviyo account at https://www.klaviyo.com/

Step 2: Click on your Username from the menu on the top right corner.

Step 3: Select the Account in the flyout menu.

Step 4: From the account page select Settings and then API Keys.

Step 5: Your API Key will be listed in the table labeled Your API Keys. Copy the API key from there and paste in the “Klaviyo API key” field.

Once this is done, the Klaviyo account is synchronized.

3. Constant Contact Integration:

In order to enable Constant Contact integration, toggle the Enable Constant Contact button as shown in the image below:

Enter the API key, API token in order to set up the integration. Select the list in which you want to sync the captured email IDs.

Constant Contact Integration

In order to generate the API Key of Constant Contact, follow the steps mentioned-below:

Step1: Create or log in to the developer account. Click here to create the account: https://constantcontact.mashery.com/

Step 2: Enter the Application Name field. Scroll to the bottom of the page and check the box indicating you agree to the terms of service and click Register Application.

You will, then,get your API Key information.

API key interface

Step 3: Click the Get Access Token button, in order to obtain the Access Token.

2.7 Email Settings

Magento 2 Exit popup extension offers Email Settings to manage the Email sent to the customer with discount coupon codes. The extension offers readymade email templates which can be customized further as per the requirement. There are three options in which admin can share the coupon code with the customers i.e. display the coupon code in the newsletter popup itself, share the coupon code in the email sent to the customer and an option to choose both. The coupon codes are generated automatically and the emails are sent automatically as soon as a customer enters the Email Id in the email subscription popup.

Email Settings

Coupon Display option: Magento 2 admin can choose how to display the coupon code to the customer i.e. either on the exit intent popup, either via email or admin can choose both the options.

Email Subject: Magento 2 exit popup allows store admin to set the Email subject for the email that is sent to the customer. Emails are sent automatically but the admin has full control over the customization of the Email template.

Email Template: Magento 2 exit popup extension offers 5 Readymade email templates. These email templates are fully customizable as per the requirement.

Test Email: Magento 2 newsletter subscription popup extension by Knowband offers Test email field option to test the functionality of the emails sent.

Testing Email

2.8 Statistics

Magento 2 Exit popup extension offers statistics of its performance. The statistics show the comparison between the total generated and used coupons. Magento 2 newsletter subscription popup extension offers interactive graphs for total generated and used coupons. Magento 2 admin can filter the stats by selecting the date range from the date picker field, refer to image below:

Statistics View

Not only this Email subscription popup extension also shows the statistics in a beautiful and interactive pie charts, in which country the Exit popup extension is used and in which device, refer to the screenshot below:

Country-Device Statistics

Tabular Report: Magento 2 Exit popup extension generates tabular reports which shows information of the customer who has entered the email Id in the Newsletter subscription popup. The information like Email Id, the Coupon code allotted, the country where the Exit Intent popups, the device on which it was used and if the customer has used the coupon or not, refer to the screenshot below:

Tabular Report

3.0 Front Interface

A) Magento 2 Exit popup with Background Image.

Popup Interface with Background Image

B) Discount won by the customer after entering the email Id. (with background image)

Discount Voucher

C) Magento 2 Exit popup with no Background Image.

Popup without Background

Exit intent popups technology

D) Magento 2 Exit popup without Background image and Fireworks

Popup without Background image and Fireworks

 

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

Watch Admin Demo              View Front Demo              Buy Product

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 *