Zum Hauptinhalt springen

Wie verbinde ich das Pop-up-Modul?

Alles über Pop-ups und wie man sie einrichtet

Verfasst von Melina

Mit der Pop-up-Funktion von Reloadify sammelst du E-Mail-Adressen von Website-Besuchern, die noch keinen Kauf getätigt haben. Eine gängige Methode ist es, dem Website-Besucher im Austausch für seine E-Mail-Adresse einen Rabatt anzubieten.

Das Pop-up Modul mit Reloadify verbinden

Bevor du ein Pop-up erstellen kannst, musst du das Pop-up-Modul aktivieren. Um das Pop-up in deinem Webshop anzuzeigen, brauchst du ein Stück Code auf deiner Website. Pop-ups aktivierst du wie folgt:

  1. In Reloadify gehst du zu Assets > Datenquellen > Importe.

  2. Hinter Pop-ups klickst du auf die drei Punkte und wählst Verbinden.

  3. Es wird ein Code (ein Skript) angezeigt. Füge diesen Code in den Code deiner Website ein (am besten unter den bestehenden Skripten).

Läuft dein Webshop auf Lightspeed? Dann fügen wir den Code aus dem Pop-up direkt in deinen Webshop ein. Du musst keinen Code auf deiner Website hinzufügen. Alles, was du tun musst, ist das Pop-up-Modul einzubinden (Schritt 1 + Schritt 2).

Wenn du diese drei Schritte befolgst, hast du im Handumdrehen dein Pop-up Modul in Reloadify aktiviert und verbunden. Lies hier, wie du ein Pop-up erstellen kannst.


​

WooCommerce

  1. Gehe in WordPress zu Design > Theme-Editor (oder verwende ein Child-Theme).

  2. Öffne die Datei footer.php.

  3. Füge das Script direkt vor dem schließenden </body>-Tag ein.

  4. Klicke auf Datei aktualisieren.

Shopware

  1. Verwende ein Child-Theme deines aktiven Templates.

  2. Öffne footer.tpl oder base.html.twig.

  3. Füge das Script direkt vor dem schließenden </body>-Tag ein.

  4. Leere den Cache im Shopware-Adminbereich.

Magento 2

  1. Gehe in den Adminbereich oder nutze FTP/SSH.

  2. Öffne default_head_blocks.xml (zum Beispiel unter app/design/frontend/Vendor/theme/Magento_Theme/layout/). Existiert diese Datei noch nicht, lege sie an.

  3. Füge das Script im <head>-Bereich ein.

  4. Beispiel:

<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=DEINSCRIPT" src_type="url" />   </head> </page>

Deploye den statischen Content erneut und leere den Cache.

Lightspeed eCom (C-Series)

  1. Gehe im Backoffice zu Settings > Website Settings > Web Extras.

  2. Wähle Custom JavaScript.

  3. Füge das Script hier ein.

  4. Beispiel: <script src="https://app.reloadify.com/assets/popup.js?reloadify_account_id=DEINSCRIPT"></script>

  5. Klicke auf Speichern.

Shopify

  1. Gehe zu Online Store > Themes > Actions > Edit Code.

  2. Öffne im Ordner Layout die Datei theme.liquid.

  3. Suche den </body>-Tag und füge dein Script direkt davor ein.

  4. Klicke auf Save.

Verwandte Artikel
Hat dies deine Frage beantwortet?