Koopknop
De koopknop 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 winkelbeheerder.
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 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 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 uw winkelaccount opzetten met producten en betalings- en verzendingsopties toevoegen die u wilt aanbieden aan uw klanten. 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.
Om een koopknop te maken:
- Ga in de winkelbeheerder 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 winkelbeheerder.
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 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. 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 CSS.