Ecwid voor elke website

Met Ecwid kunt u in enkele minuten uw hele winkel, categorieën, afzonderlijke productkaarten of koopknoppen toevoegen aan een bestaande website of blog. In enkele minuten koppelt u de Ecwid-winkel aan uw site in WordPress, Wix, Weebly, Joomla en nog vele andere.

U kunt de winkel ook toevoegen aan andere websitebouwers of op maat gebouwde websites. U hoeft alleen maar de winkelcode in uw pagina te plakken en klanten kunnen meteen rechtstreeks op uw website beginnen te kopen.

Ecwid toevoegen aan websitebouwers en CMS

Ecwid heeft plug-ins (ook wel "apps" of "extensies" genoemd) voor de meest populaire websitebouwers en content management systemen (CMS). Hiermee kunt u zonder enige code een winkel aan een website toevoegen.

Meestal werkt een plug-in op de volgende manier: u installeert hem op de website, logt in op uw Ecwid-account, slaat de wijzigingen op en dat is het! Uw winkel verschijnt op de website.

Hieronder vindt u de lijst van websitebouwers of CMS'en waarvoor we plug-ins hebben. Klik op degene die u gebruikt om de instructies te bekijken over hoe u daar uw Ecwid-winkel kunt toevoegen:

• WordPress
• Wix
• Weebly (in het Engels)
• Joomla (in het Engels)
• RapidWeaver (in het Engels)
• Drupal (in het Engels)

Er zijn ook een groot aantal andere websitebouwers die u helpen een website te maken zonder enige programmeerkennis. Bij de meeste daarvan is het toevoegen van aangepaste codes toegestaan. Dat betekent dat u ook uw Ecwid-winkel ook aan die websites kunt toevoegen.

We hebben stapsgewijze instructies opgesteld voor het toevoegen van de Ecwid-store aan uw website als u de volgende apps gebruikt:

• Squarespace (in het Engels)
• Blogger (in het Engels)
• Tumblr (in het Engels)
• Flexbe (in het Engels)
• en vele andere websitebouwers. Bekijk hier de lijst: Ecwid voor verschillende sites.

Ecwid toevoegen aan een op maat gebouwde website

Als uw websitebouwer niet in de lijsten hierboven staat of u een op maat gebouwde website heeft, kunt u nog steeds uw Ecwid-winkel toevoegen als u aangepaste codes aan de website kunt toevoegen. Dat kan een ingesloten HTML of een brontabblad zijn, of een speciaal blok of speciale instelling waar u de code van de Ecwid-winkel kunt toevoegen.

Bekijk deze korte video's over hoe u uw Ecwid-winkel toevoegt aan een op maat gebouwde site:

Dit is een instructie voor het toevoegen van een Ecwid-winkel aan een website:

1. Ga in uw Ecwid-beheerder naar Website.
2. Scrol naar beneden naar "Uw winkel toevoegen aan nog een website" en klik op Platform → Andere platforms en sitebouwers.
3. Klik Code kopiëren naar klembord. Dit is de code van uw winkel.
4. Anders kunt u de integratiecode hier kopiëren. Vergeet niet om in het voorbeeld hieronder 1003 te vervangen door uw winkel-ID. Deze ziet u linksonder in de hoek van uw bedieningspaneel:
   
   <div id="my-store-1003"></div>
   <div>
   <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1003&data_platform=code" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("id=mijn-winkel-1003");</script>
   </div>
 
5. Ga naar de editor van uw website en open de pagina waarop u de winkel wilt laten zien.
6. Plak de code in de broncode van de pagina. Dat kan HTML of een brontabblad zijn of een aparte knop om codes toe te voegen. Dat varieert afhankelijk van de website. Als u niet zeker weet hoe u aangepaste codes aan uw website kunt toevoegen, neem dan contact op met de websiteontwikkelaar voor meer gedetailleerde instructies.
7. Sla de wijzigingen op en publiceer de pagina.

Uw winkel verschijnt nu op de website en klanten kunnen bestellingen gaan plaatsen.

Winkel-extensies toevoegen aan een op maat gebouwde website

U kunt extensies aan uw website toevoegen om klanten te helpen bij het navigeren door de site zodat ze gemakkelijker vinden waar ze naar op zoek zijn. 
U kunt de volgende winkelextensies aan uw site toevoegen:

• Extra boodschappentas. Het geeft aan hoeveel artikelen er in het mandje zitten, waardoor klanten misschien eerder naar de winkelwagenpagina gaan om de inhoud te bekijken en een aankoop af te ronden.
• Menu met categorieën. In het menu worden uw winkelcategorieën horizontaal weergegeven met tabbladen, zodat klanten kunnen zien wat voor soort producten u aanbiedt en sneller kunnen vinden wat ze zoeken.
• Zoekveld voor producten. In het zoekveld kunnen klanten producten zoeken op naam, SKU, naam van opties of andere kenmerken. Zo vinden ze het specifieke product dat ze nodig hebben en hoeven ze niet door alle winkelpagina's te bladeren.

Als u deze extensies wilt toevoegen aan een op maat gebouwde website, gebruikt u dezelfde instructies als bij het toevoegen van een winkelcatalogus aan een site. Als u een websitebouwer of CMS gebruikt en Ecwid toevoegt via een plug-in, kunt u de extensie meestal in de instellingen voor plug-ins toevoegen. Kijk in de instructies voor de websitebouwer of CMS die u gebruikt.

FAQ

Wanneer ik klik op de extensie voor winkelwagen/zoeken/menu, zie ik die in een pop-upvenster. Hoe kan ik dit openen op een pagina in plaats van een pop-upvenster?

Uw winkelcatalogus wordt in een pop-upvenster geopend als u aan uw pagina alleen winkelextensies heeft toegevoegd (pictogram voor boodschappentas, zoekveld, winkelmenu of losse productkaarten/koopknoppen), maar niet de winkelcatalogus aan die pagina heeft toegevoegd. Aangezien er geen pagina is met de winkelcatalogus, verschijnen de producten in een pop-upvenster als u op een menu-item of het winkelwagenpictogram klikt.

Als u de inhoud niet in een pop-upvenster maar op de pagina wilt laten zien, kunt u eenvoudig uw winkelcatalogus toevoegen aan uw pagina. Volg de instructies voor het toevoegen van Ecwid aan een websitebouwer of een op maat gebouwde website. Wanneer u uw winkelcatalogus niet aan deze pagina wilt toevoegen, kunt u klanten ook doorsturen naar een andere pagina waar uw winkel op staat.

Pop-ups verwijderen en klanten doorsturen naar een andere pagina met uw winkelcatalogus:

1. Ga naar de achterkant van uw website.
2. Voeg de volgende code toe aan de broncode van uw website en vervang PB_URL door de link naar de pagina met uw winkelcatalogus, bijv. https://www.voorbeeld.com/winkel:
   

   <script>var ecwid_ProductBrowserURL = "PB_URL";</script>

3. Sla op en publiceer de wijzigingen op uw website.

Als klanten hierna op de winkelwagenpagina op een sitemenu of op de knop "Bladeren door winkel" klikken, worden ze doorgestuurd naar de pagina met uw winkel.