Wie installiert man ShareThis' Tools auf Shopify (mit ShareThis App)

Mit unserer Shopify-App können Sie mit wenigen Klicks share buttons oder Follow-Buttons zu Ihrer Website hinzufügen. 

  1. Navigieren Sie zu den ShareThis App "Share Buttons in Shopify und wählen Sie die App hinzufügen button.
  2. Install the app, then (optional) Pin it to your Shopify Navigation for quicker access.
  3. In the app, go to the settings section and enable your app:
    • Toggle On the ShareThis Script Embed option.
    • Click Save. (If this is disabled, your buttons will not appear.)
  4. Select your preferred ShareThis tool and customize it by choosing your social channels, size, shape, and more:
    • Inline Share Buttons: Fügen Sie share buttons in der Nähe Ihres Überschrift oder Produkts für ideale Sichtbarkeit hinzu. 
    • Sticky Share Buttons: Halten Sie share buttons auf der linken oder rechten Leiste Ihrer Website verankert, damit Besucher beim Scrollen teilen können 
    • Follow Buttons: Erweitern Sie Ihre Webpräsenz auf Ihre wichtigsten Social-Media-Kanäle 
    • Plattform zur Verwaltung von Einwilligungen: Verwalten Sie mühelos die Einwilligungspräferenzen der Nutzer und erfüllen Sie die EU-Datenschutzvorschriften, einschließlich der Allgemeinen Datenschutzverordnung.
  5. Ensure the Enable Buttons selection is On.
  6. Click Update to save your changes.
  7. (Optional) If you are adding Inline tools, choose one of the following methods. Inline tools (Inline Share Buttons, Follow Buttons or Reactions Buttons) require an extra snippet of code to work on your site.

    Hinzufügen von Inline-Tools ShareThis zu Ihrer Produktseite mit einem benutzerdefinierten Liquid Block

    Sie können den Shopify-Theme-Editor verwenden, um eine visuelle Anleitung für die Platzierung des Inline-Schaltflächencodes zu erhalten. Obwohl nicht auf die Produktseite beschränkt, können Sie diesen Anweisungen und dem Video am Ende folgen, um den Code auf Ihrer Produktbeschreibung zu platzieren.

    Note: Before customizing your theme, it’s always recommended to make a backup first, follow diese Anleitungen um das Thema für eine Sicherungskopie zu duplizieren, falls Sie die Änderungen rückgängig machen möchten.

    1. Gehen Sie zu Ihrem Online Store Dashboard.
    2. Klicken Sie auf Themes und dann auf das grüne button mit der Aufschrift Customize.
    3. Navigieren Sie zu der Seite, auf der die Schaltflächen erscheinen sollen, indem Sie auf die Live-Vorschau klicken.
    4. Bewegen Sie die Maus an die Stelle, an der Sie die Schaltflächen einfügen möchten. Es erscheint ein kleines blaues button mit der Aufschrift Abschnitt hinzufügen.
    5. Wählen Sie Benutzerdefinierte Flüssigkeit aus der Liste.
    6. Kopieren Sie den entsprechenden Platzierungscode und fügen Sie ihn in der linken Seitenleiste ein, die soeben erschienen ist.
      1. Share Buttons Platzierungscode:
      2. Buttons Platzierungscode folgen:
    7. Klicken Sie auf Speichern in der oberen rechten Ecke.

    Zu Ihrer Erleichterung finden Sie hier eine Vorschau:

    Hinzufügen von Inline-Tools ShareThis zu Ihrer Produktseite durch Bearbeiten des Theme-Codes

    1. Wählen Sie in der linken Navigationsleiste Online-Shop > Themen und klicken Sie dann auf Aktionen > Code bearbeiten.
    2. Scrollen Sie in der linken Seitenleiste zum Ordner Sections und wählen Sie main-product.liquid (wenn Sie ein älteres Theme verwenden, gehen Sie zu Templates und suchen Sie die Datei product.liquid ). Suchen Sie dann den folgenden Code:
      {{ product.description }}
      Hinweis: Sie können Strg + F verwenden, um nach dem Wort "Beschreibung" zu suchen (klicken Sie bitte auf das Innere der Datei, damit Sie im Code-Editor nach dem Inhalt suchen können), versuchen Sie, die Schaltflächen in einer neuen Zeile nach dem Abschnitt oder den Zeilen mit diesem Namen zu platzieren. Ein Abschnitt/Element wird durch das Zeichen "}" am Ende abgegrenzt.

    3. Kopieren Sie den entsprechenden Platzierungscode und fügen Sie ihn über oder unter Ihrer Produktbeschreibung ein.
      1. Share Buttons Platzierungscode:
      2. Buttons Platzierungscode folgen:

    Zu Ihrer Erleichterung finden Sie hier eine Vorschau:

    Hinzufügen von Inline ShareThis Tools zu Ihrer Seite oder Ihrem Blog

    1. Wählen Sie in der linken Navigationsleiste Online-Shop > Seiten. Klicken Sie dann auf die Seite, auf der Sie Ihre Schaltflächen anzeigen möchten. 
    2. Klicken Sie im Abschnitt Inhalt auf die Schaltfläche HTML anzeigen <> button .
    3. Kopieren Sie den entsprechenden Platzierungscode und fügen Sie ihn an der Stelle ein, an der das Tool ShareThis erscheinen soll.
      1. Share Buttons Platzierungscode:
      2. Buttons folgen Platzierungscode