Der Hauptzweck des Hinzufügens eines Blogs zu Ihrem Shopify-Shop besteht darin, Traffic zu generieren und Ihr Geschäft bekannt zu machen. Das Schreiben von guten Inhalten in Ihrem Blog ist nur ein Schritt des Prozesses – der nächste Schritt besteht darin, es Ihren Lesern leicht zu machen, diese Inhalte mit ihren Freunden zu teilen.

Der Tweet-Button

Der Hauptvorteil des Hinzufügens einer Tweet-Schaltfläche besteht darin, dass Sie im Voraus festlegen können, welche Nachricht Ihre Follower twittern sollen, wodurch es für sie noch einfacher wird, Ihre Inhalte zu teilen.

Hinzufügen einer Tweet-Schaltfläche zu Ihrem Shopify-Blog

Beachten Sie, dass viele Themes bereits mit integrierten Social-Media-Buttons im Blog ausgestattet sind. Sehen Sie sich zum Beispiel die Netzhaut-Thema

Wenn Sie ein benutzerdefiniertes Design verwenden oder Ihr Design diese Optionen nicht integriert hat, können Sie der folgenden Anleitung folgen:

Schritt 1: Gehen Sie im Administrator Ihres Shopify-Shops zu Themen Sektion

Schritt 2: Fahren Sie mit der Maus über die Schaltfläche

Schritt 3: Klicken Sie auf HTML/CSS bearbeiten

Schritt 4: Suchen Sie nach dem Ordner Vorlagen, klicken Sie auf article.liquid und blog.liquid, um sie im Online-Code-Editor zu öffnen. Beide Vorlagen werden auf die gleiche Weise bearbeitet

Schritt 5: Suchen Sie in blog.liquid und article.liquid nach diesem Code: {{ Artikel.Inhalt }}

Schritt 6: Fügen Sie über dem Element, das den Artikelinhalt ausgibt, den folgenden Code ein:

<script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script>
 <div>
 <a href="https://twitter.com/share" class="twitter-share-button"
 data-url="{{ shop.url }}{{ article.url }}"
 data-via="your_screen_name"
 data-text="{{ article.title | escape }}"
 data-count="horizontal">Tweet</a>
 </div>

In der 6. Zeile des obigen Codes Ersetzen Sie your_screen_name durch Ihren Twitter-Benutzernamen, jedoch ohne @. Der Name des Twitter-Kontos von Shopify lautet beispielsweise shopify.

Speichern Sie Ihre Änderungen.

Wiederholen Sie das obige Verfahren für beide Vorlagen.

Sie werden einen ähnlichen Tweet-Button in Ihrem Blog sehen