Wie installiert man ShareThis' Tools auf Shopify mit Javascript Code

Für den Fall, dass Sie nicht mit unserem Shopify-App - Sie können die Tools von ShareThis auf Shopify verwalten, indem Sie die ShareThis Plattform, to do this, you will need to manually add the ShareThis <script> code inside the <head> of your site, simply follow the steps below:

  1. Einloggen oder Anmelden auf der Plattform ShareThis .
  2. Wählen Sie das ShareThis Werkzeug, das Sie verwenden möchten, und aktivieren Sie es, indem Sie auf die Schaltfläche<strong style="color: initial;"> Enable tool</strong> button. 
  3. Anschließend können Sie die Schaltflächen anpassen, indem Sie Ihre sozialen Kanäle, Größe und Form auswählen.
  4. Wählen Sie in der oberen rechten Ecke die Option Code aktivieren button . Klicken Sie im Pop-up-Fenster auf den Code kopieren button.
  5. Melden Sie sich bei Ihrer Shopify-Website an.
  6. Wählen Sie in der linken Navigationsleiste Online-Shop > Themen, und klicken Sie in der Dropdown-Liste Aktionen auf Code bearbeiten.
  7. Gehen Sie in den verschiedenen Dateien und Ordnern auf Layout und klicken Sie auf theme.liquid.
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. 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:

So fügen Sie das Tool ShareThis zu Ihrer Seite oder Ihrem Blog hinzu

  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