Koopknop instellen op een website

Met de Ecwid-koopknop kunt u via een eenvoudig stukje code een aanpasbare productkaart en veilig checkoutproces insluiten op een externe website, in een blog of op een ander platform dan Ecwid. U kunt kiezen tussen een productkaart op volledige grootte met de productafbeelding, beschrijving en prijs, of een compacte versie met alleen een knop. Klanten kunnen bladeren, artikelen aan hun winkelwagen toevoegen en de aankoop voltooien, allemaal zonder uw site te verlaten.

Alle updates van een product in de Ecwid-beheeromgeving worden automatisch doorgevoerd op de koopknop. U kunt de tekst, kleur en weergave eenvoudig aanpassen aan uw merk. Bestellingen die via een koopknop worden geplaatst, verschijnen op de pagina Verkopen → Bestellingen, waar u ze eenvoudig kunt volgen en beheren.

Manieren om koopknoppen te gebruiken

De Ecwid-koopknop is een veelzijdige tool waarmee u op vrijwel elk online platform producten, diensten en abonnementen kunt verkopen of zelfs donaties kunt accepteren. Omdat het een in te sluiten, klikbare knop is, kunt u deze toevoegen aan websites, blogs, e-mails en zelfs berichten op sociale media. Zo wordt elke digitale ruimte omgezet in een winkeletalage waarin meteen kan worden afgerekend.

Dit zijn enkele handige manieren om koopknoppen te gebruiken:

Rechtstreeks vanuit uw blog verkopen: Sluit een koopknop in blogberichten in om producten die gerelateerd zijn aan uw inhoud te presenteren en te verkopen.
Producten op uw bestaande website uitlichten: zorg dat uw meest verkochte of uitgelichte artikelen op elke pagina zichtbaar zijn.
Checkout toevoegen aan bestaande productpagina's: als er al productvermeldingen op uw site staan, voegt u eenvoudig een koopknop in om online afrekenen in te schakelen.
Een productpresentatie maken: maak een speciale pagina waarop u elk voordeel van uw product uitlicht, compleet met een directe koopknop voor eenvoudig afrekenen.

Met de Ecwid-koopknop kan elke online ruimte een verkoopkanaal worden, waardoor u eenvoudiger dan ooit klanten bereikt en het aantal conversies kunt verhogen.

Voordat u begint

Om de Ecwid-koopknop te gaan gebruiken, moet u eerst een Ecwid-account instellen—u heeft alleen uw naam en e-mail nodig. Nadat u zich heeft geregistreerd, voert u de volgende stappen uit om aan de slag te gaan:

Een product toevoegen. Stel ten minste één product in uw Ecwid-winkel in, dat u wilt verkopen via de koopknop.
Schakel een ondersteunde betalingsgateway in. U moet werken met een betalingsverwerker die betalingen via de koopknop accepteert. Om de beschikbare opties in uw land of regio te controleren, raadpleegt u de Betaalopties per land.
Stel een verzendmethode in. Lees meer over De juiste verzendstrategie kiezen voor u.
Voltooi de instelling van uw winkel. Als u nieuw bent bij Ecwid, is het handig om de handleiding Aan de slag met Ecwid door te nemen om de winkelinstellingen, verzending en belastingen in te stellen.

Zodra uw winkel klaar is, kunt u koopknoppen genereren en deze insluiten op uw website, blog of andere online platforms zodat klanten gemakkelijk kunnen winkelen.

Lay-outs van koopknoppen

Er zijn drie manieren om een koopknop op uw site weer te geven: een knop, compact of op volledige grootte:

Lay-out	Gebruiksvoorbeeld
Alleen een knop	Alleen een Nu kopen-knop zonder afbeelding of prijs. Dit is de beste optie voor blogposts en pagina's met volledige productbeschrijvingen. Als u bijvoorbeeld een product beschrijft of het al op de pagina heeft gepresenteerd, voeg dan een koopknop toe om online afrekenen aan te bieden.
Compact	Een minimalistische productkaart met een Nu kopen-knop. Dit is het meest geschikt voor sitepagina's met een gedetailleerde productbeschrijving. Voeg een korte productsamenvatting toe met de afbeelding, naam en prijs. Daarnaast kunt u productopties, invoervelden en een aantal weergeven. Als u een verkoopprijs heeft voor dit product, wordt deze ook weergegeven.
Volledige grootte	Een volledige productkaart met een knop voor Toevoegen aan tas. Gebruik deze lay-out voor landingspagina's of in een blogpost. U kunt kiezen uit twee lay-outopties: 2 kolommen: als u de aandacht wilt vestigen op productafbeeldingen 3 kolommen: als u de aandacht wilt vestigen op de productbeschrijving Er kan slechts één lay-out op volledige grootte per pagina zijn. De sectie gerelateerde producten wordt niet weergegeven op de productkaart.

Een koopknop maken

Voordat u een koopknop maakt, moet u het product toevoegen in de Ecwid-beheeromgeving en alle benodigde functionaliteit instellen, zoals betaal- en verzendopties.

Bij het genereren van een koopknop kunt u een lay-outstijl selecteren en de kleur, tekst en weergave aanpassen. Om een koopknop op een webpagina of blog in te sluiten, kopieert u de automatisch gegenereerde integratiecode en plakt u deze op de plaats op uw website waar de knop moet verschijnen. De productkaart kan overal op de pagina worden geplaatst, zoals in een zijbalk, de voettekst of zelfs op een foutpagina.

