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. Installieren Sie die App und wählen Sie eine der 4 Optionen:
    • 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.
  3. Wählen Sie das Tool ShareThis aus, das Sie verwenden möchten, und passen Sie die Schaltflächen an, indem Sie Ihre sozialen Kanäle, Größe, Form und mehr auswählen.
  4. Ein- und Ausschalter für Shopify-ToolsSchalten Sie den Schalter ein, blättern Sie nach unten und klicken Sie aufbutton , um Ihre Änderungen zu speichern.
    • Wenn Sie Inline-Tools installieren, haben Sie die Wahl zwischen:

      Hinweis: Inline-Tools erfordern ein zusätzliches Codeschnipsel, um auf Ihrer Website zu funktionieren. Wenn Sie unsere Inline-Share-Buttons oder Follow-Buttons installieren möchten, müssen Sie einen Platzierungscode hinzufügen, der den obigen Optionen folgt, wo immer das Tool erscheinen soll

      Bevor Sie Ihr Theme anpassen, sollten Sie immer zuerst eine Sicherungskopie erstellen, folgen Sie diese Anleitungen um das Thema für eine Sicherungskopie zu duplizieren, falls Sie die Änderungen rückgängig machen möchten.

      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.

      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