Wix Stores: Een winkelwagenknop toevoegen en instellen

Leestijd 3 minuten
Je kunt overal op je website een stand-alone 'Winkelwagen'-knop plaatsen. De knop is gekoppeld aan het product dat je kiest. Dit kan handig zijn als je ergens op je website over een product schrijft en het voor een klant gemakkelijk wilt maken om het product aan zijn winkelwagentje toe te voegen.

Stap 1 | Voeg de 'In winkelwagen'-knop toe

Begin door naar de relevante pagina te gaan en vervolgens de winkelwagenknop vanuit het Toevoegen-paneel naar de ideale plek te slepen. 
GIF die laat zien hoe je een 'In winkelwagen'-knop toevoegt aan een websitepagina op een Wix-website
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op Elementen toevoegen.
  3. Klik op Webshop.
  4. Sleep de In winkelwagen -knop naar de pagina.

Stap 2 | Koppel de knop aan een product

Om de knop goed te laten werken, moet je selecteren welk product wordt toegevoegd aan de winkelwagen van de klant wanneer erop wordt geklikt. 
Screenshot van het instellingenpaneel waar je selecteert welk product is gekoppeld aan de In winkelwagen-knop

Om de knop aan een product te koppelen:

  1. Klik in je Editor op de In-knop.
  2. Klik op Instellingen.
  3. (Optioneel) Bewerk de knoptekst.
  4. Verbind de knop met een product:
    1. Klik op het standaardproduct.
    2. Selecteer een product.

Stap 3 | Ontwerp de knop

Nu kun je de knop zo ontwerpen dat deze perfect op de pagina past. 

Om het ontwerp van de knop aan te passen:

  1. Klik in je Editor op de In-knop.
  2. Klik op Instellingen.
  3. Klik op Ontwerpen.
  4. Maak een van de volgende aanpassingen: 
    • Selecteer een knopstijl.
    • Selecteer een knopkleur en sleep de schuifregelaar om de dekking aan te passen.
    • Selecteer een randkleur en sleep de schuifregelaar om de randbreedte aan te passen.
    • Sleep de schuifregelaar om de hoeken ronder of meer vierkant te maken.
    • Selecteer een tekstkleur of lettertype. 
Screenshot van de beschikbare ontwerpopties met de In winkelwagen-knop
Let op:
  • Wanneer een product niet op voorraad is, verandert de knoptekst in 'Niet op voorraad'.
  • Het is niet mogelijk om het ontwerp van de 'Niet op voorraad'-knop te bewerken.

Vond je dit artikel nuttig?

|