Installatie
Het kan een goed idee zijn om https://pos.usecue.com/pay te maskeren en je bezoekers de URL van je eigen website te laten zien. Daarvoor is er een klein script dat ELKE pagina waar je toegang toe hebt verandert in je eigen betaalpagina.
<script src="https://pos.usecue.com/p/js/pay.js?id=1"></script>
Voeg de regel hierboven onderaan de pagina toe die je betaalpagina moet worden, vlak voor </body>, met je eigen bedrijfsnummer als id. Let op: je kunt de andere betaalparameters (ook) op je eigen pagina gebruiken.
Voorbeeld
Stel dat je example.com bezit en je wilt dat example.com/pay je betaalpagina wordt. Zet daar een pagina neer met het script erin:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>Betaal Voorbeeldbedrijf</title>
</head>
<body>
<p>Een moment geduld, we laden de betaalpagina.</p>
<script src="https://pos.usecue.com/p/js/pay.js?id=1"></script>
</body>
</html>
Stuur je klant vervolgens een link naar die pagina, met de parameters van de betaling erin:
https://example.com/pay?amount=12.50&specification=Bestelling%201234&lang=nl
Het script leest die parameters en vult de pagina met de betaalpagina voor bedrijf 1, die € 12,50 vraagt voor ‘Bestelling 1234’ in het Nederlands. Je bezoeker ziet alleen example.com in de adresbalk.
Probeer het uit
Je kunt op deze pagina testen hoe het werkt. Voeg gewoon ?amount=12.50 toe achter de huidige URL en alle standaardparameters verschijnen. Je kunt die parameters aanpassen om de pagina te veranderen.
Goed om te weten
- Het
idhoort in het adres van het script, niet in het adres van je pagina. Eeniddat een bezoeker in het adres zet wordt genegeerd en verwijderd, zodat niemand van jouw pagina een betaalpagina voor een ander bedrijf kan maken. - Zonder een
idbij het script doet het script helemaal niets en blijft je eigen pagina zoals hij is. - Het script neemt je pagina pas over zodra minstens één van de
parameters
amount,specificationoflangin het adres staat. Zonder die parameters blijft je eigen pagina zoals hij is, zodat je de regel op een pagina kunt zetten die bruikbaar moet blijven. - De regel hoort onderaan de
body, vlak voor</body>. Het frame wordt toegevoegd op het moment dat de regel gelezen wordt, dus de pagina moet er dan al zijn. Hoger in de pagina, of in dehead, is er nog niets om het frame aan toe te voegen. - De hele querystring wordt doorgegeven, dus ook je eigen parameters komen in het frame terecht. Die worden door de betaalpagina genegeerd.
- Het frame bedekt je pagina volledig en het scrollen van de pagina erachter wordt uitgeschakeld. Gebruik het op een aparte pagina, niet op een pagina die zichtbaar moet blijven.
- Serveer je eigen pagina via https, anders blokkeert de browser het frame.
