Popup & Hinweis-Banner Manager

Inhalt

1. Wozu dient das Plugin "Popup & Hinweis-Banner Manager"

Die Besucher von Onlineshops zum richtigen Zeitpunkt mit den richtigen Informationen zu versorgen, ist ein essenzieller Bestandteil im E-Commerce. Hinweise zu wichtigen Neuerungen im Produktsortiment oder zum Unternehmen selbst, Sonderöffnungszeiten, Benachrichtigungen über Ausnahmesituationen und daraus resultierende verspätete Lieferungen, Newsletter,  Aktionsrabatte oder Gewinnspiele sind nur einige Beispiele. Erhöhe im Idealfall nicht nur Deine Conversion Rate, sondern halte Deine Kunden auf dem Laufenden, beantworte ihre Anfragen global und minimiere potenzielle Nachfragen.

2. Was kann das Plugin "Popup & Hinweis-Banner Manager"

Das knowmates-Plugin „Popup & Hinweis-Banner Manager” ist exklusiv für das Shopsystem JTL-Shop entwickelt. Du kannst zwar in Deinem Standard JTL-Shop über den OnPage Composer Banner anlegen, doch musst Du für eine globale Informationsvermittlung den gewünschten Hinweis auf allen Seiten und für alle Sprachen einzeln manuell anlegen.

Das Plugin „Popup & Hinweis-Banner Manager” dient der optimalen (und bei Bedarf globalen) Präsentation wichtiger Informationen für Deine Kunden, auf verschiedenen Unterseiten schnell und prominent. Dadurch steigerst Du das positive Nutzungserlebnis in Deinem JTL-Shop. Über das Backend wählst Du bequem per Klick aus, auf welchen Seitentypen (z. B. Startseite, Kategorieseiten, Produktseiten, …) und in welchen Sprachen Du die Hinweise ausspielen möchtest.

Möglich sind auch entsprechende Auslöser für Popups wie „Beim Laden der Seite” oder „Beim Verlassen der Seite (Exit Intent)”. Mit dem Plugin steuerst Du, wann sich welches Fenster bei Deinen Kunden öffnet. Du sprichst sie direkt an und forderst sie zu einer Handlung auf: z. B. „Willst Du wirklich schon gehen?“ oder „Nicht das Richtige gefunden? Dann schau doch mal in unseren Sale“. So hältst Du Kunden länger im Shop, preist Aktionen gezielt an, weist auf Schnäppchen hin oder kommunizierst zusätzliche Rabattcodes.

Sowohl in der Desktop-Ansicht als auch auf mobilen Endgeräten erfahren die Nutzer die neuesten Infos sofort (siehe Abbildung 1).

Abbildung 1: Darstellungen des „Popup & Hinweis-Banner Manager”-Plugins im Frontend eines JTL-Shops (links Desktop, rechts mobile)

3. Systemvoraussetzungen

  • JTL-Shop 5.2.1 (PHP 8.1)
  • Template NOVA
  • ionCube Loader in der aktuellsten Version

4. Installation im JTL-Shop

Für Deinen JTL-Shop 5 beziehst Du Plugins über den JTL-Extension Store. Um auf Inhalte des JTL-Extension Stores zugreifen zu können, musst Du zunächst Dein JTL-Konto mit Deinem JTL-Shop 5 verknüpfen. Dies wird normalerweise beim Installationsprozess des Shops bereits abgefragt.

So verknüpfst Du Dein JTL-Konto mit Deinem JTL-Shop 5:

  1. Logge Dich im JTL-Shop-Backend ein.
  2. Navigiere im Menü zu „PLUGINS” > „Meine Käufe“.
  3. Klicke auf „Konto verknüpfen”.
  4. Logge Dich mit Deinen JTL-Daten ein.
  5. Anschließend siehst Du in „PLUGINS” > „Meine Käufe“ die Übersicht zu Deinen Lizenzen und
    Subscriptions.

