Verkopen op Squarespace met Ecwid

Squarespace is een populaire websitebouwer met vooraf gebouwde sjablonen en sleepelementen waarmee u webpagina's kunt maken en aanpassen. U kunt een online Ecwid-winkel toevoegen aan uw Squarespace-site om te beginnen met online verkoop.

In wezen zijn Ecwid en Squarespace twee verschillende dingen. Ecwid is een e-commerce-oplossing waarmee u uw online winkel vanaf nul kunt opbouwen. Nadat u zich heeft aangemeld voor een Ecwid-account, kunt u uw online winkel integreren op uw Squarespace-website zodat uw klanten daar producten aan de winkelwagen kunnen toevoegen en afrekenen. Later kunt u uw winkel uitbreiden naar andere verkoopkanalen zoals Facebook, Instagram of Amazon.

Om een Ecwid-winkel aan uw Squarespace-site toe te voegen, moet u een Squarespace Business- of Commerce-abonnement hebben. Op Ecwid kunt u op elk abonnement hebben.

Een winkel toevoegen aan Squarespace

Een Ecwid-winkel toevoegen aan Squarespace:

Ga in de Ecwid-beheerder naar Verkoopkanalen → Squarespace.
Kopieer eerst de integratiecode door te klikken op Code kopiëren naar klembord:
In uw Squarespace-account opent u het menu Start, klikt u op Pagina's en selecteert u de pagina waar u uw winkel wilt weergeven of voegt u een nieuwe pagina toe:
Beweeg uw muis over het paginagebied en klik op Bewerken:
Beweeg uw muis over de pagina en klik op Sectie toevoegen om een nieuw inhoudsblok aan deze pagina toe te voegen, selecteer vervolgens de optie Lege toevoegen + aan de linkerkant:
U ziet dat er een blok wordt toegevoegd in het midden van uw pagina. Beweeg uw muis over het midden van het blok. Klik op + Blok toevoegen om de blokinhoudsopties te zien en klik op </> Code.
Verwijder in het pop-upvenster de voorbeeldcode en voeg uw Ecwid-winkelcode toe die u bij stap 2 heeft gekopieerd. Het wordt automatisch opgeslagen. Zorg ervoor dat u HTML selecteert in de rechterbovenhoek van de pop-up.
Wijzig de grootte van het codeblok om ervoor te zorgen dat uw winkel in de juiste grootte verschijnt.
(optioneel) U kunt winkelextensies zoals Categorienavigatiemenu, Extra boodschappentas, en 0>vak Productzoekveld toevoegen aan uw winkelpagina. Ga hiervoor naar de Ecwid-beheerder → Verkoopkanalen → Squarespace, scroll omlaag naar Winkelextensions, kies de extensie die u wilt toevoegen en kopieer de code naar het Codeblok op Squarespace waar u eerder de Ecwid-integratiecode heeft toegevoegd. Ze verschijnen op de pagina in dezelfde volgorde als hun codes zijn toegevoegd. Zorg ervoor dat u de grootte van het blok aanpast, zodat uw inhoud op de pagina past.
Om een bepaalde categorie of een product toe te voegen in plaats van de hele winkel, gebruikt u een van de onderstaande codes als eerste deel van de Ecwid-integratiecode:
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Vervang 0000 door uw winkel-ID. Vervang 2222 en 1111 door de respectievelijke categorie of product ID.
Nu moet u de scriptcode van Ecwid toevoegen aan Squarespace. Ga vanuit de Ecwid-beheerder weer naar Verkoopkanalen → Squarespace en klik op de tweede Code kopiëren naar klembord om een scriptcode op te halen die u moet toevoegen aan de voettekst van uw site:
Ga terug naar uw Squarespace-account en navigeer in het menu Start naar Website → Pagina's → Websitehulpmiddelen → Code invoeren.
Plak in de sectie Voettekst de scriptcode die u bij stap 9 heeft gekopieerd.
Klik op Opslaan in de linkerbovenhoek.

Klaar! Nu is uw online Ecwid-winkel geïntegreerd in uw Squarespace-site.

Twee winkels toevoegen aan Squarespace

Als u twee winkels heeft met afzonderlijke voorraden op twee locaties of als u een tweede online winkel wilt opzetten om groothandelsproducten en bestellingen te scheiden van die voor de detailhandel, kunt u twee Ecwid-winkels toevoegen aan één Squarespace-site.

Er is geen optie om twee winkels toe te voegen op dezelfde pagina van uw Squarespace site. Toch kunt u Ecwid-winkels toevoegen op verschillende pagina's van uw website. Op die manier heeft u twee winkels op één site.

