Kennisbank
Handleidingen
Academy
Instructievideo's
Probeer te zoeken naar:
Recent bekeken artikelen:

Op deze pagina

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.

Dit artikel gaat over insluitbare productkaarten. Om "Koop nu"-knoppen weer te geven in het productraster van uw etalage, gebruikt u de ontwerpinstellingen van uw winkel en de instellingen in de Instant Site-editor.

Koopknoplay-outs

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

Buy_Button__1_.png

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:
      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:
  • 2 kolommen — als u de aandacht wilt vestigen op productafbeeldingen
  • 3 kolommen — als u de aandacht wilt vestigen op de productomschrijving
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.

Voor WordPress-gebruikers: gebruik de Ecwid-plug-in om snel een koopknop te maken op uw WordPress-site zonder code te genereren.

Om een koopknop te maken:

  1. Ga in de Ecwid-beheerder naar Verkoopkanalen.
  2. Scroll naar beneden naar de kaart Koopknoppen en klik op Aan de slag:

    Buy_Button__2_.png

  3. 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).
  4. Pas uw koopknop aan — kies een lay-out en kies welke productdetails moeten worden weergegeven.
  5. Klik op Code genereren en vervolgens op Code kopiëren.
  6. 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.
  7. Selecteer de pagina waar u de koopknop 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.

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:

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:

  1. Ga in de Ecwid-beheerder naar Instellingen → Winkellabels bewerken.
  2. Klik op + Aangepast Label toevoegen.
  3. Gebruik de zoekbalk om het gewenste label te vinden. Bijvoorbeeld "Nu kopen".
  4. Voer uw aangepaste tekst in het veld in. Voer bijvoorbeeld "Nu bestellen" in plaats van "Nu kopen" in.
  5. Wijzigingen worden automatisch van toepassing op alle knoppen "Nu kopen" in uw winkel, inclusief die u op uw website of blog hebt geplaatst.
Als u goederen op maat produceert, lees dan meer over het aanvragen van een offerte in uw Ecwid-winkel.

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 OntwerpNavigatie en kleuren van etalage en OntwerpNavigatie. 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.
Was dit artikel nuttig?

Fantastisch! Bedankt voor uw feedback!

Bedankt voor uw feedback!

Wat vervelend! Wat ging er mis?
Aantal gebruikers dat dit nuttig vond: 5 van 8
10
We gebruiken cookies en vergelijkbare technologieën om uw voorkeuren te onthouden, de effectiviteit van onze campagnes te meten en gedepersonaliseerde gegevens te analyseren om onze site beter te laten werken. Door «Accepteren» te kiezen, stemt u in met het gebruik van cookies.
Cookies accepteren Afwijzen