So buchst Du eine Extension für JTL-Shop 5:

  1. Rufe den JTL-Extension Store auf.
  2. Suche nach dem gewünschten Plugin.
  3. Wähle das Plugin aus und klicke auf „Jetzt auschecken‘”.
  4. Klicke im folgenden Fenster auf „Anmelden“ und melde Dich mit Deinem zentralen JTL-Login an.
  5. Klicke im JTL-Checkout auf „Jetzt bestellen”, um die Bestellung abzuschließen.
  6. Rufe Dein JTL-Shop-Backend auf. Unter „PLUGINS” > „Meine Käufe” befindet sich jetzt im Bereich
    „Ungebundene Lizenzen“ Deine eben erworbene Lizenz.
  7. Nun ordnest Du das Plugin Deinem Shop zu. Klicke dafür auf „An diesen Onlineshop” anbinden.
  8. Anschließend findest Du die Lizenz im Bereich „Gebundene Lizenzen” und die Schaltfläche
    „Installieren“ steht zur Verfügung. Nach der Installation kannst Du das Plugin im Menü unter
    „PLUGINS” > „Plugin-Manager” in der Registerkarte „Aktiviert“ konfigurieren.

5. Plugin "Popup & Hinweis-Banner Manager" einrichten

Rufe das Konfigurationsmenü entweder unter „Plugin-Manager” > „Aktiviert“ über das entsprechende Zahnrad-Icon auf der rechten Seite oder direkt über „Installierte Plugins” > „Popup & Hinweis-Banner Manager” auf.

Du siehst nun die Plugin-Benutzeroberfläche (siehe Abbildung 2).

Abbildung 2: Benutzeroberfläche vom Plugin „Popup & Hinweis-Banner Manager”

Oben rechts befindet sich ein Switch, mit welchem Du zwischen dunklem und hellem Design wechselst.

Triff nun die gewünschten Einstellungen für das Plugin „Popup & Hinweis-Banner Manager”.

Der Reiter „Einstellungen“ beinhaltet folgende Option(en) (siehe Abbildung 3):

Abbildung 3: Reiter „Einstellungen”

  • Plugin aktiv: Anzeige im Shop-Frontend aktivieren/deaktivieren

Der Reiter „Hinweise“ beinhaltet initial folgende Option(en) (siehe Abbildung 4):

Abbildung 4: Reiter „Hinweise“

  • Hinweis hinzufügen: Neuen Hinweis erstellen. Nachdem Du einen Hinweis hinzugefügt hast, siehst Du weitere Einstellungsmöglichkeiten.

Hinweis: Die folgenden Einstellungen sind für die Hinweisdarstellung als Typ „Hinweis“ und Typ „Popup“ gültig (siehe Abbildung 5).

Abbildung 5: Einstellungen für die Typen: „Hinweis“ und „Popup“

Allgemeine Einstellungen:

  • Hinweis aktiv: Hinweis im Shop-Frontend aktivieren/deaktivieren
  • Interner Bezeichner: Der Hinweistitel dient der besseren Übersicht und wird nur im Backend dargestellt.
  • Hinweisdarstellung: Auswahl des Typs Hinweis oder Popup

Hinweis: Wenn Sie im Frontend als Admin eingeloggt sind, wird das Popup permanent ausgelöst. Damit haben Sie die Möglichkeit, Ihre Einstellungen zu überprüfen.

Sichtbarkeit:

  • Sprache: Der Hinweis wird nur für die gewählte Sprache angezeigt.
  • Aktivieren auf diesen Seitentypen: Der Hinweis wird nur auf den gewählten Seitentypen angezeigt. Zur Auswahl stehen u. a. Startseite, Artikelliste, Artikeldetails und Warenkorb.
  • Kundengruppe: Der Hinweis wird nur der gewählten Kundengruppe angezeigt.
  • Hinweis nur in Zeitraum anzeigen: Der Hinweis wird nur in einem gewählten Zeitraum angezeigt.
  • Hinweis nur in angegebenem Datumsbereich anzeigen: Definierter Zeitraum für den Hinweis

Inhalt und Gestaltung:

  • Hinweistext: Editor für den individuellen Hinweistext

Hinweis: Die nachfolgenden Einstellungen beziehen sich auf die Hinweisdarstellung als Typ Hinweis (siehe Abbildung 6).

Abbildung 6: Einstellungen für den Typ: „Hinweis”

Inhalt und Gestaltung:

  • Hinweisposition: Der Hinweis wird an der gewählten Position ausgespielt (z.B. über Header,sticky oder im Inhaltsbereich).
  • Textfarbe: Legt die Schriftfarbe für den Hinweis fest
  • Hintergrundfarbe: Legt die Hintergrundfarbe für den Hinweis fest
  • Hinweis auf Mobilgeräten als Laufschrift darstellen: Auf mobilen Endgeräten läuft der Hinweis von rechts nach links.
  • Animationsdauer für Lauftext: Dauer der Animation in Sekunden

