Social Share (Artikel-, Kategorie-, Blogseite teilen)

Inhalt

1. Wozu dient das Plugin "Social Share (Artikel-, Kategorie-, Blogseite teilen)"

Soziale Netzwerke sind heutzutage wichtiger denn je, v. a. auch für Onlinehändler. Du präsentierst Deine Marke und Deine Botschaft auf verschiedenen Kanälen, erreichst so viel mehr Nutzer und erzeugst Aufmerksamkeit. Diese Netzwerke sorgen dafür, dass potenzielle Kunden ganz einfach Interesse an Deinem Unternehmen und Deinen Produkten entwickeln. Darüber hinaus generierst Du über Social Media Leads (wie z. B. Verkäufe).

2. Was kann das Plugin "Social Share (Artikel-, Kategorie-, Blogseite teilen)"

Das knowmates-Plugin „Social Share“ ist exklusiv für das Shopsystem JTL-Shop entwickelt. Es dient dazu, dass Deine Shop-Besucher die von Dir festgelegten Seitentypen auf individuell definierten Netzwerken teilen können.

Durch das Plugin zeigst Du die Buttons nicht nur in der Desktop-Ansicht an, sondern auch in der mobilen Ansicht (siehe Abbildung 1). Darüber hinaus bietet „Social Share“ viele individuelle Einstellungsmöglichkeiten. So legst Du z. B. abweichende Positionen für Artikeldetailseiten oder Blogbeitragsseiten fest, sortierst die Icons ganz einfach via Drag & Drop in der gewünschten
Reihenfolge, aktivierst einen Zähler (der anzeigt, wie oft der Seiteninhalt geteilt wurde) und vieles mehr.

Abbildung 1: „Social Share“-Plugin im Frontend eines JTL-Shops (links: Desktop, rechts: Smartphone)

3. Systemvoraussetzungen

  • JTL-Shop 5.2
  • 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 "Social Share (Artikel-, Kategorie-, Blogseite teilen)" einrichten

Rufe das Konfigurationsmenü entweder unter „Plugin-Manager“ > „Aktiviert“ über das entsprechende Zahnrad-Icon auf der rechten Seite oder direkt über „Installierte Plugins“ > „Social Share“ auf.

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

Abbildung 2: Benutzeroberfläche vom Plugin „Social Share“

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 „Social Share“.

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

Abbildung 3: Reiter „Einstellungen“

  • Plugin-Status: Anzeige im Shop-Frontend aktivieren/deaktivieren
  • Buttons aktivieren: Wähle die Buttons aus (Facebook, Pinterest, WhatsApp, Telegram, Facebook Messenger, Twitter, XING, LinkedIn, E-Mail), die du im Shop-Frontend anzeigen
    möchtest. Hinweis: Die Reihenfolge sortierst Du in der Vorschau via Drag & Drop.
  • Auf diesen Seitentypen aktivieren: Standardmäßig werden die Buttons auf allen Seitentypen angezeigt, was Du über diese Einstellung einschränkst (Anzeige z. B. nur auf Artikelseiten).
  • Button Design: Wähle das Button-Design (rund, quadratisch, rechteckig).
  • Position: Wähle die Position für die Buttons (linker/rechter Bildschirmrand mittig/unten oder unterer Bildschirmrand mittig).
  • Share-Buttons Überschrift anzeigen: Die Überschrift passt Du in den Plugin-Sprachvariablen an.
  • Counter anzeigen: Wenn aktiv, wird neben den Buttons ein Zähler dargestellt, der zeigt, wie oft die Seite insgesamt geteilt wurde.
  • Counter erst ab bestimmter Anzahl anzeigen: Lege eine Anzahl an Shares fest, ab welcher der Counter angezeigt wird.
  • Buttons auf Mobilgeräten nicht am unteren Bildschirmrand positionieren: Wenn aktiv, werden die Buttons wie in der Desktopansicht dargestellt.
  • Buttons auf Mobilgeräten ausblenden: Wenn aktiv, werden die Buttons auf mobilen Endgeräten nicht ausgespielt.
  • Buttons Farbe (Hintergrund): Lege die Hintergrundfarbe der Buttons fest (Brand-Farbe des Sozialen Netzwerks, Grautöne, benutzerdefiniert).
  • Icon Farbe: Lege die Farbe der Icons in den Button fest.
  • Offset auf X-Achse in Pixel: Ändere die Button-Position (auch negative Werte möglich).
  • Offset auf Y-Achse in Pixel: Ändere die Button-Position (auch negative Werte möglich).
  • Benutzerdefiniertes CSS: Nutze dieses Feld für eigenes CSS.

Der Reiter „Seitenspezifische Einstellungen“ beinhaltet folgende Optionen (siehe Abbildung 4):

Abbildung 4: Reiter „Seitenspezifische Einstellungen“

  • Position: Lege die Position für die Artikelseiten fest.
  • CSS-Selektor für Benutzerdefinierte Position: Wähle den gewünschten CSS-Selektor für die Positionierung.
  • PHP-Query-Methode: Wähle die gewünschte Art der Einbindung.
  • Offset auf X-Achse in Pixel: Ändere die Button-Position (auch negative Werte möglich).
  • Offset auf Y-Achse in Pixel: Ändere die Button-Position (auch negative Werte möglich).
  • Position: Lege die Position für die Blogbeitragsseiten fest.
  • CSS-Selektor für Benutzerdefinierte Position: Wähle den gewünschten CSS-Selektor für die Positionierung.
  • PHP-Query-Methode: Wähle die gewünschte Art der Einbindung.
  • Offset auf X-Achse in Pixel: Ändere die Button-Position (auch negative Werte möglich).
  • Offset auf Y-Achse in Pixel: Ändere die Button-Position (auch negative Werte möglich).

Der Reiter „Lizenz“ beinhaltet folgende Optionen (siehe Abbildungen 5 & 6):

Abbildung 5: 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 6: 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 7):

Abbildung 7: 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.