De zwevende winkelwagen aanpassen

Leestijd 7 minuten
Belangrijk:
  • We zijn bezig met het uitbrengen van de zwevende winkelwagen, die de mini-winkelwagen vervangt. Lees meer
  • Dit artikel is relevant voor Wix Stores, Wix Bookings en Wix Restaurants Orders (Nieuw).
De zwevende winkelwagen is een voorbeeld van de winkelwagenpagina, die aan de zijkant van je websitepagina's wordt geopend. Klanten kunnen naar de zwevende winkelwagen gaan door op het winkelwagenpictogram of op 'In winkelwagen' te klikken.
Screenshot van de zwevende winkelwagen
In dit artikel lees je meer over:

Onderscheid maken tussen de zwevende winkelwagen en mini-winkelwagen

We zijn bezig met het uitbrengen van de zwevende winkelwagen, een bijgewerkte versie van de mini-winkelwagen. De zwevende winkelwagen is volledig aanpasbaar en kan op een mobiel apparaat worden bekeken. 
Houd er rekening mee dat alleen de zwevende winkelwagen toegankelijk is via de pagina's en het menu links in je Editor. 
Daarnaast verschijnt er een werkbalk wanneer je in je Editor op de zwevende winkelwagen klikt (linksonder). De mini-winkelwagen (rechts te zien) heeft deze werkbalk niet. 
Screenshots van de zwevende winkelwagen en de mini-winkelwagen naast elkaar

Toegang tot de zwevende winkelwagen in de Editor

Als je slechts één bedrijfsoplossing gebruikt, krijg je toegang tot de zwevende winkelwagen via dat paginagedeelte voor bedrijfsoplossingen in je Editor. Als je bijvoorbeeld alleen Wix Stores gebruikt, vind je de Zwevende winkelwagen onder Winkelpagina's

