Bekijk hoe klanten je winkel ervaren, van het bladeren tot aan de kassa.

Deze gids laat zien wat je klanten zien als ze je producten bekijken, ze aan een winkelwagentje toevoegen en afrekenen. Voordat klanten kunnen afrekenen, moet je producten toevoegen aan je site en een betalingsverwerker verbinden.

Tip: Schrijf je in voor ons webinar over designtips om de verkoop van je winkel te verhogen, waar we tools en tips presenteren die je kunt gebruiken om je producten op je site te laten opvallen en de verkoop te stimuleren.

De voorbeeldscreenshots in deze gids zijn afkomstig van een gesimuleerde versie 7.1-site. Als je een site met versie 7.0 hebt, kan de klantervaring iets anders zijn. De winkelervaring van je klant kan ook enigszins variëren, afhankelijk van hoe je je winkel inricht. Testbestellingen uitvoeren is de beste manier om te weten te komen hoe je kassa werkt.

Je site bekijken

Wanneer een klant je site bezoekt, navigeert hij of zij door de site met behulp van de navigatie. Om je producten te bekijken, klikken ze op een hyperlink naar je winkelpagina.

Op de winkelpagina kunnen ze je producten bekijken en filteren op categorie. 

De winkelpagina toont tot 200 producten. Als er meer dan 200 producten zijn, kunnen klanten op volgende klikken om meer producten te bekijken. Als een product meerdere varianten met verschillende prijzen heeft, wordt op de winkelpagina "vanaf [de laagste prijs van de variant]" weergegeven in het prijsveld.

Als je speciale functies op de winkelpagina hebt ingeschakeld, zoals snelle weergave of productzoom, dan interageren gebruikers met deze functies wanneer ze met de muis over de uitgelichte productafbeeldingen zweven.

Andere manieren om te shoppen

Klanten kunnen producten kopen op andere delen van je site als je productblokken of samenvattingsblokken gebruikt om ze op verschillende pagina's weer te geven.

Als je je producten op de markt brengt via Squarespace Email Campaigns of je producten synchroniseert met Facebook of Instagram, kunnen klanten je producten ook vinden terwijl ze je Squarespace-site niet bezoeken.

Voeg producten toe aan je winkelwagen

Wanneer klanten producten in je winkel kopen, volgen ze meestal dit standaardpad van je productpagina's tot aan de kassa:

1. Selecteer een product - Klanten bladeren door je site en klikken op een product om de opties en details, te zien zoals afbeeldingen, beschrijvingen en prijs.
2. Toevoegen aan winkelwagentje - Als je op Toevoegen aan winkelwagentje klikt, wordt het item aan hun winkelwagentje toegevoegd.
3. Bevestig de selectie. Standaard verschijnt er een miniwinkelwagentje op de huidige pagina voor sites met versie 7.1. Nadat klanten een item aan hun winkelwagentje hebben toegevoegd, verschijnt er bovenaan de pagina een melding met het aantal items in de winkelwagentje en de totale kosten. Ze kunnen ervoor kiezen om verder te bladeren, hun volledige winkelwagentje te bekijken of direct naar de kassa te gaan. Als ze alle producten uit het winkelwagentje verwijderen, wordt de link Doorgaan met winkelen weergegeven. Dit leidt standaard naar je homepagina, maar je kunt het naar een andere pagina sturen.
4. Kassa - Shoppers voeren hun verzend- en betalingsgegevens in en klikken op Kopen om de bestelling af te ronden. Voor klanten die producten met een betalingsregeling kopen, wordt op de afrekenpagina het bedrag Vandaag verschuldigd, het Resterende saldo en het afbetalingsschema weergegeven voordat ze op Kopen klikken.

Om klanten direct naar de kassa te sturen nadat ze op een knop hebben geklikt, kun je de pagina 'Winkelwagen' overslaan inschakelen.

Aantal- en winkelwagentjegroottebeperkingen

