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 | De winkelwagenknop toevoegen
Begin door naar de relevante pagina te gaan en vervolgens de winkelwagenknop vanuit het Toevoegen-paneel naar de ideale plek te slepen.
Om de winkelwagenknop toe te voegen:
- Ga naar de pagina waaraan je de winkelwagenknop wilt toevoegen.
- Ga naar Elementen toevoegen in je Editor:
- Wix Editor: Klik links in de Editor op Toevoegen
. - Editor X: Klik in de bovenste balk van Editor X op Elementen toevoegen
.
- Wix Editor: Klik links in de Editor op Toevoegen
- Klik op Webshop.
- Sleep de winkelwagenknop naar de pagina.
Stap 2 | De knop verbinden met 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.
Om de knop aan een product te koppelen:
- Klik op de knop op je pagina.
- Klik op Instellingen.
- (Optioneel) Bewerk de knoptekst.
- Verbind de knop met een product:
- Klik op het pijlpictogram
. 
- Selecteer een product.
- Klik op het pijlpictogram
Stap 3 | De knop ontwerpen
Nu kun je de knop zo ontwerpen dat deze perfect op de pagina past.
Om het ontwerp van de knop aan te passen:
- Klik op de knop in de Editor.
- Klik op Instellingen.
- Klik op Ontwerpen.
- 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.
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?
|