Wissensdatenbank
Leitfäden
Academy
Video-Tutorials
Versuchen Sie es mit:
Zuletzt angesehene Artikel:

Inhaltsverzeichnis

Verkaufen auf Squarespace mit Ecwid

Squarespace ist ein beliebter Website-Builder mit vordefinierten Vorlagen und Drag & Drop-Elementen, der Ihnen bei der Erstellung und Bearbeitung von Webseiten unterstützend zur Seite steht. Sie können einen Ecwid-Online-Shop zu Ihrer Squarespace-Webseite hinzufügen, um mit dem Online-Verkauf zu beginnen.

Ecwid und Square Squarespace sind zwei grundsätzlich unterschiedliche Dinge. Ecwid ist eine E-Commerce-Lösung, mit der Sie Ihren Online-Shop von Grund auf erstellen können. Sobald Sie sich bei Ecwid registriert und ein Konto angelegt haben, können Sie Ihren Online-Shop auf Ihrer Squarespace-Webseite einbinden, sodass Ihre Kunden Produkte in den Warenkorb legen und den Kassenvorgang abwickeln können. Später können Sie dann Ihren Shop auf andere Vertriebskanäle wie Facebook, Instagram oder Amazon erweitern.

Um einen Ecwid-Shop zu Ihrer Squarespace-Webseite hinzuzufügen, müssen Sie das Squarespace-Business- oder Commerce-Paket gebucht haben. Bei Ecwid ist das mit jedem Paket möglich, einschließlich des Free-Pakets.

Hinzufügen eines Shops zu Squarespace

So fügen Sie einen Ecwid-Shop zu Squarespcace hinzu:

  1. Gehen Sie von Ihrer Ecwid-Verwaltung aus zu Übersicht → Squarespace.
  2. Kopieren Sie zuerst den Integrationscode, indem Sie auf Code in die Zwischenablage kopieren klicken:

    Selling_on_Squarespace__7_.png

  3. Öffnen Sie in Ihrem Squarespace-Konto das Menü Startseite, klicken Sie auf Seiten und wählen SIe die Seite aus, auf der Ihr Shop erscheinen soll, oder fügen Sie eine neue Seite hinzu:

    Selling_on_Squarespace__3_.png

  4. Fahren Sie mit der Maus über den Seitenbereich und klicken Sie auf Bearbeiten:

    Selling_on_Squarespace__2_.png

  5. Fahren Sie mit der Maus über die Seite und klicken Sie auf Abschnitt hinzufügen, um einen neuen Inhaltsblock zu dieser Seite hinzuzufügen und wählen Sie dann links die Option Leer hinzufügen + + aus:

    Selling_on_Squarespace__5_.png

  6. In der Mitte Ihrer Seite wird ein Block hinzugefügt. Fahren Sie mit der Maus über die Mitte des Blocks. Klicken Sie auf das Pluszeichen (+), um die Optionen für den Block anzuzeigen und klicken Sie auf </>Code.
  7. Löschen Sie im Pop-up den Beispiel-Code und fügen Sie Ihren Ecwid-Shop-Code hinzu, den Sie in Schritt 2 kopiert haben. Dieser wird automatisch gespeichert.
  8. (optional) Sie können Shop-Erweiterungen wie Kategorie-Navigationsmenü, Zusätzlicher Warenkorb und das Feld Produktsuche Ihrer Shop-Seite hinzufügen. Gehen Sie dazu zu Ecwid-Verwaltung → Übersicht → Squarespace, scrollen Sie nach unten zu Shop-Erweiterungen, wählen Sie die Erweiterung, die Sie hinzufügen möchten, und kopieren Sie den Code in den Codeabschnitt auf Squarespace, wo Sie zuvor den Ecwid-Integrationscode hinzugefügt haben. Sie erscheinen auf der Seite in der gleichen Reihenfolge wie ihre Codes hinzugefügt werden.
    Um eine bestimmte Kategorie oder ein Produkt anstelle des gesamten Shops hinzuzufügen, verwenden Sie einen der folgenden Codes als den ersten Teil des Ecwid-Integrationscodes:
    <div id='my-store-0000' data-default-category-id='1111'></div>
    <div id='my-store-0000' data-default-product-id='2222'></div>

    Ersetzen Sie 0000 durch Ihre Shop-ID (auf Englisch). Ersetzen Sie 2222 und 1111 mit der entsprechenden Kategorie oder Produkt-ID (auf Englisch).
  9. Nun müssen Sie den Skriptcode von Ecwid zu Squarespace hinzufügen. Gehen Sie von Ihrer Ecwid-Verwaltung aus erneut zu Übersicht → Squarespace und klicken Sie auf das zweite Code in die Zwischenablage kopieren, um einen Skriptcode zu erhalten, den Sie zur Fußzeile Ihrer Webseite hinzufügen müssen:

    Selling_on_Squarespace__1_.png

  10. Kehren Sie zu Ihrem Squarespace-Konto zurück und navigieren Sie im Menü Home zu Einstellungen → Erweitert → Code-Injektion.
  11. Fügen Sie im Abschnitt Fußzeile den Skriptcode ein, den Sie in Schritt 9 kopiert haben.
  12. Tippen Sie auf Speichern in der oberen Linken Ecke.

