Ecwid voor Weebly

Weeby is een eenvoudig te gebruiken sitebouwer. Hiermee kunt u sites of blogs met een responsief ontwerp maken en publiceren en uw online Ecwid-winkel eraan toevoegen. Voeg de hele winkel, categoriepagina's of Kopen-knoppen toe om klanten bestellingen te laten plaatsen zonder de website te verlaten. De winkeletalage neemt de kleuren en lettertypen van de website over, zodat hij eruitziet als een naadloos onderdeel van de website.

Weebly heeft twee editors: een sleepeditor en een nieuwe iframe-gebaseerde Square. In dit artikel vindt u de instructies voor de eerste editor. Als u de Square-editor gebruikt, is de enige manier om uw winkel toe te voegen een iframe, wat we niet aanbevelen omdat er zich technische problemen kunnen voordoen. Als u de Square-editor gebruikt, kunt u uw Ecwid-winkel toevoegen via Instant Site op een subdomein.

Ecwid-catalogus toevoegen

U kunt uw Ecwid-winkel toevoegen aan een Weebly-website met behulp van de app of de code. Om Weebly toe te voegen met de app, moet u een betaalde Weebly-abonnement hebben, evenals op een betaald Ecwid-abonnement. Als u het Weebly Free-abonnement gebruikt, kunt u de Ecwid-winkel toevoegen met de integratiecode.

De Ecwid-winkel toevoegen aan een Weebly-website:

Om de app te gebruiken moet u een betaald Weebly-account hebben. Als u Weebly gebruikt met het Free-abonnement, voegt u de winkel toe met een code.

Log in op uw Weebly-editor.
Open de Ecwid-app via deze link https://www.weebly.com/app-center/ecwid-online-store of ga naar Apps → en zoek naar Ecwid.
Klik op Knop toevoegen.
In de verschenen pop-up selecteert u een website waar u de winkel wilt toevoegen en klikt u op Koppelen.
In de andere pop-up die verschijnt, controleert u of u de juiste website heeft geselecteerd en klikt u op Koppelen.
Op de volgende pagina logt u in op uw bestaande account of maakt u een nieuw account.
Open de pagina waar u de Ecwid-winkel wilt toevoegen.
Sleep het Ecwid-pictogram uit de lijst met geïnstalleerde apps in het linkermenu van de Weebly-editor naar de pagina.
Publiceer de wijzigingen.

Eerst krijgt u de code voor uw winkel: Vanuit de Ecwid-beheerder gaat u naar Alle verkoopkanalen → Website. Scroll omlaag naar de sectie "Uw winkel aan nog een website toevoegen" en klik op Platform kiezen → Andere platformen en sitebouwers.
Klik op de knop Code kopiëren naar klembord.
Plak nu de code op uw Weebly-website: log in op uw Weebly-editor.
Open de pagina waar u de winkel wilt toevoegen.
Vanuit het menu Bouwen aan de linkerkant, sleept u het element Code integreren en plaatst u het op de pagina.
Klik op het nieuwe veld en klik op Aangepaste HTML bewerken.
Plak de winkelcode die u in stap 3 heeft gekregen.
Sla de wijzigingen op en publiceer ze.

Uw Ecwid-winkel verschijnt op de pagina en klanten kunnen van daaruit bestellingen plaatsen.

Zoekfunctie en winkelwagen toevoegen

U kunt klanten helpen sneller producten te vinden als u een zoekvak en een winkelwagen aan uw website toevoegt.

De zoekfunctie en een winkelwagen toevoegen aan uw Weebly-website:

Log in op uw Weebly-editor en open de pagina met de winkel.
In het menu aan de linkerkant, in de sectie "Geïnstalleerde apps", vindt u de blokken Ecwid-zoekfunctie voor producten en Ecwid-winkelwagen:
Kies de plaats waar u de zoekfunctie en de winkelwagen wilt toevoegen en sleep de Ecwid-blokken naar de pagina.
Klik op het ingevoegde winkelwagenblok om de rand, de lay-out, het pictogram en de positie van de winkelwagen in te stellen:
Sla de wijzigingen op en publiceer ze.

Haal de code voor het element dat u wilt toevoegen aan de website: Vanuit de Ecwid-beheerder gaat u naar Website. Scroll omlaag naar de sectie "Uw winkel aan nog een website toevoegen" en klik op Platform kiezen → Andere platformen en sitebouwers.
Klik in de sectie "Winkeluitbreidingen" op de knop Toevoegen naast het element dat u aan de website wilt toevoegen. De code wordt naar het klembord gekopieerd.
Log in op uw Weebly-editor en open de pagina met de winkel.
Vanuit het menu Bouwen aan de linkerkant sleept u het element Code integreren en plaats u het op de pagina op de plaats waar u het element wilt weergeven.
Klik op het nieuwe veld en klik op Aangepaste HTML bewerken.
Plak de code die u in stap 2 heeft gekregen.
Herhaal de stappen voor elk element om de zoekfunctie, het menu en de winkelwagen toe te voegen.

U kunt het uiterlijk kiezen van de winkelwagen dat u met een code aan de winkel toevoegt. U kunt bijvoorbeeld alleen het pictogram weergeven of het pictogram met het aantal artikelen erin. Zie hoe u het kunt aanpassen in het artikel Pictogramstijl winkelwagen aanpassen.

Standaard winkelcategorie instellen

U kunt verschillende productcategorieën maken in uw Ecwid-winkel. Bijvoorbeeld, Nieuw binnengekomen, of Producten in de uitverkoop. U kunt elke categorie met producten op uw startpagina weergeven. Om de categorie op de startpagina weer te geve, moet u die categorie instellen als de standaardcategorie die klanten te zien krijgen als ze uw winkel openen.

Een categorie of producten toevoegen aan een Weebly-website:

Log in op uw Weebly-editor.
Open de pagina waar u de winkel heeft toegevoegd of voeg de winkel toe volgens de instructie hierboven als u dat nog niet heeft gedaan.
Klik op het winkelblok en geef de standaardcategorie-ID op:
Publiceer de wijzigingen.

Haal de integratiecode voor de categorie op zoals uitgelegd in het artikel Weergegeven categorie aan nieuwe bezoekers.
Log in op uw Weebly-editor en open de pagina waar u de categorie wilt toevoegen.
Vanuit het menu Bouwen aan de linkerkant sleept u het element Code integreren en plaats u het op de pagina op de plaats waar u de categorie wilt weergeven.
Klik op het nieuwe veld en klik op Aangepaste HTML bewerken.
Plak de code uit stap 1.
Publiceer de wijzigingen.

Eén product uitlichten op een pagina

Stel dat u een aparte pagina op uw website heeft gewijd aan een bepaald product in uw winkel. En u wilt dat klanten dat product kopen zonder de pagina te verlaten. Dat is absoluut mogelijk met de Ecwid-functie Kopen-knoppen.

Om een product op een pagina weer te geven plakt u de Kopen-knopcode op de pagina via het Weebly-element Code integreren. Zie de instructies voor het verkopen met Kopen-knoppen.