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.

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

  1. Erstelle in Shopify eineSchaltfläche "Kaufen"und kopiere deren Einbettungscode aus dem DialogfeldCode einbetten(oder klicke aufEinbettungscode in Zwischenablage kopieren).
  2. Gehe in deinem WordPress-Dashboard zu deinen Beiträgen und Seiten.
  3. Erstelle entweder einen neuen Beitrag oder eine neue Seite oder bearbeite einen vorhandenen Beitrag bzw. eine vorhandene Seite.
  4. Klicke im Blockeditor auf die Schaltfläche+, suche nachBenutzerdefiniertes HTMLund klicke dann, um einen benutzerdefinierten HTML-Block einzufügen.
  5. Füge den Einbettungscode in das Textfeld des benutzerdefinierten HTML-Blocks ein.
  6. 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.
  7. 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:

  1. Erstelle in Shopify eineSchaltfläche "Kaufen"und kopiere deren Einbettungscode aus dem DialogfeldCode einbetten(oder klicke aufEinbettungscode in Zwischenablage kopieren).
  2. Gehe in deinem WordPress-Dashboard zumEditor.
  3. Navigiere祖茂堂der Vorlage, die du bearbeiten möchtest.
  4. Klicke im Blockeditor auf die Schaltfläche+, suche nachBenutzerdefiniertes HTMLund klicke dann, um einen benutzerdefinierten HTML-Block einzufügen.
  5. Füge den Einbettungscode in das Textfeld des benutzerdefinierten HTML-Blocks ein.
  6. 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.
  7. Sobald du fertig bist, klicke auf die SchaltflächeVorschauoderSpeichernfür die Vorlage.

Hinzufügen von Einbettungscode zu deinem Shopify-Blog

Hinweis: #### Schritte:## Hinzufügen von Einbettungscode zu Squarespace

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:

  1. Öffne in deinem Squarespace-Dashboard die Webseite, auf der du den Einbettungscode hinzufügen möchtest.
  2. 马谢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.
  3. Klicke auf den Einfügepunkt, an dem du den Einbettungscode hinzufügen möchtest.
  4. Klicke im AbschnittWeiteredes DialogfeldsInhaltsblöckeaufCode.
  5. Kopiere den Einbettungscode in deinem Shopify-Adminbereich aus dem DialogfeldCode einbetten.
  6. Füge den Einbettungscode in deinem Squarespace-Dashboard in das DialogfeldCODEein. Stelle sicher, dass das Textfeld für den Empfang vonHTMLeingerichtet ist.
  7. Klicken Sie im DialogfeldCODE BEARBEITENaufÜBERNEHMEN.
  8. 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:

  1. Erstelle über deinen Shopify-Adminbereicheine Schaltfläche "Kaufen" für ein Produkt oder eine Kategorieund kopiere anschließend den zugehörigen Einbettungscode.
  1. Suche in deinem Wix-Konto die Website, die du im AbschnittMeine Websitesbearbeiten möchtest, und klicke dann aufWebsite bearbeiten.
  2. Klicke im Wix Website Editor auf die Schaltfläche+und anschließend aufMehr.
  3. Klicken Sie aufHTML-Code, um der Seite ein HTML-Code-Widget hinzuzufügen.
  4. Klicken Sie aufCode eingeben.
  5. 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.
  6. Ä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.
  7. Wenn du fertig bist, klicke aufSpeichern.

Mehrere Produkte oder Kategorien einbetten

Schritte:

  1. Erstelle über deinen Shopify-Adminbereicheine Schaltfläche "Kaufen" für ein Produkt oder eine Kategorieund kopiere anschließend den zugehörigen Einbettungscode.
  2. 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.
  3. Bearbeite die Einbettungscodes, um sicherzustellen, dass sie in der richtigen Ausrichtung angezeigt werden.
  4. Suche in deinem Wix-Konto die Website, die du im AbschnittMeine Websitesbearbeiten möchtest, und klicke dann aufWebsite bearbeiten.
  5. Klicke im Wix Website Editor auf die Schaltfläche+und anschließend aufMehr.
  6. Klicken Sie aufHTML-Code, um der Seite ein HTML-Code-Widget hinzuzufügen.
  7. Klicken Sie aufCode eingeben.
  8. Füge im DialogfeldHTML-Einstellungenden bearbeiteten Code für deine Buy Buttons in das FeldCode hier hinzufügenein und klicke dann aufAktualisieren.
  9. Ä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.
  10. Wenn du fertig bist, klicke aufSpeichern.

Skript-Tags separat hinzufügen

Bei einigen Plattformen (wie Unbounce) musst du die

  1. Öffne den Header für die Website, in die du eine Schaltfläche "Kaufen" einbetten möchtest.
  2. Füge das vollständige Element