Naar de hoofdinhoud

Tekst op je betaalpagina aanpassen met JavaScript code

Met aangepaste JavaScript kun je teksten aanpassen zodat ze beter aansluiten bij jouw bedrijfsstijl

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

Jij kan je Plug&Pay betaalpagina's op talloze manieren vormgeven om er een eigen draai aan te geven. Sommige onderdelen op je betaalpagina zal je echter niet zomaar kunnen aanpassen. Denk daarbij aan termen als Besteloverzicht of Eenmalige extra kosten.

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

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

Custom scripts zijn is onderdeel van Plug&Pay Premium & Ultimate. Maak je gebruik van Plug&Pay Lite? Upgrade dan naar Premium of Ultimate om deze functie te gebruiken.


Tekst vinden en kopiëren

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

Om een JavaScript code te verkrijgen, zal ik eerst het element moeten selecteren en kopiëren.

1) Highlight het onderdeel
2) Met de rechtermuisknop, klik 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/Kopieer > Copy element/Kopieer element


De JavaScript code ophalen

Nu we de code van het element hebben gekopieerd, is het tijd om onze custom 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 Besteloverzicht aanpassen.

Kopieer de code die ChatGPT geeft, en navigeer naar de betaalpagina waar jij de JavaScript code wil toepassen. Je kan de code ook toevoegen aan al je betaalpagina's, dit kan via Instellingen > Custom scripts.

Bij een betaalpagina kan je de code kwijt onder het tabblad Geavanceerd:

❗️Let op: 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 'Jouw nieuwe titel' aan te passen. Hieronder zie je dat ik deze tekst vervang met Winkelmandje.

Klik op opslaan en bekijk je betaalpagina 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?