• Klanten kunnen maximaal 500 producten aan hun winkelwagen toevoegen.
• Als de optie Realtime verzendtarieven is ingeschakeld, kun je maximaal 150 producten toevoegen.
• Je kunt slechts één abonnementsproduct tegelijk kopen en je kunt geen andere soorten producten in de transactie opnemen.
• Als ze een grotere hoeveelheid invoeren dan je op voorraad hebt, verschijnt er een foutmelding die hen vertelt wat het maximale aantal is dat ze kunnen bestellen.
   

Bekijk je winkelwagentje

Nadat klanten een item aan hun winkelwagentje hebben toegevoegd, verschijnt bovenaan de pagina een melding van de winkelwagen, die het aantal items in het winkelwagentje en de totale kosten toont. Om bezoekers direct naar de kassa te sturen nadat ze een product hebben gekozen, schakel je snelkassa in. Klanten kunnen verder winkelen of op het pictogram van de winkelwagen klikken om de winkelwagen te openen.

In het winkelwagentje kunnen ze het aantal producten wijzigen of producten verwijderen. Klanten klikken op kassa om de aankoop te voltooien.

Als ze alle producten uit het winkelwagentje verwijderen, verschijnt er een "Verder winkelen" -hyperlink. Dit leidt standaard naar je homepagina, maar je kunt het naar een andere pagina doorsturen.

Ontdek het

Als je op de knop Kassa klikt, wordt de kassapagina geopend, die beschermd is door SSL om de creditcardgegevens van je klanten veilig en beschermd te houden. Een typische kassa volgt deze stappen:

1. E-mail - De klant voert zijn e-mailadres in. Als je de optie voor het abonneren op de nieuwsbrief bij de kassa hebt ingeschakeld, kunnen ze deze optie aan- of uitschakelen.
2. Klantenaccount log-in - Als de klant een klantenaccount heeft, kan hij of zij inloggen om het afrekenproces te versnellen. Als je klantenaccounts hebt ingeschakeld, kunnen klanten een account aanmaken bij de kassa.
3. Leveringsmethoden - De klant kiest tussen verzenden of lokaal ophalen en bezorging. Als ze verzenden kiezen, voeren ze hun verzendadres in. Wanneer ze beginnen te typen, verschijnt er een door Google aangedreven lijst met autofill-suggesties. De klant kiest vervolgens een verzendoptie. Deze worden weergegeven in oplopende volgorde van prijs, waarbij standaard de goedkoopste optie wordt geselecteerd. Als alle opties dezelfde prijs hebben, worden ze weergegeven in de volgorde waarin je ze hebt toegevoegd.
4. Betaling & Kortingen - De klant voert zijn betaalgegevens in, of kan PayPal, Apple Pay of Afterpay gebruiken. Als je actieve kortingen hebt, kunnen klanten een kortingscode invoeren. Kortingen gelden voor de kosten van het product, niet voor verzenden. Alleen kortingen op gratis verzending zijn van invloed op de verzendkosten.
5. Beoordeling & aankoop - De klant klikt op Kopen om zijn bestelling te plaatsen. Als je winkelbeleid hebt toegevoegd, worden deze hier weergegeven als tekstlinks.
6. Bevestiging - Na het kassa landen klanten op een bevestigingspagina. 

Als je een automatische, gratis verzendkorting hebt, wordt deze weergegeven nadat klanten de verzendoptie hebben geselecteerd waarop de korting van toepassing is. Als deze optie duurder is dan andere opties vóór de korting, moeten klanten deze optie handmatig selecteren.

Als klanten afrekenen met meerdere producten met verschillende verzendprofielen, worden producten bij de kassa verdeeld op basis van het verzendprofiel en kiezen klanten voor elk profiel een verzendoptie. Klanten betalen één keer, maar hun bestelling wordt verdeeld in meerdere bestellingen met aparte ordernummers, één voor elk verzendprofiel. Je verwerkt elke bestelling afzonderlijk in het bestelpaneel. Klanten ontvangen meerdere bestelbevestigings-e-mails.