Als je echter bijvoorbeeld Wix Stores en Wix Bookings gebruikt, vind je de zwevende winkelwagen 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 de relevante bedrijfsoplossing (Winkelpagina's, Boekingspagina's of Restaurantpagina's) of selecteer Winkelwagen en bedankt.
  4. Selecteer Zwevende winkelwagen.

Het winkelwagenpictogram instellen om de zwevende winkelwagen te openen

Je kunt kiezen wat er gebeurt als een klant op het winkelwagenpictogram klikt. Het kan klanten naar de zwevende winkelwagen leiden of ze rechtstreeks naar de winkelwagenpagina sturen.

Om in te stellen wat er gebeurt als er op het winkelwagenpictogram wordt geklikt:

  1. Klik in je Editor op het Winkelwagenpictogram.
Screenshot van het winkelwagenpictogram
  1. Klik op Instellingen.
  2. Selecteer het Instellingen-tabblad.
  3. Selecteer een optie:
    • Zwevende winkelwagen: Wanneer klanten op het winkelwagenpictogram klikken, wordt rechts de zwevende winkelwagen geopend. Van daaruit kunnen ze op Winkelwagen bekijken klikken om naar de winkelwagenpagina te gaan of op Betalen om rechtstreeks naar het kopen van hun bestelling te gaan.
    • Open de winkelwagenpagina: Wanneer klanten op het winkelwagenpictogram klikken, worden ze naar de winkelwagenpagina geleid.

De 'In winkelwagen'-knop instellen om de zwevende winkelwagen te openen

Je kunt instellen wat er gebeurt als een klant op de 'In winkelwagen'-knop klikt.  De 'In winkelwagen'-knop kan worden ingesteld om naar de zwevende winkelwagen te leiden of naar een van de drie andere opties.
Tips:
  • Deze optie is alleen relevant voor Wix Stores.
  • De knop kan worden weergegeven op de productpagina, op de categoriepagina of in een galerij.
Screenshot van de productpagina

Om in te stellen wat er gebeurt als op 'In winkelwagen' wordt geklikt:

  1. Klik op de Productpagina, Categoriepagina of een Rastergalerij in de Editor.
    Tip: De knop op elk van deze kan afzonderlijk worden aangepast.
  2. Klik op Instellingen.
  3. Klik op het Instellingen-tabblad.
  4. Zorg ervoor dat de Knop weergeven-schakelaar onder de In winkelwagen-knop is ingeschakeld.
  5. Selecteer een optie onder Bij klikken op de knop:
    • Succes pop-up tonen: Er verschijnt een pop-upmelding. Let op: De succes pop-up verschijnt niet op mobiel. Mobiele klanten worden naar de winkelwagenpagina geleid.
    • Zwevende winkelwagen openen: De zwevende winkelwagen wordt aan de zijkant van het scherm geopend.
    • Naar winkelwagenpagina: Klanten worden direct naar de winkelwagenpagina geleid.
    • Op pagina blijven: Klanten blijven op de huidige pagina. De knop laat een vinkje zien om aan te geven dat het product succesvol is toegevoegd. 

De zwevende winkelwagen aanpassen

Breng wijzigingen aan in de tekst en het ontwerp van de zwevende winkelwagen zodat deze de look en feel van je merk weerspiegelen.
Tip:
Om de zwevende winkelwagen met items te bekijken terwijl je deze aanpast, klik je rechtsboven in de Editor op Voorbeeld, voeg je een item toe (bijvoorbeeld een product of dienst) en klik je vervolgens op Terug naar Editor om de voorbeeldmodus te verlaten.

Om de zwevende winkelwagen aan te passen:

  1. Klik in je Editor op de Zwevende winkelwagen.
  2. Klik op Instellingen.
Screenshot van de Wix Editor met een deel van de zwevende winkelwagen zichtbaar en de Instellingen-knop omlijnd
  1. Pas de zwevende winkelwagen aan met behulp van de beschikbare opties:
    • Instellingen: Toon of verberg een van de Zwevende winkelwagen-elementen.
    • Ontwerp: Pas de kleuren, lettertypen, dekkingsniveaus en meer aan.
    • Tekst: Bewerk de standaardtekst.
  2. Pas de overlay over de rest van de pagina aan:
    1. Klik ergens op de pagina buiten de zwevende winkelwagen.
      Screenshot of part of the Side Cart in the Wix editor
    2. Klik op Achtergrond wijzigen.
    3. Klik op Instellingen en pas de overlay aan.
  3. Stel in wat er gebeurt als klanten buiten de zwevende winkelwagen klikken:
    1. Klik ergens op de pagina buiten de zwevende winkelwagen.
    2. Klik op Overlay instellen.
    3. Klik op de Sluiten door te klikken-schakelaar om deze in of uit te schakelen:
      • Ingeschakeld: Wanneer klanten buiten de zwevende winkelwagen klikken, wordt de zwevende winkelwagen gesloten. Klanten kunnen de zwevende winkelwagen ook sluiten door in de bovenhoek op de 'X' te klikken.
      • Uitgeschakeld: Wanneer klanten buiten de zwevende winkelwagen klikken, gebeurt er niets. Klanten kunnen de zwevende winkelwagen sluiten door op de 'X' in de bovenhoek te klikken.
  1. Wanneer je klaar bent, klik je op Modus afsluiten.
Screenshot van de Wix Editor met een deel van de zwevende winkelwagen zichtbaar en de Modus sluiten-knop omlijnd
  1. (Optioneel) Je kunt overschakelen naar de mobiele Editor en de zwevende winkelwagen op mobiel aanpassen.
    Tip: De aanpassingen die je aanbrengt in de mobiele Editor, hebben geen invloed op de zwevende winkelwagen op desktop.

Migreren van de mini-winkelwagen naar de zwevende winkelwagen

Wil je overschakelen naar de nieuwe zwevende winkelwagen? Je kunt dit doen door naar je Editor te gaan en je website te publiceren. De pagina wordt vernieuwd en je krijgt de zwevende winkelwagen.
Tip:
De ontwerpkeuzes die je voor de mini-winkelwagen hebt gemaakt, worden overgezet naar de zwevende winkelwagen. De nieuwe betaalknop wordt niet toegevoegd, maar je kunt naar de instellingen gaan en deze desgewenst handmatig toevoegen. 

Veelgestelde vragen

Klik op een vraag hieronder voor meer informatie.

Vond je dit artikel nuttig?

|