Zum Hauptinhalt springen

Wie verbinde ich das Pop-up-Modul?

Alles über Pop-ups und wie man sie einrichtet

Melina avatar
Verfasst von Melina
Diese Woche aktualisiert

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 "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

Geh zum Admin-Panel deiner WordPress-Seite und befolge diese Schritte:

  1. Gehe zu Darstellung > Theme-Editor (oder nimm ein Child-Theme).

  2. Öffne die Datei footer.php.

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

  4. Speichere die Änderungen.

Shopware

  1. Nimm ein Child-Theme deines aktiven Templates.

  2. Füge das Skript in die Datei footer.tpl oder base.html.twigein, direkt vor </body>.

  3. Leere nach dem Hinzufügen den Cache im Shopware-Admin-Panel.

Magento 2

  1. Geh zum Admin-Panel oder nutze FTP/SSH-Zugriff.

default_head_blocks.xml

  • Speichere es in app/design/frontend/Vendor/theme/Magento_Theme/layout/default_head_blocks.xml

  • Beispiel:

  1. Verteile den statischen Inhalt neu und leere den Cache.

<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>

Lightspeed eCom (C‑Series)

  1. Melde dich in deinem Lightspeed-Backoffice an.

  2. Gehe zu Einstellungen > Website-Einstellungen > Web-Extras

  3. Du hast zwei Möglichkeiten, Skripte hinzuzufügen:

    • Benutzerdefiniertes JavaScript: Dies wird direkt vor dem schließenden </body>Tag eingefügt.

    • Benutzerdefinierter Head Code: Dieser wird im Abschnitt <head>hinzugefügt (praktisch für Tracker oder Tags).

  4. Wähle die Option Benutzerdefiniertes JavaScript und füge das Loyalty-Skript wie folgt ein:

  5. Speichere die Änderungen. Das Skript wird jetzt auf allen Seiten direkt vor </body>geladen.

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

Shopify

  1. Gehe zu Admin → Online Store → Themes → Actions → Edit Code

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

  3. Suche nach </body> und füge dort dein Skript ein, zum Beispiel:

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

  1. Speichere deine Änderungen

  2. Dein Skript wird jetzt auf allen Seiten geladen, direkt vor dem </body>-Tag

Verwandte Artikel
Beispiel Pop-ups
Wie entwerfe ich ein Pop-up?
Wie erstelle ich ein Pop-up?
Wie verbinde ich das Empfehlungsmodul?
Wie verbinde ich das Loyalty-Modul?
Hat dies deine Frage beantwortet?