Twee Ecwid-winkels toevoegen aan uw Squarespace-site:

In uw Squarespace-account opent u het menu Start, klikt u op Pagina's en selecteert u de pagina waar u uw eerste winkel wilt weergeven of voegt u een nieuwe pagina toe:
Beweeg uw muis over het paginagebied en klik op Bewerken:
Klik op Sectie toevoegen om een nieuw inhoudsblok aan deze pagina toe te voegen, selecteer vervolgens de optie Lege toevoegen + aan de linkerkant:
U ziet dat er een blok wordt toegevoegd in het midden van uw pagina. Beweeg uw muis over het midden van het blok. Klik op + Blok toevoegen om de blokinhoudsopties te zien en klik op </> Code.
Ga in de Ecwid-beheerder naar Verkoopkanalen → Squarespace. Kopieer zowel de Ecwid-integratiecode als de Ecwid-script-code naar de codepop-up in uw Squarespace-site-editor. Het wordt automatisch opgeslagen. Zorg ervoor dat u HTML selecteert in de rechterbovenhoek van de pop-up.
Wijzig de grootte van het codeblok om ervoor te zorgen dat uw winkel in de juiste grootte verschijnt.
(optioneel) U kunt winkelextensies zoals Categorienavigatiemenu, Extra boodschappentas, en 0>vak Productzoekveld toevoegen aan uw winkelpagina. Ga hiervoor naar de Ecwid-beheerder → Verkoopkanalen → Squarespace, scroll omlaag naar Winkelextensions, kies de extensie die u wilt toevoegen en kopieer de code naar het Codeblok op Squarespace waar u eerder de codes heeft toegevoegd. Ze verschijnen op de pagina in dezelfde volgorde als hun codes zijn toegevoegd.
Sla de wijzigingen op.
Herhaal bovenstaande stappen voor de tweede winkel.

Als u een bepaalde categorie of een product wilt toevoegen in plaats van de hele winkel, gebruikt u een van de onderstaande codes als eerste deel van de Ecwid-integratiecode:
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Vervang 0000 door uw winkel-ID, 2222 en 1111 door de respectievelijke categorie- of product-ID.

Klaar! Nu is uw online Ecwid-winkel geïntegreerd in uw Squarespace-site.

Als de winkelpagina niet is gekoppeld aan de navigatie, moet u deze verplaatsen naar uw sitemenu en beginnen met het accepteren van online bestellingen.

Koop-knop toevoegen aan Squarespace

U kunt van uw gewone pagina op een Squarespace-site een verkoopkanaal maken door een koop-knop toe te voegen. De knoopknop van Ecwid ziet eruit als een productkaart met de mogelijkheid om af te rekenen en kan worden toegevoegd aan elke websitepagina. Een koop-knop is ook een geweldige tool als u niet de hele catalogus aan uw site wilt toevoegen en slechts één product wilt weergeven.

Om een koop-knop te integreren, moet u een Business- of Commerce Squarespace-abonnement hebben.

Een koop-knop toevoegen aan uw Squarespace-site:

Ga in de Ecwid-beheerder naar Verkoopkanalen.
Scroll omlaag naar de kaart Koop-knoppen en klik op Aan de slag.
Klik op Product kiezen gebruik de zoekbalk om een product te kiezen dat u wilt integreren.
Kies een lay-out en kies welke productgegevens moeten worden weergegeven.
Klik op Code genereren en vervolgens op Code kopiëren.
Open uw Squarespace-dashboard en kies de site waar u uw koop-knop wilt weergeven.
Klik op Pagina's, selecteer de webpagina voor een koop-knop en klik op Bewerken.
Zoek het element op de pagina waar u uw koop-knop wilt weergeven, beweeg uw cursor over het gebied met pagina-inhoud, en klik vervolgens op + Blok toevoegen.
Selecteer in het pop-upmenu Code.
Plak in het tekstveld de code die u heeft gekopieerd uit de Ecwid-beheerder. Zorg ervoor dat het tekstveld is ingesteld om HTML te ontvangen. Wijzig de grootte van het blok indien nodig om de knop de juiste grootte te geven.
Klik op Klaar om de wijzigingen op te slaan.

Dat is alles! Nu heeft u een productkaart geïntegreerd in uw webpagina. Wanneer een klant op de knop Nu kopen of Toevoegen aan winkelwagen klikt, wordt het product aan de winkelwagen toegevoegd en kan hij zijn bestelling voltooien zonder uw site te verlaten: