Met de pop-up functionaliteit van Reloadify verzamel je e-mailadressen van website bezoekers die nog geen aankoop hebben gedaan. Een veelgebruikte methode is om de websitebezoeker een korting aan te bieden in ruil voor zijn e-mailadres.
In dit artikel lees je hoe je de pop-up module in Reloadify activeert.
De pop-up module verbinden
Voordat je een pop-up kunt maken, dien je de module van pop-ups in te schakelen. Om de pop-up te kunnen tonen op je webshop is er een code op je website nodig.
Ga in Reloadify naar Data bronnen > Importeren.
Klik achter Popup op de drie stipjes en kies Verbinden.
Er verschijnt een script. Kopieer het script en plak deze in de code van je webshop (bij voorkeur onder bestaande scripts). Het is webshop afhankelijk of de code in de head of body moet.
Draait jouw webshop op Lightspeed? Dan wordt het script automatisch op je webshop gezet. Het enige wat je moet doen is de pop-up module te verbinden (stap 1 + stap 2).
Merk jij dat je website trager lijkt na het verbinden van een pop-up? In dat geval kun je zelf Async of Defer toevoegen aan je pop-up.
Async en defer laden beide JavaScript asynchroon zonder renderblokkering. Dit zorgt ervoor dat de pop-up tegelijkertijd gedownload kan worden met de rest van de pagina.
Async wordt zo snel mogelijk uitgevoerd. Dit betekent dat zodra de pagina gedownload is, de pop-up wordt getoond.
Defer wacht op het parsen van de pagina. Daarna wordt de pop-up getoond.
Dit doe je door "async" of "defer" toe te voegen aan het pop-up script. Ter voorbeeld:
<script src="jouw-reloadify-script" async></script>
Hulp nodig met het script implementeren?
WooCommerce
Ga naar het admin panel van je WordPress-site en volg deze stappen:
Navigeer naar Weergave > Theme Editor (of gebruik een child theme).
Open het bestand
footer.php
.Voeg het script vlak vóór de sluitende
</body>
-tag toe.Sla de wijzigingen op.
Shopware
Gebruik een child theme van je actieve template.
Voeg het script toe in de
footer.tpl
ofbase.html.twig
, vlak vóór</body>
.Clear de cache in het Shopware admin paneel na toevoegen.
Magento 2
Ga naar het admin paneel of gebruik FTP/SSH toegang.
Voeg het script toe aan
default_head_blocks.xml
of via een custom module/layout:Plaats het in
app/design/frontend/Vendor/theme/Magento_Theme/layout/default_head_blocks.xml
Bijvoorbeeld:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <script src="https://app.reloadify.com/assets/popup.js?reloadify_account_id=JOUWSCRIPT" src_type="url" /> </head> </page>
Deploy de static content opnieuw en clear de cache.
Lightspeed eCom (C‑Series)
Log in op je Lightspeed backoffice.
Ga naar Settings > Website Settings > Web Extras
Je hebt twee opties om scripts toe te voegen:
Custom JavaScript: dit wordt toegevoegd vlak vóór de sluitende
</body>
‑tag.Custom Head Code: dit wordt toegevoegd in de
<head>
‑sectie (handig bij trackers of tags).
Kies Custom JavaScript, plak daar het loyalty-script zoals:
<script src="https://app.reloadify.com/assets/popup.js?reloadify_account_id=..."></script>
Sla op. Het script wordt nu op alle pagina’s geladen, net vóór
</body>
.
Shopify
Ga naar Admin → Online Store → Themes → Actions → Edit Code
Open in de map Layout het bestand
theme.liquid
Zoek naar
</body>
en voeg daar je script in, bijvoorbeeld:
<script src="https://app.reloadify.com/assets/popup.js?reloadify_account_id=..."></script>
4. Sla op
5. Je script wordt nu op álle pagina’s geladen, net vóór de </body>
-tag