De winkelwagenpagina aanpassen

Leestijd 8 minuten
Belangrijk:
Dit artikel is relevant voor Wix Stores, Wix Bookings en Wix Restaurants Orders (Nieuw).
Net als bij een winkelwagentje in een supermarkt, is je winkelwagenpagina de plek waar klanten artikelen plaatsen die ze willen kopen. Wanneer ze klaar zijn met browsen, kunnen ze doorgaan naar de betaalpagina en de bestelling voltooien.
Screenshot van de winkelwagenpagina op een voorbeeldwebsite
Lees in dit artikel meer over:

Toegang tot de instellingen van de winkelwagenpagina

De toegang tot de winkelwagenpagina is afhankelijk van de bedrijfsoplossing(en) die je gebruikt:
  • Wix Stores: De winkelwagenpagina is een van je webshoppagina's.
  • Wix Bookings: De winkelwagenpagina is een van je boekingspagina's.
  • Wix Restaurants of een combinatie van oplossingen: De winkelwagenpagina wordt vermeld onder Winkelwagen en bedankt.
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op Pagina's en menu.
  3. Selecteer een optie:
    • Mijn website heeft alleen Wix Stores:
      1. Klik op Winkelpagina's.
      2. Klik op Winkelwagenpagina.
    • Mijn website heeft alleen Wix Bookings:
      1. Klik op Boekingen.
      2. Klik op Winkelwagenpagina.
    • Mijn website heeft Wix Restaurants Orders (Nieuw) / 2 bedrijfsoplossingen:
      1. Klik op Winkelwagen en bedankt.
      2. Klik op Winkelwagenpagina.
  4. Klik op het Winkelwagenpagina-element op je pagina.
  5. Klik op Instellingen.
Screenshot van pagina's en menu met toegangspunten tot de winkelwagenpagina

De instellingen van je winkelwagenpagina aanpassen

Kies wat je op de winkelwagenpagina wilt weergeven. Je kunt er bijvoorbeeld voor kiezen om de link 'Voeg een promotiecode toe' te verbergen als je geen coupons aanbiedt, of de 'Voeg een notitie toe'-link als klanten geen notities voor je hoeven achter te laten.
Screenshot van de winkelwagenpagina met de promotie- en notitielinks omlijnd

Om je instellingen aan te passen:

  1. Ga naar de winkelwagenpagina in je Editor.
  2. Klik op het Winkelwagen-element.
  3. Klik op Instellingen.
  4. Klik op het Instellingen-tabblad. 
  5. Selecteer de relevante selectievakjes op basis van de informatie die je wilt weergeven:
    • Verzend- en bezorgtarieven: Toont bezorginformatie die relevant is voor de locatie van de klant.
      Tip: Als je alleen Wix Bookings gebruikt, raden we aan deze optie uit te schakelen.
    • Belastingkosten: Toont de relevante belastingraming op basis van de locatie van je klant.
      Let op: Geschatte belastingen worden niet weergegeven wanneer je belasting opneemt in de productprijs
    • Link promotiecode: Hiermee kunnen klanten couponcodes invoeren.
      Let op: Indien geselecteerd, verschijnt de promotiecode-link ook op de betaalpagina.
    • Notitie toevoegen: Klanten kunnen klikken om een bericht achter te laten.
      Let op: Lees meer over het bekijken van klantnotities
  6. Pas de Doorgaan met browsen-link aan:
    1. Klik onder Doorgaan met browsen op Link tonen om de link weer te geven of te verbergen. 
    2. Indien ingeschakeld, klik je op het Link-pictogramom te selecteren waar de link naar verwijst.
Screenshot van de winkelwagenpagina met de 'Doorgaan met browsen'-link omlijnd
  1. Klik onder Snel betalen op de Knoppen weergeven-schakelaar om ze weer te geven of te verbergen:
    • Ingeschakeld: Als je een betaalprovider voor snel betalen instelt (bijvoorbeeld PayPal), wordt er een extra betaalknop (bijvoorbeeld de PayPal-knop) weergegeven. Dit leidt klanten daar naar het voltooien van de betaling. Lees meer
    • Uitgeschakeld: Alleen de 'Betalen'-knop wordt weergegeven.
