Koopknop
De koopknop van Ecwid is een productkaart en kassa die op een externe website of blog kan worden geplaatst met behulp van een stuk code. U kunt beslissen om een volledige productkaart met een productomschrijving, afbeelding en prijs of een compacte versie van een koopknop weer te geven. Het is eenvoudig om de de kleur en tekst van de koopknop aan te passen aan uw websiteontwerp.
Nadat de productkaart is ingevoegd in een pagina, kunnen klanten op de knop drukken om een artikel toe te voegen aan de winkelwagen en door te gaan naar het afrekenen zonder ooit de site te verlaten. Bestellingen gedaan via een koopknop worden weergegeven op de pagina Verkopen → Bestellingen in de Ecwid-beheerder.
Voordat u begint
Als u nog geen Ecwid-account heeft, meld u dan aan! U heeft alleen een naam en e-mailadres nodig.
Nadat u zich heeft aangemeld, kunt u de winkel gaan instellen:
- Artikelen toevoegen
- Betalingsmethoden instellen
- Methoden voor verzending/bezorging/ophalen instellen
- Winkelontwerp personaliseren
Lees voor meer informatie over het instellen van uw online winkel Aan de slag met Ecwid →
Nadat u de winkel heeft ingesteld, kunt u Koopknoppen maken om producten te verkopen op uw website of blog.
Koopknoplay-outs
Er zijn drie manieren om een koopknop weer te geven op uw site — knop, compact of volledige grootte:
| Lay-out | Gebruikscasus |
| Alleen knop | Alleen een knop Nu kopen zonder afbeelding of prijs. Werkt het beste voor blogberichten en pagina's met complete productbeschrijvingen. Als u bijvoorbeeld een product beschrijft of het al op de pagina heeft getoond, voeg dan een koopknop toe om online afrekenen aan te bieden. |
| Compact | Een minimalistische productkaart met een knop Nu kopen. Dit past het best bij websitepagina's met een gedetailleerde productomschrijving. Voeg een korte samenvatting van het product toe met een afbeelding, naam en prijs. Daarnaast kunt u productopties, invoervelden en een hoeveelheid weergeven. Als u een aanbiedingsprijs heeft voor dit product, wordt die ook weergegeven. |
| Volledige grootte | Een volledige productkaart met een knop In winkelwagen. Gebruik deze lay-out voor landingspagina's of in een blogbericht. U kunt kiezen uit twee lay-outopties:
Er kan slechts één lay-out op volledige grootte per pagina zijn. De sectie Gerelateerde producten wordt niet weergegeven op de productkaart.
|
Wijzigingen in een product na het plaatsen van een koopknop (zoals hernoemen, wijzigen van de prijs of omschrijving) worden weerspiegeld op de koopknop.
Als u na het plaatsen van een koopknop wijzigingen aanbrengt aan een product (bijv. de naam, prijs of beschrijving verandert), worden die overgenomen in de koopknop. Wanneer een product of productvariatie niet meer op voorraad is, kan er niet meer op de knoppen "Koop nu" of "Toevoegen aan winkelwagen" worden geklikt. De koopknop staat nog wel op de pagina, maar het is onmogelijk om het uitverkochte product of de productvariatie te kopen.
Een koopknop aanmaken
Om een koopknop toe te voegen aan een webpagina moet u een automatisch gegenereerde integratiecode kopiëren. Daarna kunt u uw product invoegen op elke website of blog. De productkaart kan overal op een webpagina worden geplaatst, in een zijpaneel, in de voettekst van de site of op een foutpagina.
Voordat u een koopknop aanmaakt, moet u zich registreren voor Ecwidm uw Ecwid-account opzetten met producten en betalings- en verzendingsopties toevoegen die u wilt aanbieden aan uw klanten.
Om een koopknop te maken:
- Ga in de Ecwid-beheerder naar Verkoopkanalen.
- Scroll naar beneden naar de kaart Koopknoppen en klik op Aan de slag:
- Klik op de pagina die wordt geopend, klik op Kies product gebruik de zoekbalk om een product te kiezen dat u wilt invoegen.
U kunt ook de koopknopwizard gebruiken voor een specifiek product rechtstreeks vanaf de productdetailspagina ("Koop Nu"-knop tabblad → Product insluiten).
- Pas uw koopknop aan — kies een lay-out en kies welke productdetails moeten worden weergegeven.
- Klik op Code genereren en vervolgens op Code kopiëren.
- Open de site-editor van uw websitebouwer of log in op uw websiteback-end. Als u niet weet hoe u bij de back-end van uw winkel komt, neem dan contact op met uw sitebeheerder of met de ontwerper die de site heeft gemaakt.
- Selecteer de pagina waar u de koopknop wilt weergeven.
- 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.
Dat is alles! U hebt uw reguliere pagina of blogbericht veranderd in een verkoopkanaal met een koopknop. Uw klanten kunnen nu een bestelling plaatsen zonder uw site te verlaten. Bestellingen gedaan via een koopknop worden weergegeven op de pagina Verkopen → Bestellingen in de Ecwid-beheerder.
Als uw site is gemaakt met een van de volgende sitebouwers, kunt u gedetailleerdere instructies lezen over het toevoegen van een koopknop:
- Koopknop toevoegen in WordPress
- Koopknop toevoegen in Wix
- Koopknop toevoegen in Squarespace
- Koopknop toevoegen in Joomla (in het Engels)
Tekst op een koopknop wijzigen
U kunt heel specifiek zijn over welke tekst u op de knop zet die uw klanten zien. Het kan “Monstera kopen”, “Ik wil dit!”, “Preorder” of elke andere tekst zijn. De standaardtekst op de knop "Nu kopen" of "In winkelwagen" kan worden vervangen met de Editor voor winkellabels.
Om de tekst op een knoopknop te wijzigen:
- Ga in de Ecwid-beheerder naar Instellingen → Winkellabels bewerken.
- Klik op + Aangepast Label toevoegen.
- Gebruik de zoekbalk om het gewenste label te vinden. Bijvoorbeeld "Nu kopen".
- Voer uw aangepaste tekst in het veld in. Voer bijvoorbeeld "Nu bestellen" in plaats van "Nu kopen" in.
- Wijzigingen worden automatisch van toepassing op alle knoppen "Nu kopen" in uw winkel, inclusief die u op uw website of blog hebt geplaatst.
Koopknop aanpassen
Behalve het veranderen van de tekst op een koopknop, kunt u het uiterlijk van de knop aanpassen aan uw behoeften en het merk van uw bedrijf:
- Verberg het voettekstmenu of broodkruimels van productdetailpagina's in Ontwerp → Aanvullende etalage-instellingen en Ontwerp → Navigatie. Het kan nuttig zijn als u verschillende productkaarten op verschillende websites wilt toevoegen en niet wilt dat klanten door uw winkel navigeren.
Wijzigingen aangebracht op de Ontwerp-pagina hebben invloed op alle producten in uw winkel.
- Wijzig het uiterlijk van de productkaart en knoppen zodat deze overeenkomen met het thema van uw website met behulp van CSS-code. Bijvoorbeeld kleuren en lettertypen van een koopknop. U kunt de code uit het Ecwid CSS Cookbook (in het Engels) gebruiken of zelf de code configureren.
- U kunt een klant onmiddellijk doorverwijzen naar de kassa nadat hij op de knop Nu kopen heeft geklikt.