Installation
It might be a good idea to mask https://pos.usecue.com/pay, and show them your own website URL. For that there is a small script that turns ANY page you have access to, into your own payment page.
<script src="https://pos.usecue.com/p/js/pay.js?id=1"></script>
Just add the line above to the page you want your payment page to be, with your own company number as id. Note that you can use the other payment parameters on your chosen page (as well).
Example
Say you own example.com and you want example.com/pay to be your payment page. Put a page there with the script in it:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pay Example Company</title>
<script src="https://pos.usecue.com/p/js/pay.js?id=1"></script>
</head>
<body>
<p>One moment please, we are loading the payment page.</p>
</body>
</html>
Then send your customer a link to that page, with the payment parameters in it:
https://example.com/pay?amount=12.50&specification=Order%201234&lang=en
The script reads those parameters and fills the page with the payment page for company 1, asking € 12.50 for ‘Order 1234’ in English. Your visitor only ever sees example.com in the address bar.
Try it out
You can test how it works on this page. Just add ?amount=12.50 after the current URL and all default parameters will appear. You can change those parameters to change the page.
Good to know
- The
idbelongs in the address of the script, not in the address of your page. Anida visitor puts in the address is ignored and removed, so nobody can turn your page into a payment page for another company. - Without an
idon the script the script does nothing at all and your own page stays as it is. - The script only takes over your page once at least one of the
parameters
amount,specificationorlangis in the address. Without them your own page stays as it is, so you can put the line on a page that has to stay usable. - The line can go anywhere in the page, in the
headas well as in thebody. The frame is added as soon as the page is ready. - The whole query string is passed on, so parameters of your own end up in the frame too. They are ignored by the payment page.
- The frame covers your page completely and scrolling of the page behind it is switched off. Use it on a page of its own, not on a page that has to stay visible.
- Serve your own page over https, otherwise the browser blocks the frame.