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.

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 Verkaufskanäle → Squarespace.
2. Kopieren Sie zuerst den Integrationscode, indem Sie auf Code in die Zwischenablage kopieren klicken:
   

   

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:
   

   

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

   

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:
   

   

6. In der Mitte Ihrer Seite wird ein Block hinzugefügt. Fahren Sie mit der Maus über die Mitte des Blocks. Klicken Sie auf + Block hinzufügen, 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. Ändern Sie die Größe des Codeblocks, um sicherzustellen, dass Ihr Geschäft in der richtigen Größe erscheint.
9. (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 → Verkaufskanäle → 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. Ersetzen Sie 2222 und 1111 mit der entsprechenden Kategorie oder Produkt-ID (auf Englisch).
10. Nun müssen Sie den Skriptcode von Ecwid zu Squarespace hinzufügen. Gehen Sie von Ihrer Ecwid-Verwaltung aus erneut zu Verkaufskanäle → 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:
    

    

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

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

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:
   

   

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

   

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:
   

   

4. In der Mitte Ihrer Seite wird ein Block hinzugefügt. Fahren Sie mit der Maus über die Mitte des Blocks. Klicken Sie auf + Block hinzufügen, um die Optionen für den Block anzuzeigen und klicken Sie auf </>Code.
5. Gehen Sie von Ihrer Ecwid-Verwaltung aus zu Verkaufskanäle → 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. Ändern Sie die Größe des Codeblocks, um sicherzustellen, dass Ihr Geschäft in der richtigen Größe erscheint.
7. (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 → Verkaufskanäle → 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.
8. Speichern Sie die Änderungen.
9. Wiederholen Sie die obigen Schritte für den zweiten Shop.

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

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.

Hinzufügen eines einzelnen Produkts zu Squarespace

Sie können eine reguläre Seite Ihrer Squarespace-Website in einen Verkaufskanal verwandeln, indem Sie einen Kaufbutton hinzufügen. Der Kaufbutton von Ecwid sieht aus wie eine Produktkarte mit der Option zur Kasse zu gehen und kann zu jeder Website hinzugefügt werden. Ein Kaufbutton ist auch ein ideales Hilfsmittel, wenn Sie nicht den gesamten Katalog in Ihre Website einfügen und nur ein Produkt vorstellen möchten.

So fügen Sie einen Kaufbutton zu Ihrer Squarespace-Website hinzu:

1. Gehen Sie in der Ecwid-Verwaltung zu Verkaufskanäle.
2. Blättern Sie nach unten zur Karte Kaufbuttons und klicken Sie auf Loslegen.
3. Klicken Sie auf Produkt aussuchen und verwenden Sie die Suchleiste, um ein Produkt auszuwählen, das Sie einbetten möchten.
4. Wählen Sie ein Layout und legen Sie fest, welche Produktdetails angezeigt werden sollen.
5. Klicken Sie auf Code generieren und dann auf Code kopieren.
6. Öffnen Sie Ihr Squarespace-Dashboard und wählen Sie die Seite aus, auf der Ihr Kaufbutton erscheinen soll.
7. Klicken Sie auf Seiten, wählen Sie die Webseite für den Kaufbutton und klicken Sie auf Bearbeiten.
8. Suchen Sie nach dem Element auf der Seite, in dem die Kaufen-Schaltfläche erscheinen soll, bewegen Sie den Cursor über den Seiteninhaltsbereich und klicken Sie dann auf + Block hinzufügen.
9. Wählen Sie im Popup-Menü Code.
10. Fügen Sie in das Textfeld den Code ein, den Sie von Ihrer Ecwid-Verwaltung kopiert haben. Vergewissern Sie sich, dass das Textfeld für HTML konfiguriert ist. Ändern Sie bei Bedarf die Größe des Blocks, damit die Schaltfläche die richtige Größe hat.
11. Klicken Sie auf Fertig, um die Änderungen zu speichern.

Das war's! Jetzt haben Sie eine Produktkarte in Ihre Webseite integriert. Wenn nun jemand auf „Jetzt kaufen“ oder „In den Warenkorb“ klickt, wird das Produkt dem Warenkorb hinzugefügt, und die Bestellung kann aufgegeben werden, ohne Ihre Website zu verlassen:

Verwandte Artikel

Produkte auf Instagram markieren
Verkaufen auf Facebook