Naar de hoofdinhoud

Tekst op je betaalpagina aanpassen met Javascript code

Verander standaardtekst op je betaalpagina met custom Javascript code

Bryan Schoenmaker avatar
Geschreven door Bryan Schoenmaker
Deze week 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 Winkelmandje 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 Javascript code

Javascript code toevoegen 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 Besteloverizcht 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/Kopieer > Copy element/Kopieer 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 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 > Widgets.

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?