Een koopknop maken:

Ga in de Ecwid-beheeromgeving naar Verkoopkanalen.
Scrol omlaag naar de kaart Koopknoppen en klik op Aan de slag:
Klik op de geopende pagina op Product kiezen en gebruik de zoekbalk om een product te kiezen dat u wilt insluiten.

U kunt de wizard voor het maken van koopknoppen voor een specifiek product ook rechtstreeks openen vanuit de detailpagina van het product (Tabblad "Nu kopen"-knop → Product insluiten).
Pas de koopknop aan: kies een lay-out en klik op Uiterlijk om te kiezen welke productdetails worden weergegeven.
Klik op Code genereren en vervolgens op Code kopiëren.
Open de site-editor van uw sitebuilder of log in op de backend van uw website. Als u niet weet hoe u naar de backend van uw winkel gaat, neem dan contact op met uw sitebeheerder of de ontwerper die de site heeft gemaakt.
Selecteer de pagina waarop u de koopknop wilt weergeven.
Plak de integratiecode op de pagina. Afhankelijk van uw website kan dit een tabblad voor HTML of broncode zijn, of een aparte knop om codes toe te voegen. Als u niet zeker weet hoe u aangepaste codes aan uw website kunt toevoegen, neem dan contact op met de ontwikkelaar van uw website voor meer gedetailleerde instructies.

Dat is alles!

Alle updates van een product die na het plaatsen van de koopknop worden aangebracht, zoals het wijzigen van de naam of de prijs of het bijwerken van de beschrijving, worden automatisch doorgevoerd op de knop. Als een product of productvariatie niet meer op voorraad is, worden de knoppen "Nu kopen" of "Toevoegen aan tas" uitgeschakeld, zodat klanten het uitverkochte artikel niet kunnen kopen. De koopknop zelf blijft echter zichtbaar op de pagina.

Met de koopknop kunnen klanten bestellingen rechtstreeks op uw site plaatsen zonder te worden doorgestuurd naar een andere plek. Alle bestellingen die via een koopknop worden geplaatst, verschijnen op de pagina Verkopen → Bestellingen in de Ecwid-beheeromgeving.

Als uw site is gemaakt met een van de onderstaande sitebuilders, kunt u in de volgende artikelen meer gedetailleerde instructies over het toevoegen van een koopknop lezen:

Koopknop toevoegen op WordPress
Koopknop toevoegen op Wix
Koopknop toevoegen op Squarespace
Koopknop toevoegen op Joomla (in het Engels)

De tekst op de koopknop wijzigen

U kunt de tekst op de koopknop aanpassen aan de toon en boodschap van uw merk. Of het nu "Koop Monstera", "Dit wil ik!" of "Offerte aanvragen" is, u kunt helemaal zelf bepalen wat uw klanten zien. De standaardtekst "Nu kopen" of "Toevoegen aan tas" kan worden gewijzigd met behulp van de Winkellabelbewerker.

De tekst op een koopknop wijzigen:

Ga in de Ecwid-beheeromgeving naar Instellingen → Winkellabels bewerken.
Klik op + Aan de slag.
Gebruik de zoekbalk om het benodigde label te vinden. Bijvoorbeeld "Nu kopen".
Typ uw aangepaste tekst in het veld. Voer in plaats van "Nu kopen" bijvoorbeeld "Nu bestellen" in.
De wijzigingen worden automatisch toegepast op alle Nu kopen-knoppen in uw winkel, ook op de knop die u op uw website of blog heeft geplaatst.

Als u op maat gemaakte producten maakt, lees dan meer over het aanvragen van een offerte in uw Ecwid-winkel.

Het uiterlijk van de koopknop aanpassen

Naast het aanpassen van de tekst op een koopknop kunt u ook het uiterlijk aanpassen aan uw merk en websiteontwerp:

Verberg het navigatiemenu onderaan of het navigatiepad van productdetailpagina's. U kunt dit doen in uw eCom-sitebuilder-editor. (in het Engels) Ga hiervoor naar uw site-editor en selecteer bovenaan in de vervolgkeuzelijst Pagina de optie Producten, klik vervolgens rechtsboven op Instellingen en selecteer Winkelontwerp. Klik op Productgegevens. Klik op de verschillende vervolgkeuzelijsten voor instellingen om wijzigingen in de navigatie aan te brengen. Wanneer u klaar bent met bewerken, klikt u op Publiceren.

De aangebrachte wijzigingen zijn van invloed op alle producten in uw winkel.
Wijzig het uiterlijk van de productkaart en knoppen zodat deze aansluiten bij het thema van uw website. U kunt dit doen in uw eCom-sitebuilder-editor. Ga hiervoor naar uw site-editor en selecteer bovenaan in de vervolgkeuzelijst Pagina de optie Catalogus, klik vervolgens rechtsboven op Instellingen en selecteer Winkelontwerp. Klik op Categorieën en productraster. Klik op de verschillende vervolgkeuzelijsten voor instellingen om wijzigingen aan te brengen. Wanneer u klaar bent met bewerken, klikt u op Publiceren. ALs u de knop nog verder wilt aanpassen, kunt u CSS-codes gebruiken. U kunt bijvoorbeeld kleuren en lettertypen van een Nu kopen-knop bewerken met behulp van het Ecwid CSS Cookbook.
U kunt een klant onmiddellijk doorsturen naar de checkout na een klik op de Nu kopen-knop.