Uw winkel toevoegen aan elke website

U kunt in enkele minuten uw hele online winkel, widgets, losse productkaarten of koopknoppen insluiten in elke bestaande website of blog. U hoeft alleen maar de winkelcode in uw websitepagina te plakken en klanten kunnen meteen rechtstreeks op uw website beginnen te kopen. Het is net zo eenvoudig als kopiëren en plakken.

Een hele winkel toevoegen aan een bestaande website

U kunt uw hele online winkel aan een andere website toevoegen als u aangepaste code aan die site kunt toevoegen. Er is misschien een HTML-tekst, brontabblad, speciaal blok of speciale instelling waarin u uw winkelcode kunt plakken.

Dit zijn de algemene instructies voor het toevoegen van een online winkel aan een website:

1. Ga in het bedieningspaneel van uw winkel naar Verkoopkanalen.
2. Ga naar het gedeelte  "Verkoop op uw website" en klik op Meer informatie naast "Maatwerk website". 
3. Klik op Code kopiëren naar klembord. Dit is de kant-en-klare code voor uw winkel.
4. Ga naar uw website-editor en open de pagina waar u de winkel wilt laten zien.
5. Plak de code in de broncode van die pagina. Er kan een HTML-tekst, brontabblad of een aparte knop zijn om code toe te voegen - dit varieert per website. Als u niet zeker weet hoe u aangepaste codes aan uw website kunt toevoegen, neem dan contact op met uw websiteontwikkelaar voor meer gedetailleerde instructies.
6. Sla de wijzigingen op en publiceer ze.

Na het publiceren staat uw winkel op de website. Uw klanten kunnen bestellingen gaan plaatsen en u kunt beginnen deze te verwerken.

Een categorie producten toevoegen aan een bestaande website

U kunt ook alleen een bepaalde categorie producten toevoegen aan uw website. Op die manier kunt u op verschillende pagina's van de website, of zelfs op verschillende websites, verschillende producten weergeven. Alle bestellingen verschijnen in uw winkelbeheerder of in uw mobiele iOS- of Android-apps.

Producten uit een bepaalde categorie op uw website tonen:

1. Kopieer deze code:
   

   <div id="my-store-STOREID"></div> <div><script data-cfasync="false" type="text/javascript" src="https://app.shopsettings.com/script.js?STOREID&data_platform=code" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("id=my-store-STOREID", "defaultCategoryId=CATEGORYID"); </script></div>

2. Vervang STOREID in de code door uw winkel-ID. U kunt de winkel-ID kopiëren van de ID onderin de winkelbeheerder.
3. Vervang CATEGORYID in de code door de ID van de categorie die u wilt toevoegen aan een sitepagina. Om de categorie-ID te vinden, gaat u naar de winkelbeheerder en opent u de categorie die u op de website wilt plaatsen. Vervolgens kopieert u de ID uit de adresbalk van de browser. U ziet na "id=" een aantal cijfers staan. Dat is de product- of categorie-ID.
4. Zet de bijgewerkte code in de broncode van uw sitepagina, sla de wijzigingen op en controleer het resultaat.

Dat is alles. De categorie die is opgegeven in de integratiecode staat nu op uw site. Herhaal de bovenstaande stappen voor andere categorieën of om een categorie aan verschillende websitepagina's toe te voegen.

Koopknoppen of losse productkaarten toevoegen aan een bestaande website

U kunt ook overal op uw site meteen producten verkopen door koopknoppen te gebruiken. De producten kunnen op uw blogpagina, in de zijbalk of op een andere plaats op uw site worden toegevoegd. Door op de knop Kopen te klikken, kunnen klanten direct een bestelling plaatsen.

Voor het afzonderlijk toevoegen van producten moet u de code van het gewenste product kopiëren en plakken op de pagina van de website waar u het product wilt tonen.

Een los product toevoegen aan een websitepagina:

1. Ga in de winkelbeheerder naar de pagina Verkoopkanalen.
2. Scroll naar beneden naar de kaart met Koopknoppen, klik op Aan de slag en volg de wizard.
3. Gebruik de zoekbalk om een product te kiezen dat u wilt insluiten.
4. Pas de lay-out van de koopknop aan en stel het uiterlijk in. Tijdens het aanpassen van de knop ziet u een voorbeeld van de wijzigingen.
5. Klik op Code genereren.
6. Klik op Code kopiëren.
7. Log nu in op de back-end van uw website en open de pagina waar u de knop Kopen wilt weergeven.
8. Plak de integratiecode op de pagina. Afhankelijk van uw website kan dat een HTML- of brontabblad zijn of een aparte knop om code toe te voegen. 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.
9. Sla de pagina op en publiceer hem.

En u bent klaar! Uw klanten zien nu een prachtige productkaart of Koopknop.