Tips:
  • Als je Wix Restaurant Orders gebruikt, moet je de Snel betalen-optie uitschakelen.
  • Wanneer de winkelwagen leeg is, wordt altijd de 'Doorgaan met browsen'-link weergegeven.

De winkelwagepagina ontwerpen

Pas het ontwerp van de winkelwagenpagina aan zodat het past bij het uiterlijk van je website. Je hebt volledige controle over hoe deze pagina eruitziet, inclusief de kleuren, lettertypen, knoppen, links en meer.

Om je winkelwagenpagina te ontwerpen:

  1. Ga naar de winkelwagenpagina in je Editor.
  2. Klik op het Winkelwagen-element.
  3. Klik op Instellingen.
  4. Klik op het Ontwerp-tabblad.
  5. (Optioneel) Klik op de Volledige breedte-schakelaar om deze in te schakelen.
  6. Pas de ontwerpinstellingen van de volgende gebieden aan: 
    • Achtergrond en randen: Wijzig de kleur van de achtergrond en de scheidingslijnen van de pagina. 
    • Lettertype en kleur tekst: Wijzig de kleur en het lettertype van de titel, hoofdtekst en links van de pagina.
    • Knoppen: Wijzig de kleur, stijl en het uiterlijk van knoppen op de winkelwagenpagina. 
    • Betaalmethoden: Ontwerp de knoppen voor snel betalen (bijvoorbeeld PayPal). 
Tips:
  • Om de manier waarop de winkelwagen op mobiel wordt weergegeven te optimaliseren, moet je ervoor zorgen dat de achtergrondkleur van de mobiele pagina en de achtergrondkleur van de winkelwagen hetzelfde zijn.
  • Als je naar de mobiele Editor gaat en de pagina-achtergrond wijzigt, heeft dit geen invloed op de achtergrondkleur op desktop. 

De tekst van je winkelwagenpagina bewerken

Pas de tekst aan die op je winkelwagenpagina verschijnt, zodat deze dezelfde toon heeft als de rest van je website. Je kunt titels en knoppen op de pagina bewerken.
Je kunt ook een kort bericht toevoegen dat verschijnt tussen het totaal en je betaalknop.
Screenshot van de winkelwagenpagina met een disclaimerbericht

Om de tekst van je winkelwagenpagina te bewerken:

  1. Ga naar de winkelwagenpagina in je Editor.
  2. Klik op het Winkelwagen-element.
  3. Klik op Instellingen.
  4. Klik op het Tekst-tabblad.
  5. Bewerk een van de tekstopties.
  6. (Optioneel) Voeg een disclaimer toe: Voer een kort bericht in (maximaal 90 tekens).
    Tip: Dit bericht verschijnt onder het totaal in het besteloverzicht.

De winkelwagenpagina aanpassen op mobiel

Bepaal waar je de betaalknop wilt weergeven voor klanten die je website op mobiel bekijken. Kies ervoor om het alleen onderaan de pagina weer te geven of om het zowel bovenaan als onderaan weer te geven.
In de Studio Editor:
Er zijn veel aanpassingen beschikbaar voor het mobiele breekpunt in de Studio Editor, maar het is niet mogelijk om te selecteren waar de Betaal-knop moet worden weergegeven.
Screenshot van de winkelwagenpagina op mobiel met de betaalknop zowel bovenaan als onderaan

Om de winkelwagen op mobiel aan te passen:

  1. Klik bovenaan de Editor op het Overschakelen naar mobiel-pictogram.
  2. Klik in de mobiele Editor op de winkelwagenpagina.
  3. Klik op Instellingen.
  4. Selecteer een plaatsingsoptie voor de betaalknop.

Veelgestelde vragen

Klik op een vraag hieronder om meer te lezen over de winkelwagenpagina. 

Vond je dit artikel nuttig?

|