Hoe Persistent Cart een Shopify-winkelwagen synchroniseert bij het inloggen

Waarom is de standaard Shopify-winkelwagen aan één browser gekoppeld?

Omdat Shopify de winkelwagen opslaat in een browsercookie, niet in het account van de shopper. Shopify's cookiebeleid vermeldt een first-party "cart"-cookie die de inhoud van de winkelwagen ongeveer twee weken bewaart. Die cookie hoort bij één browser op één apparaat, dus het is de browser — niet de ingelogde klant — die de winkelwagen onthoudt.

Binnen die ene browser is dit prima: ga weg en kom binnen twee weken terug en de winkelwagen staat er nog. De beperking verschijnt op het moment dat de shopper verhuist. Een cookie kan niet reizen naar een telefoon, een werklaptop of een andere browser, en inloggen kopieert hem niet over. Dus de standaard winkelwagen is betrouwbaar op één plek en afwezig overal elders.

Wat gebeurt er wanneer een ingelogde shopper van apparaat wisselt?

Ze landen op een lege winkelwagen. Stel je een shopper voor die tijdens de lunch een winkelwagen opbouwt op zijn telefoon, dan 's avonds je winkel opent op zijn laptop en inlogt. De laptopbrowser had die telefoonitems nooit, en inloggen haalt ze niet op, dus de winkelwagen verschijnt leeg. De shopper moet onthouden wat hij wilde en alles opnieuw toevoegen — of, vaak, neemt hij de moeite niet.

Dit is precies het moment waar een persistentielaag voor is gebouwd. De shopper is geïdentificeerd (hij is net ingelogd) en de opgeslagen winkelwagen bestaat (hij bouwde hem eerder op) — de enige ontbrekende stap is die items naar het account verplaatsen zodat het nieuwe apparaat ze kan tonen. Dat is het gat dat Persistent Cart dicht.

Hoe synchroniseert Persistent Cart de winkelwagen bij het inloggen?

Het slaat de winkelwagen op terwijl de shopper hem wijzigt, en herstelt hem dan wanneer hij elders inlogt. Op je storefront let Persistent Cart op winkelwagenwijzigingen — items toegevoegd, aantallen bijgewerkt, regels verwijderd — en slaat de huidige winkelwagen elke keer op tegen het account van de ingelogde klant. De winkelwagen is gekoppeld aan de klant, dus hij is gebonden aan de persoon, niet aan de browser.

Wanneer die klant inlogt op een ander apparaat, herstelt de app de opgeslagen winkelwagen en voegt die samen met wat er ook is. Standaard is deze samenvoeging geruisloos en additief: de shopper ziet gewoon zijn items, zonder pop-up, zonder e-mail en zonder opt-in. Een merchant die dat liever heeft, kan een optionele melding inschakelen die de shopper vraagt of hij winkelwagens wil combineren of de opgeslagene wil laden — maar die staat standaard uit, en de meeste winkels laten de stille samenvoeging staan.

Hoe installeer en activeer je het?

Eén klik om te installeren, daarna één schakelaar om te activeren — geen themacode. Je voegt Persistent Cart toe vanuit de Shopify App Store met één klik. Om het aan te zetten schakel je de app-embed in in je theme-editor: open Aanpassen, vind Persistent Cart onder App-embeds, en zet hem aan. Dat is de ene schakelaar. Er is geen Liquid om te bewerken en geen ontwikkelaar vereist.

Het is de moeite waard om dit bewust te doen in plaats van het nul-installatie te noemen, want activeren hangt wel af van die embed die ingeschakeld blijft. Als je later van thema wisselt of opnieuw publiceert, controleer dan of de embed nog aanstaat. Zodra hij is ingeschakeld, draait de app bij het laden van storefront-pagina's en begint hij meteen winkelwagens op te slaan en te synchroniseren voor je ingelogde shoppers.

Wat ervaren shoppers?

Er verandert niets voor hen — dat is het punt. Er is geen nieuwe knop, geen accountmelding en geen herstel-je-winkelwagen-onderbreking in de standaardopzet. Een ingelogde shopper vindt simpelweg zijn winkelwagen al gevuld wanneer hij terugkeert, op welk apparaat hij ook gebruikt. De sync gebeurt op de achtergrond bij het laden van de pagina, dus het voelt alsof de winkel hem simpelweg onthield.

Die onzichtbaarheid is bewust. De hele waarde zit in het evenaren van wat shoppers al verwachten van grote retailers, waar een ingelogde winkelwagen je stilletjes volgt tussen telefoon en laptop. Je shoppers hoeven niets te leren of te veranderen aan hoe ze browsen; de winkelwagen is er gewoon wanneer ze het verwachten.

Vragen, beantwoord