De pagina voor je bestelbevestiging

Na een succesvolle kassa verschijnt een orderbevestigingspagina. Wat er op de pagina staat, hangt af van het soort product dat je klant heeft gekocht. Als de klant een fysiek, download- of serviceproduct heeft gekocht, toont de bevestigingspagina de orderstatus, bestelgegevens en de optie om een klantaccount aan te maken. Als je klant een cadeaukaart, abonnement of lidmaatschap heeft gekocht, toont de pagina de tekst Order Confirmed en het ordernummer. Om deze pagina's te bekijken, plaats je een testbestelling met een ondersteund producttype.

Sterke klantauthenticatie (SCA)

Klanten met creditcards die in de EER zijn uitgegeven, kunnen een extra authenticatiestap tegenkomen bij de kassa. Dit kan een pop-up in de browser zijn of een pushmelding van een bank-app waarin de klant wordt gevraagd de transactie te verifiëren. De precieze autorisatieprocedure is afhankelijk van de bank van de klant. Ga voor meer informatie naar Sterke klantauthenticatie (SCA).

Bekijk bestellings-e-mails

Na het afronden van de kassa ontvangt de klant een orderbevestigingse-mail. Als ze een downloadproduct hebben gekocht, ontvangen ze een e-mail met een hyperlink naar het product. Voor fysieke producten krijgen ze een tweede e-mail wanneer je hun bestelling hebt afgerond. Klanten kunnen ook op een hyperlink in de e-mail met de orderbevestiging klikken om de status van hun bestelling te bekijken.

Deze screenshot toont de lay-out van de orderbevestigings-e-mail, die je kunt aanpassen in het paneel voor e-mailmeldingen voor klanten.

Bekijk de pagina met de bestelstatus

Na de kassa voor fysieke producten, downloads en serviceproducten komen klanten terecht op de pagina met de bestelstatus. Ze kunnen ook op een hyperlink in de e-mail met de orderbevestiging klikken om terug te keren naar deze pagina. De orderstatuspagina toont de orderdetails, zoals het ordernummer en het ordertotaal. Het toont ook de status van de bestelling, die "in afwachting van uitvoering" of "afgehandeld" kan zijn, afhankelijk van of je de bestelling hebt voltooid. Als de klant heeft gekozen voor een realtime verzendtarieven optie en je via Squarespace een USPS-verzendlabel hebt gekocht, wordt de trackinginformatie ook weergegeven als de klant is ingelogd op zijn of haar account.

Klanten kunnen ook hun verzend- en facturatiegegevens bekijken als ze ingelogd zijn op hun klantenaccount. Als je site SSL heeft ingeschakeld, kunnen klanten ook bestelgegevens bekijken door hun e-mailadres en een code uit hun orderbevestigingsmail in te voeren.  Als ze geen account hebben, kunnen ze er een aanmaken op de pagina met de bestelstatus. Als een klant problemen ondervindt bij het aanmaken van een klantaccount of het inloggen, raadpleeg dan de handleiding Klantenaccounts voor tips voor probleemoplossing.

De pagina met de status van de bestelling wordt blanco weergegeven.

Als de statuspagina van de bestelling leeg lijkt of andere weergaveproblemen heeft, kan dat komen door aangepaste code die je aan je site hebt toegevoegd. Aangepaste code kan soms interfereren met de ingebouwde code van Squarespace en problemen veroorzaken. Om het probleem op te lossen, verwijder je alle aangepaste code van je site, sla je deze op in een tekstdocument en vernieuw je de pagina. Aangepaste code is een geavanceerde aanpassing die buiten de ondersteuning van Squarespace valt. Voor meer hulp kun je het Squarespace Forum bezoeken, ons online forum waar klanten elkaar helpen met coderingsoplossingen.