With Reloadify's pop-up functionality, you collect e-mail addresses from website visitors who have not yet made a purchase. A common method is to offer website visitors a discount in exchange for their email address.
In this article you will read how to activate the pop-up module in Reloadify.
Connecting the pop-up module
Before you can create a pop-up, you need to enable the pop-up module. To display the pop-up on your shop, you need code on your website.
In Reloadify, go to Data sources > Import.
Behind Popup, click on the three dots and choose Show script.
A script will appear. Copy the script and paste it into your webshop's code (preferably under existing scripts). It depends on the webshop whether the code should be in the head or body.
Is your webshop running on Lightspeed? Then the script is automatically placed on your webshop. All you have to do is connect the pop-up module (step 1 + step 2).
Do you notice that your website seems slower after connecting a pop-up? In that case, you can add Async or Defer to your pop-up yourself.
Async and defer both load JavaScript asynchronously without render blocking. This ensures that the pop-up can be downloaded at the same time as the rest of the page.
Async is executed as quickly as possible. This means that as soon as the page is downloaded, the pop-up is displayed.
Defer waits for the page to be parsed. After that, the pop-up is shown.
You do this by adding “async” or “defer” to the pop-up script. For example:
<script src=“your-reloadify-script” async></script>