Code der Schaltfläche "Kaufen" zu HTML hinzufügen
Nachdem du in deinem Shopify-Adminbereich eineSchaltfläche "Kaufen" erstellthast, kannst du sie deiner eigenen Website oder deinem Blog hinzufügen.
Der Prozess des Hinzufügens von Einbettungscode zum HTML-Code deiner Website hängt von verschiedenen Faktoren ab: davon, wie und wo du deine Buy Buttons und deinen Warenkorb anzeigen möchtest, von deiner Veröffentlichungsplattform und manchmal auch vom Theme, das du auf dieser Plattform verwendest.
Auf dieser Seite
Einbettungscode zu WordPress hinzufügen
Du kannst Einbettungscode zu Beiträgen, Seiten oder Vorlagen auf deiner WordPress-Website hinzufügen.
Einbettungscode zu einem WordPress-Beitrag oder einer WordPress-Seite hinzufügen
- Erstelle in Shopify eineSchaltfläche "Kaufen"und kopiere deren Einbettungscode aus dem DialogfeldCode einbetten(oder klicke aufEinbettungscode in Zwischenablage kopieren).
- Gehe in deinem WordPress-Dashboard zu deinen Beiträgen und Seiten.
- Erstelle entweder einen neuen Beitrag oder eine neue Seite oder bearbeite einen vorhandenen Beitrag bzw. eine vorhandene Seite.
- Klicke im Blockeditor auf die Schaltfläche+, suche nachBenutzerdefiniertes HTMLund klicke dann, um einen benutzerdefinierten HTML-Block einzufügen.
- Füge den Einbettungscode in das Textfeld des benutzerdefinierten HTML-Blocks ein.
Optional: Verschiebe den benutzerdefinierten HTML-Block oder generiere eine Vorschau, um zu sehen, wie deine Schaltfläche "Kaufen" angezeigt wird:
- Um den benutzerdefinierten HTML-Block zu verschieben, klicke auf die Pfeil-Schaltflächen in der Toolbar des Blocks oder ziehe den Block an eine neue Stelle.
- Um eine Vorschau des Buy Buttons anzuzeigen, klicke aufVorschauin der Toolbar des Blocks.
Sobald du fertig bist, klicke auf die SchaltflächeEntwurf speichern,VorschauoderVeröffentlichenfür deinen Beitrag oder deine Seite.
Wenn du dasClassic Editor Pluginvon WordPress nutzt, musst du nicht den benutzerdefinierten HTML-Block nutzen, sondern kannst den Text-Editor vom ModusVisuellin den ModusTextversetzen und den Einbettungscode in den Editor kopieren.
Einbettungscode zu einer WordPress-Vorlage hinzufügen
Wenn dein WordPress-Theme den Website-Editor unterstützt, kannst du eine eingebettete Schaltfläche "Kaufen" zu jeder Vorlage deiner Website hinzufügen.
Schritte:
- Erstelle in Shopify eineSchaltfläche "Kaufen"und kopiere deren Einbettungscode aus dem DialogfeldCode einbetten(oder klicke aufEinbettungscode in Zwischenablage kopieren).
- Gehe in deinem WordPress-Dashboard zumEditor.
- Navigiere祖茂堂der Vorlage, die du bearbeiten möchtest.
- Klicke im Blockeditor auf die Schaltfläche+, suche nachBenutzerdefiniertes HTMLund klicke dann, um einen benutzerdefinierten HTML-Block einzufügen.
- Füge den Einbettungscode in das Textfeld des benutzerdefinierten HTML-Blocks ein.
Optional: Verschiebe den benutzerdefinierten HTML-Block oder generiere eine Vorschau, um zu sehen, wie deine Schaltfläche "Kaufen" angezeigt wird:
- Um den benutzerdefinierten HTML-Block zu verschieben, klicke auf die Pfeil-Schaltflächen in der Toolbar des Blocks oder ziehe den Block an eine neue Stelle.
- Um eine Vorschau des Buy Buttons anzuzeigen, klicke aufVorschauin der Toolbar des Blocks.
Sobald du fertig bist, klicke auf die SchaltflächeVorschauoderSpeichernfür die Vorlage.
Hinzufügen von Einbettungscode zu deinem Shopify-Blog
Hinweis: #### Schritte:- Gib im Shopify-Adminbereich zuOnlineshop>Blog-Beiträge.
- Klicke auf der SeiteBlog-Beiträgeauf den Titel des Blog-Beitrags, den du bearbeiten möchtest, oder klicke aufBlog-Beitrag hinzufügen, um einen neuen zu erstellen.
- Klicke im AbschnittEinen Blog-Beitrag verfassenim Rich-Text-Editor aufHTML anzeigen.
- Füge deinen Einbettungscode in das Haupttextfeld ein.
- Klicke aufSpeichern.
- Tippe in derShopify-Appauf die Schaltfläche....
- Klicke im BereichVertriebskanäleaufOnlineshop.
- Tippe aufBlog-Beiträge.
- Tippe in derShopify-Appauf die Schaltfläche....
- Klicke im BereichVertriebskanäleaufOnlineshop.
- Tippe aufBlog-Beiträge.
Du kannst Einbettungscode zu einzelnen Beiträgen in Squarespace und zu den Menüs auf deiner Startseite hinzufügen. In einigen Fällen möchtest du möglicherweise beides tun. Du kannst z. B. einen Warenkorb auf deiner Startseite einbetten, um Bestellungen über Buy Buttons zu erhalten, die du in einzelne Posts eingebettet hast.
Schritte:
- Öffne in deinem Squarespace-Dashboard die Webseite, auf der du den Einbettungscode hinzufügen möchtest.
- 马谢das元素auf der Seite ausfindig,民主党die Schaltfläche "Kaufen" oder der eingebettete Warenkorb angezeigt werden soll. Bewege dann den Mauszeiger über den BereichSeiteninhaltund klicke aufBEARBEITEN.
- Klicke auf den Einfügepunkt, an dem du den Einbettungscode hinzufügen möchtest.
- Klicke im AbschnittWeiteredes DialogfeldsInhaltsblöckeaufCode.
- Kopiere den Einbettungscode in deinem Shopify-Adminbereich aus dem DialogfeldCode einbetten.
- Füge den Einbettungscode in deinem Squarespace-Dashboard in das DialogfeldCODEein. Stelle sicher, dass das Textfeld für den Empfang vonHTMLeingerichtet ist.
- Klicken Sie im DialogfeldCODE BEARBEITENaufÜBERNEHMEN.
- Klicke im Seiteneditor erneut aufSPEICHERN. Da Squarespace JavaScript in seinem Dashboard deaktiviert, musst du eine Vorschau deiner Seite separat anzeigen, um zu bestätigen, dass die Schaltfläche "Kaufen" bzw. der eingebettete Warenkorb funktioniert.
Wenn du diese Schritte abgeschlossen hast und die Schaltfläche "Kaufen" dennoch nicht geladen wird, musst du möglicherweise das Laden von Ajax deaktivieren. Mehr Informationen findest du unterAjax aktivieren oder deaktivieren.
Hinzufügen von Einbettungscode zu WiX
Nachdem du in deinem Shopify-Adminbereicheine Schaltfläche "Kaufen" oder eine Kategorie erstellt hast, kannst du diese mit dem Wix Website Editor zu deiner Wix-Website hinzufügen.
Wenn du mehr als ein Produkt auf deiner Wix-Website anzeigen möchtest, ohne den Einbettungscode zu bearbeiten, dann kannst du eine Kategorie einbetten. Du kannsteine neue Kategoriein deinem Shopify-Adminbereich für die Produkte erstellen, die du auf Wix anzeigen möchtest.
Schritte:
- Erstelle über deinen Shopify-Adminbereicheine Schaltfläche "Kaufen" für ein Produkt oder eine Kategorieund kopiere anschließend den zugehörigen Einbettungscode.
- Suche in deinem Wix-Konto die Website, die du im AbschnittMeine Websitesbearbeiten möchtest, und klicke dann aufWebsite bearbeiten.
- Klicke im Wix Website Editor auf die Schaltfläche
+
und anschließend aufMehr. - Klicken Sie aufHTML-Code, um der Seite ein HTML-Code-Widget hinzuzufügen.
- Klicken Sie aufCode eingeben.
- Füge im DialogfeldHTML-Einstellungenden Einbettungscode für deine Schaltfläche "Kaufen" oder deine Kategorie in das FeldCode hier hinzufügenein und klicke dann aufAktualisieren.
- Ändere die Größe des HTML-Code-Widgets, um es an den Inhalt anzupassen. Wenn du eine Einbettung mit einem Warenkorb erstellst, achte darauf, dass der Warenkorb-Tab an der richtigen Stelle angezeigt wird.
- Wenn du fertig bist, klicke aufSpeichern.
Mehrere Produkte oder Kategorien einbetten
Schritte:
- Erstelle über deinen Shopify-Adminbereicheine Schaltfläche "Kaufen" für ein Produkt oder eine Kategorieund kopiere anschließend den zugehörigen Einbettungscode.
- Füge den Code in einen Code-Editor oder den WiX-Website-Builder ein. Wiederhole die ersten beiden Schritte, bis du die Buy Buttons erstellt hast, die du benötigst.
- Bearbeite die Einbettungscodes, um sicherzustellen, dass sie in der richtigen Ausrichtung angezeigt werden.
- Suche in deinem Wix-Konto die Website, die du im AbschnittMeine Websitesbearbeiten möchtest, und klicke dann aufWebsite bearbeiten.
- Klicke im Wix Website Editor auf die Schaltfläche
+
und anschließend aufMehr. - Klicken Sie aufHTML-Code, um der Seite ein HTML-Code-Widget hinzuzufügen.
- Klicken Sie aufCode eingeben.
- Füge im DialogfeldHTML-Einstellungenden bearbeiteten Code für deine Buy Buttons in das FeldCode hier hinzufügenein und klicke dann aufAktualisieren.
- Ändere die Größe des HTML-Code-Widgets, um es an den Inhalt anzupassen. Wenn du eine Einbettung mit einem Warenkorb erstellst, achte darauf, dass der Warenkorb-Tab an der richtigen Stelle angezeigt wird.
- Wenn du fertig bist, klicke aufSpeichern.
Skript-Tags separat hinzufügen
Bei einigen Plattformen (wie Unbounce) musst du die-Tags des Einbettungscodes in den Header der Seite einfügen und den Rest des Einbettungscodes an der Stelle, an der die Schaltfläche "Kaufen" angezeigt werden soll.
Schritte:
- Kopiere aus dem Einbettungscode, der beim Erstellen einer Schaltfläche "Kaufen" generiert wird, sowohl das Elementals auch das Element
. Zum Beispiel:
- Öffne den Header für die Website, in die du eine Schaltfläche "Kaufen" einbetten möchtest.
- Füge das vollständige Element
in den Header der Seite ein.
- Speichere deine Änderungen.
- Kopiere aus dem ursprünglichen Einbettungscode deines Shopify-Adminbereichs nur das Element. Zum Beispiel:
- Öffne die Seite deiner Website, in die du eine Schaltfläche "Kaufen" einbetten möchtest.
- Füge das Code-Snippetin die Seite ein.
- Speichere deine Änderungen.
Bereit, mit Shopify zu verkaufen?
Kostenlos testen