Zo optimaliseert u uw checkout-proces met Saferpay Fields

Optimalisatie van het checkout-proces in de webshop leidt bij handelaren vaak tot verbetering van het conversiepercentage, vaak is een verdubbeling van het conversiepercentage op te merken. Er bestaat weliswaar geen optimaal proces dat voor alle shops, branches en klantsegmenten opgaat, er zijn echter wel een paar algemene principes die verder in deze blogpost toegelicht worden. Met Saferpay Fields bieden we webhandelaren een eenvoudige en veilige oplossing voor het implementeren van one page checkouts, en dankzij de grote flexibiliteit zijn ook gepersonaliseerde klantspecifieke checkout-flows mogelijk. In deze blogpost leggen we uit hoe u Saferpay Fields kunt gebruiken om uw checkout flow te optimaliseren, het aantal afgebroken aankopen te reduceren en zo een hoger conversiepercentage te bereiken.

Saferpay Fields zijn een set voorgeconfigureerde ("ready to use") en eenvoudig te integreren formuliervelden die gebruikt kunnen worden voor de invoer van creditcardgegevens, om eigen betaalformulieren of checkouts aan te maken. Anders dan bij de plug-and-play oplossing Payment Page Integration biedt het gebruik van Saferpay Fields volledige vrijheid voor het genereren en vormgeven van uw eigen formulieren. Ideaal voor klantspecifieke personalisatie van uw check-out flow. Zo houdt u de volledige controle over de checkout-flow van uw webshop, terwijl Saferpay de functionaliteit en veiligheid van de invoervelden waarborgt. En omdat wij voorkomen dat u rechtstreeks in contact komt met gevoelige creditcardgegevens, blijft de laagste PCI-voorwaarde SAQ-A op u van toepassing en heeft u geen PCI-certificering nodig.

Vaak breken klanten hun bestelling af omdat ze het niet vertrouwen. Gebruiksvriendelijkheid en een uniforme weergave zorgen voor vertrouwen en een professionele en optisch aantrekkelijke indruk. Bij de implementatie van Saferpay Fields hebben we vooral gelet op eenvoud en gebruiksgemak. We hebben de standaard lay-out van Saferpay Fields bewust neutraal gehouden zodat deze eenvoudig aan te passen zijn aan de corporate identity van uw bedrijf en huisstijl van uw webshop.

Hier ziet u de vier Saferpay Fields - kaarthouder, kaartnummer, vervaldatum en verificatiecode in de standaard lay-out:

In het veld voor het kaartnummer wordt het betaalmiddel automatisch herkend tijdens de invoer en verschijnt het bijbehorende logo: 

Een uniforme presentatie draagt bij aan een positieve indruk. Met Saferpay Fields heeft u nu de unieke mogelijkheid om de weergave van de betaalpagina volledig naar wens aan te passen.

Probeer dit voorbeeld zelfs eens uit via: https://jsfiddle.net/moLhp54r/

Met een paar aanpassingen kunnen andere lay-outs worden gerealiseerd. Hier een voorbeeld, waarbij velden met geldige gegevens een groen kader en velden met ongeldige gegevens een rood kader hebben:  

Probeer dit voorbeeld zelfs eens uit via: https://jsfiddle.net/saferpay/o8qb0ghv/

Onjuiste invoer zoals een onvolledig of onjuist kaartnummer of een vervaldatum in het verleden wordt op deze manier direct zichtbaar. In onze Engelstalige Integration Guide vindt u onder het hoofdstuk Saferpay Fields meer informatie over technische details.  

Een andere populaire methode om het check-outproces te optimaliseren is de one page checkout (ook wel Single Page Checkout genoemd), waarbij alle voor het checkout-proces noodzakelijke gegevens op een afzonderlijke pagina worden opgevraagd. Zo is het proces niet langer verdeeld over meerdere stappen en houdt de klant het overzicht, want deze hoeft niet meer heen weer te gaan met als risico dat de reeds ingevulde gegevens verloren gaan. Bij one page checkout houdt de klant juist het volledige overzicht. Dankzij de flexibiliteit kunnen Saferpay Fields perfect geïmplementeerd worden in een one page checkout.

Met Saferpay Fields kan ook aan speciale eisen worden voldaan. U kunt verschillende varianten uitproberen om te kijken welke oplossing het beste past bij uw situatie.

Met JavaScript Callbacks kunnen ontwikkelaars reageren op afzonderlijke incidenten. Dat maakt interactie mogelijk met de gebruiker, om deze bij de invoer van de benodigde gegevens te ondersteunen.

Hier een voorbeeld waarbij het kaartnummer, de vervaldatum en verificatienummer in een veld verschijnen. Het gebied waar het overeenkomstige item meestal wordt gevonden, wordt gemarkeerd op een creditcardsymbool.

Ook dit voorbeeld kunt u hier live zelf uitproberen: https://jsfiddle.net/saferpay/xt83g4r2/

Controleer of de door u aangeboden betaalmethoden nog steeds optimaal zijn afgestemd op uw doelgroepen. Wij breiden de functionaliteit van Saferpay voortdurend uit en voegen regelmatig nieuwe betaalmethoden toe. Het overzicht van alle momenteel door Saferpay ondersteunde betaalmethoden vindt u hier.

Onze experts adviseren u graag over de juiste combinatie van betaalmethoden voor uw business.

Voor het gebruik van Saferpay Fields is een Saferpay Business-licentie vereist.

Voordat u met de technische omzetting kunt beginnen, heeft u een Saferpay Fields Access Token nodig. Dat kunt u snel en eenvoudig aanmaken in Saferpay Backoffice. Lees meer hierover in onze Integration Guide: 

Neem bij vragen over of problemen bij de integratie contact op met onze Integration Support.