The Exit Popup module allows you to display a pop-in as soon as your visitors are about to leave your site, encouraging them to complete their order. Below you will find all the necessary information for understanding and using this module.
Preview tab
In this tab, you will be able to have a complete view of the pop-ins that have already been created. The listing allows for a summary on one line of the main information and possible actions for each pop-in. For each pop-in created, the listing informs you of:
- the ID of the pop-in.
- Its title
- The amount of the discount associated with the pop-in
- Start date of broadcasting
- End date of broadcasting
- The state: Activated or Deactivated
For each of the pop-ins listed in the Preview tab, numerous actions are possible:
- Change the state of the pop-in: you can Activate or Deactivate the display of your pop-in by clicking on the switch button (please note: it is only possible to activate one pop-in at a time; if you activate one pop-in, the others will be automatically deactivated)
- Delete the pop-in by clicking on the trash icon (upon clicking, a confirmation message will be displayed)
- Edit the pop-in by clicking on the pencil icon (upon clicking, you will be redirected to the Creation tab).
You will also be able to create a new pop-in and initiate a configuration process by clicking on "Create a new pop-up."
Creation and configuration of the pop-up.
In the Preview tab, once you have clicked "Create a new pop-up," a new tab will appear, "Configuration of the pop-up." You can follow the steps to set up your new pop-up!
Step 1: Type
In this first level, you will have the option to choose on which products you wish to display the pop-in, and the duration of your pop-in's display.
You can choose to display the promotion either:
- on the entire catalog of your store
- on a specific product category,
- on a specific product
If you choose to display your promotion on a specific product category, a search field will appear, allowing you to search for and then select, with a click, a category from those existing in your store.
If you wish to display your promotion on a specific product, a search bar will also appear, allowing you to select the chosen product from the listing of all your products.
You will also have the option to choose whether to display your pop-in permanently or temporarily.
- Permanent display means that your pop-in will be shown from the moment it is validated until it is manually deactivated (from the Preview tab).
- Temporary display means that you will be able to choose to show your pop-in at a particular moment. In this case, you will need to provide a start and end date for the pop-in display. Once the information is filled in, click on 'Next Step' to continue configuring your pop-in.
Step 2: Discount
At this level, you will be able to customize the promotion of your pop-in. First of all, you will need to choose to display the promotion either:
- to all customers
- to new customers (who have never placed an order on your site)
You will then need to fill in the field 'Prefix of the promotional code' and choose the type of promotion you wish to implement: as a percentage or in euros, as well as the amount of the promotion.
For your information, each code is unique but they will all have the same prefix. This prefix must consist of letters (a maximum of five). Ideally, you should contextualize your prefix; for example, during an event like Black Friday, your prefix could be BF. Your users will be shown an individual code (which is different for each user) of the type BF1234.
Advice! Boost your sales by activating the countdown display option! The prefix of your promo code must be short (a maximum of five letters) to facilitate users' memorization of this code.
Now that your promotion is configured, click on 'Next Step' to set up the design and content of your pop-in.
Step 3: Model
In this section, you will be able to configure the visual aspect of your pop-in either:
- by using a 'ready-to-use' template from a choice of 8 templates, by clicking on the chosen template
- by creating your own template by clicking on 'create one'
Step 4: Content
In this level, you will be able to modify the content of your pop-in and see the changes in real time thanks to a preview screen of your pop-in.
The number of possible configurations depends on whether you have chosen a 'ready-to-use' template or if you have chosen to create your own template.
In the case of the 'ready-to-use' template, you can modify:
- The primary color of its template
- The secondary color of its template
- The content of the title of its pop-in
- The content of its description
- The content of his promotion
- The content of his call to action
Advice! Do not hesitate to communicate the amount of your promotion as well as the duration of the promotion's validity in the description of your promotion in order to inform your client.
In the case of creating your own model: you will be able to fully create your pop-in model in two parts: visual parameters and content.
In the visual parameters, you can modify the following:
- The primary color of its template.
- The secondary color of its template.
Advice! Use sufficiently contrasting text colors to enhance readability, attractiveness, and consequently the conversion rate of your promotion.
You will then be able to upload an image that you can position either to the left, to the right, at the top, or as a background for your text.
You also have the option to modify the style of the typography and the call to action by:
- changing the font from a predefined list of fonts
- modifying the text alignment
- modifying the design of the call to action: rounded or square ends
In the Content section, you can modify:
- The primary color of its template
- The secondary color of its template
- The content of the title of its pop-in
- The content of its description
- The content of his promotion
- The content of his call to action
Advice! Keep in mind that this is a promotional message intended for a user ready to leave your site. A short and quick-to-read text will have a greater impact on your users!
You can save your configurations by clicking on Save. Your pop-in has been successfully saved and is now available in the 'Preview' tab.
Statistics Tab
Once your pop-in is online, you can access three types of data available in the 'Statistics' tab:
- Number of times it has been viewed
- Number of times it has been clicked
- Number of times the promo code, generated via this pop-in, has been used during an order
It is also possible to return to the configurations of the pop-in by clicking on the pencil.
Advice! Do not hesitate to calculate the click-through rate, which corresponds to the number of clicks divided by the number of views, for each pop-in, in order to compare the performance of each of your pop-ins.
Find this module on the PrestaShop Marketplace! And allow yourself to be guided by our article on the installation of a module.