Betaalmethoden wijzigen

Als je een webshop hebt, is het belangrijk dat je klanten zich thuis voelen, waardoor ze eerder geneigd zijn iets te kopen. Dit kan positief beïnvloed worden door het aanpassen van sommige woorden, maar heeft ook te maken met de voorkeuren in je webshop.

Een voorbeeld van deze voorkeuren is de meest gekozen/favoriete betaalmethode van een land. Zo is iDeal de meest gebruikte betalingsmethode in Nederland en staat deze meestal bovenaan, maar in België is dit bijvoorbeeld Mistercash/Bancontact, en in Duitsland Paypal of Sofort Banking. De betaalmethoden kun je eenvoudig wijzigen.

Geselecteerde betaalmethode

Hiervoor pas je in de code van de website aan welke betaalmethode de optie 'selected' heeft. Ga met je muis op de betaalmethoden staan en inspecteer deze met de rechtermuisknop.

De code die bij de betaalmethode hoort, kopieer je makkelijk naar de backend van Clonable. In dit stukje code staat 'selected' waarschijnlijk bij iDeal, maar voor België moet dit bij 'Bancontact/Mistercash' staan. In de rechterkolom voer je hetzelfde stukje code in, maar zet je 'selected' bij 'Bancontact/Mistercash'.

Belangrijk hierbij is dat het andersom ook veranderd wordt. Waar eerst 'selected' bij stond, haal je het nu weg. Je voert dus twee verschillende regels in in Clonable. In de eerste voer je het stukje code van iDeal in, dat eerst 'selected' was maar nu niet meer. In de tweede voer je het stukje code voor Bancontact/Mistercash in, dat eerst niet 'selected' was maar nu wel.

Original Replacement		Options
< id="payment_method_mollie_wc_gateway_ideal" name="payment_method" value="mollie_wc_gateway_ideal" checked='checked'/>< id="payment_method_mollie_wc_gateway_ideal" name="payment_method" value="mollie_wc_gateway_ideal" data-order_button_text="" />		Case insensitive Regular expression Single word

Original Replacement		Options
< id="payment_method_mollie_wc_gateway_bancontact" name="payment_method" value="mollie_wc_gateway_bancontact" data-order_button_text="" />< id="payment_method_mollie_wc_gateway_bancontact" name="payment_method" value="mollie_wc_gateway_bancontact" checked='checked'/>		Case insensitive Regular expression Single word

Op deze manier is voor bezoekers van je site de favoriete betaalmethode automatisch aangevinkt.

Volgorde van betaalmethode

Naast het selecteren van de juiste betaalmethode, is het ook handig om deze geselecteerde betaalmethode helemaal bovenaan het rijtje van de betaalmethoden te zetten. Dit laat de bezoeker van de webshop zich weer net wat meer thuisvoelen. Stel dat je bijvoorbeeld een Franse clone hebt aangemaakt, waar Creditcard de meest voorkomende betaalmethode is. Dan wil je dat deze bovenaan komt te staan. Om dit door te voeren in Clonable, voeg je eigen CSS toe aan je clone. Ga in de backend van Clonable naar je clone en klik op 'Clone settings' in het linkerzijmenu. Onderaan de pagina kun je 'Body and head additions' toevoegen.

Voorbeeld

We nemen de Franse clone weer als voorbeeld. Om Creditcard bovenaan te plaatsen, geef je het met behulp van CSS een nieuwe positie. Door 'order:-1;' toe te voegen aan het stukje code dat gaat over de positie van Creditcard in het rijtje van betaalmethoden, geef je aan dat Creditcard boven alle andere betaalmethoden in dat rijtje komt te staan. Voor verschillende CMS-systemen ziet dit stukje code er waarschijnlijk anders uit. Om zeker te weten dat het script klopt, inspecteer je de betaalmethoden op je afrekenpagina met de rechtermuisknop. Het onderstaande script laat zien hoe het geheel eruitziet in een Lightspeed-shop.

Code to inject at the end of the html head

<style>
ul.wc_payment_methods{
    display:flex;
    flex-direction:column;
}

li.wc_payment_method.payment_method_mollie_wc_gateway_creditcard {
    order:-1;
}

</style>

Je kunt dit voorbeeld ook gebruiken om de gehele volgorde van betaalmethoden aan te passen. Je kunt de '-1' vervangen door andere cijfers om de hele rij betaalmethoden opnieuw te rangschikken. Voor elke betaalmethode voer je dan bovenstaand stukje code in, verander je 'creditcard' in de naam van de betaalmethode die je opnieuw wilt rangschikken, en geef je met het cijfer aan welke positie deze in de opsomming moet krijgen.

Betaalmethode verwijderen

Het is ook mogelijk om een betaalmethode te verwijderen. Zo wordt iDeal door Franse klanten niet gebruikt, waardoor het beter is deze methode van de Franse site te verwijderen. Ook deze aanpassing kun je doorvoeren met CSS in de 'Body and head additions'. Let er weer op dat je voor je CMS het juiste script kopieert. Onderstaand voorbeeld laat weer zien hoe dit eruitziet in een Lightspeed-shop.

Voorbeeld

Voor het weghalen van iDeal bij de betaalmethoden, geven we met CSS aan dat de betaalmethode niet op de site getoond wordt. Dit doen we door 'display:none;' aan het stuk code van iDeal toe te voegen. Het gehele stuk ziet er dan als volgt uit:

Code to inject at the end of the html head

<style>
li.wc_payment_method.payment_method_mollie_wc_gateway_ideal {
    display:none;
}
</style>

Wanneer dit wordt toegevoegd aan de 'Body and head additions', wordt iDeal uit het rijtje verwijderd en is deze niet meer te zien tussen de betaalmethoden op je website. Wil je een andere betaalmethode van je website verwijderen, dan vervang je 'ideal' in het script door de naam van de betaalmethode die weggehaald moet worden.