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 at the end of the page you want your payment page to be, right before </body>, 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>
  </head>
  <body>
    <p>One moment please, we are loading the payment page.</p>
    <script src="https://pos.usecue.com/p/js/pay.js?id=1"></script>
  </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 id belongs in the address of the script, not in the address of your page. An id a visitor puts in the address is ignored and removed, so nobody can turn your page into a payment page for another company.
• Without an id on 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, specification or lang is 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 belongs at the end of the body, right before </body>. The frame is added the moment the line is read, so the page has to be there already. Higher up in the page, or in the head, there is nothing to add the frame to yet.
• 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.