Experteneinstellungen:

  • Benutzerdefinierten Selektor für Positionierung im Template nutzen: Möglichkeit, den Hinweis am nachfolgend definierten CSS-Selektor einzusetzen bzw. zu ersetzen
  • PHP-Query CSS-Selektor: Möglichkeit, den Hinweis an einer beliebigen Position zu platzieren
  • PHP-Query-Methode: Art der Einbindung (ersetzen, davor einfügen, dahinter einfügen)
  • Zusätzliche CSS-Klasse: Darüber ist eine Erweiterung des Elternelements um eine zusätzliche CSS-Klasse möglich.

Hinweis: Die nachfolgenden Einstellungen beziehen sich auf die Hinweisdarstellung als Typ Popup (siehe Abbildung 7 auf Folgeseite).

Abbildung 7: Einstellungen für den Typ: „Popup”

Inhalt und Gestaltung:

  • Auslöser für Popup: Zeitpunkt für das Öffnen des Popups (Beim Laden der Seite oder Beim Verlassen der Seite (Exit Intent))
  • Popup Breite auf Desktopgeräten: Breite ausgehend von der Bildschirmbreite in Prozent (Bildschirmbreite > 787 Pixel)
  • Popup Höhe auf Desktopgeräten: Höhe ausgehend von der Bildschirmhöhe in Prozent
  • Popup Höhe auf Mobilgeräten: Höhe ausgehend von der Bildschirmhöhe in Prozent
  • Verzögerung für Popup (in Sekunden): Verzögerung der Anzeige des Popups beim Laden oderVerlassen der Seite
  • Popup-Animation beim Öffnen: verschiedene Animationen wählbar
  • Popup-Animation beim Schließen: verschiedene Animationen wählbar
  • Textfarbe: Legt die Schriftfarbe für das Popup fest
  • Hintergrundfarbe: Legt die Hintergrundfarbe fest
  • Popup Hintergrundfarbe: Legt die Hintergrundfarbe für das Popup fest
  • Popup Hintergrundbild Desktop: Ermöglicht den Upload eines Hintergrundbildes
  • Popup Hintergrundbild für Mobilgeräte: Ermöglicht den Upload eines Hintergrundbildes

Experteneinstellungen:

Zusätzliche CSS-Klasse: Darüber ist eine Erweiterung des Elternelements um eine zusätzliche CSS-Klasse möglich.

Der Reiter „Lizenz“ beinhaltet folgende Optionen (siehe Abbildungen 8 & 9):

Abbildung 8: Reiter „Lizenz“ – keine gültige Lizenz vorhanden

  •  Lizenz abfragen: Beim Kauf wird für die angegebene Domain eine Lizenz auf dem Lizenz-Server
    angelegt. Über den Button wird auf diesem geprüft, ob für Deine Domain eine Lizenz des Plugins
    vorliegt, und welche Art von Lizenz es ist.
  • Plugin für 14 Tage testen: Fordere eine Testphase von 14 Tagen an. Nach diesen 14 Tagen läuft
    die Test-Lizenz ab.
  • Lizenz kaufen: Eine vollwertige Lizenz über 12 Monate ist im JTL-Extension Store zu erwerben.
    Hier kannst Du Deine Lizenz auch um 12 oder 24 Monate verlängern.

Abbildung 9: Reiter „Lizenz” – gültige Lizenz vorhanden

  •  Lizenz abfragen: Beim Kauf wird für die angegebene Domain eine Lizenz auf dem Lizenz-Server
    angelegt. Über den Button wird auf diesem geprüft, ob für Deine Domain eine Lizenz des Plugins
    vorliegt, und welche Art von Lizenz es ist.
  • Lizenz verlängern: Eine vollwertige Lizenz über 12 Monate ist im JTL-Extension Store zu
    erwerben. Hier kannst Du Deine Lizenz auch um 12 oder 24 Monate verlängern.

Der Reiter „Über“ beinhaltet folgende Informationen (siehe Abbildung 10):

Abbildung 10: Reiter „Über“ (Versionsnummer exemplarisch)

Im Reiter „Über“ findest Du Informationen zur Plugin-Version, PHP-Version, IonCube-Version, zum Plugin-Autor sowie die (Shop)-Webseite des Autors als auch zwei Buttons, über den Du das Plugin Log leerst bzw. öffnest.