Naar de hoofdinhoud
Alle collectiesEen checkout makenExtra opties
Tekst op je checkout aanpassen met Javascript code
Tekst op je checkout aanpassen met Javascript code

Verander standaardtekst op je checkout met custom Javascript code

Bryan Schoenmaker avatar
Geschreven door Bryan Schoenmaker
Meer dan een week geleden bijgewerkt

Jij kan je Plug&Pay checkouts op talloze manieren vormgeven om er een eigen draai aan te geven. Sommige termen op je checkout zal je echter niet zomaar kunnen aanpassen.

Denk daarbij aan termen als Gegevens of Winkelmandje.

Met een custom Javascript code kan jij deze termen wel aanpassen. Zo kan jij je checkout nóg meer personaliseren 😁

❗️Let op: dit is een geavanceerde functionaliteit. Wij leveren geen verdere support op het gebruik van een custom Javascript code


Tekst vinden en kopiëren

Stel dat ik het woord Winkelmandje niet wil gebruiken, maar liever een andere term.

Om een Javascript te verkrijgen, zal ik eerst het element moeten selecteren en kopiëren. Dit doe ik door het onderdeel wat ik wil aanpassen te selecteren, en met de rechtermuisknop op Inspect / Element inspecteren klikken.

Er opent dan een groot venster aan de rechterkant. Kopieer het uitgelichte stukje door weer op je rechtermuisknop te klikken > Copy > Copy element


De Javascript code ophalen

Nu we de code van het element hebben gekopieerd, is het tijd om onze Javascript code te verkrijgen.

De makkelijkste manier om dit te doen, is natuurlijk via AI. Ik gebruik in dit voorbeeld ChatGPT.

Plak het gekopieerde element uit de vorige stap in ChatGPT, en vraag het of het een Javascript code kan geven om de term aan te kunnen passen. In dit geval wil ik de term Winkelmandje aanpassen.

Kopieer de code die ChatGPT geeft, en navigeer naar de checkout waar jij de Javascript code wil toepassen.

Onder het tabblad Geavanceerd kan jij deze code kwijt:

De code moet beginnen met <script> en eindigen met </script>. Mocht de code deze tags niet bevatten, voeg deze dan zelf toe.

De tekst aanpassen

Om onze eigen tekst te gebruiken, hoeven we alleen maar het stukje 'Nieuwe term' aan te passen. Hieronder zie je dat ik deze tekst vervang met Winkelwagen

Klik op opslaan en bekijk je checkout om je nieuwe aanpassing direct te zien!


Mijn code werkt niet, hoe kan dat?

  • Controleer of je script begint en eindigt met de script tags (<script> </script)

  • Controleer of je het juiste element hebt gekopieerd

  • Controleer of je de juiste tekst in de code van ChatGPT hebt aangepast

Geef aan ChatGPT aan dat de code niet werkt. Deze zal je een andere code geven die je kan proberen te gebruiken.

Was dit een antwoord op uw vraag?