Fertig! Ihr Ecwid-Online-Shop ist nun in Ihre Squarespace-Webseite eingebettet.

Selling_on_Squarespace__6_.png

Hinzufügen von zwei Shops zu Squarespace

Wenn du zwei Shops betreibst, die einen separaten Warenbestand an zwei Orten haben, oder wenn Sie einen zweiten Online-Shop einrichten wollen, um Großhandelsprodukte und Bestellungen von Einzelhandelsgeschäften zu trennen, können Sie zwei Ecwid-Shops zu einer Squarespace-Webseite hinzufügen.

Es gibt keine Möglichkeit, zwei Shops auf der gleichen Seite Ihrer Squarespace-Webseite hinzuzufügen. Dennoch können Sie Ecwid-Shops auf verschiedenen Seiten Ihrer Webseite hinzufügen. Auf diese Weise haben Sie zwei Shops auf einer Webseite.

So fügen Sie zwei Ecwid-Shops zu Ihrer Squarespcace-Webseite hinzu:

  1. Öffnen Sie in Ihrem Squarespace-Konto das Menü Startseite, klicken Sie auf Seiten und wählen Sie die Seite aus, auf der Ihr erster Shop erscheinen soll, oder fügen Sie eine neue Seite hinzu:

    Selling_on_Squarespace__3_.png

  2. Fahren Sie mit der Maus über den Seitenbereich und klicken Sie auf Bearbeiten:

    Selling_on_Squarespace__2_.png

  3. Klicken Sie auf Abschnitt hinzufügen, um einen neuen Inhaltsblock zu dieser Seite hinzuzufügen und wählen Sie dann links die Option Leer hinzufügen + aus:

    Selling_on_Squarespace__5_.png

  4. In der Mitte Ihrer Seite wird ein Block hinzugefügt. Fahren Sie mit der Maus über die Mitte des Blocks. Klicken Sie auf das Pluszeichen (+), um die Optionen für den Block anzuzeigen und klicken Sie auf </>Code.
  5. Gehen Sie von Ihrer Ecwid-Verwaltung aus zu Übersicht → Squarespace. Kopieren Sie sowohl den Ecwid-Integrationscode als auch den Ecwid-Skriptcode in das Popup-Fenster in Ihrem Squarespace Site-Editor. Es wird automatisch gespeichert.
  6. (optional) Sie können Shop-Erweiterungen wie Kategorie-Navigationsmenü, Zusätzlicher Warenkorb und Produktsuche-Feld zu Ihrer Shop-Seite hinzufügen. Gehen Sie dazu zu Ecwid-Verwaltung → Übersicht → Squarespace, scrollen Sie nach unten zu Shop-Erweiterungen, wählen Sie die Erweiterung die Sie hinzufügen möchten, und kopieren Sie den Code in den Codeabschnitt auf Squarespace, wo Sie zuvor Codes hinzugefügt haben. Sie erscheinen auf der Seite in der gleichen Reihenfolge wie ihre Codes hinzugefügt werden.
  7. Speichern Sie die Änderungen.
  8. Wiederholen Sie die obigen Schritte für den zweiten Shop.
Um eine bestimmte Kategorie oder ein Produkt anstelle des gesamten Shops hinzuzufügen, verwenden Sie einen der folgenden Codes als den ersten Teil des Ecwid-Integrationscodes:
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Ersetzen Sie 0000 durch Ihre Shop-ID (auf Englisch), 2222 und 1111 mit der jeweiligen Kategorie oder Produkt-ID (auf Englisch).

Fertig! Ihr Ecwid-Online-Shop ist nun in Ihre Squarespace-Webseite eingebettet.

two_Ecwid_stores_on_Squarespace.png

Wenn die Shop-Seite nicht mit der Navigation verlinkt ist, stellen Sie sicher, dass Sie sie in das Menü Ihrer Webseite verschieben und beginnen Sie mit der Annahme von Online-Bestellungen.

Verwandte Artikel

Produkte auf Instagram markieren
Verkaufen auf Facebook

War dieser Beitrag hilfreich?

Großartig! Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback!

Das tut uns leid! Was ist schief gelaufen?
63 von 109 fanden dies hilfreich
10
Wir verwenden Cookies und ähnliche Technologien, um Ihre Präferenzen zu speichern, die Effektivität unserer Kampagnen zu messen und anonymisierte Daten zu analysieren, um die Leistung unserer Website zu verbessern. Mit der Auswahl von „Akzeptieren“ stimmen Sie der Verwendung von Cookies zu.
Cookies akzeptieren Ablehnen