How to add the floating widget to your website

The widget is a script tag. Paste it once, ideally into whatever renders on every page, and a small pill appears in the corner.

Find it on the Share screen under Buttons and widgets, where you choose the words, the colour and which corner.

What happens when somebody clicks it

A panel opens beside the button with your pay card in it. They pick an amount and pay without leaving the page they were reading.

What is in the snippet

• data-user is your page name. Required.
• data-text is what the button says.
• data-color is the colour.
• data-position is left or right.

Editing them by hand afterwards works. They are plain attributes.

What it does to your site

Very little. The script is small, plain JavaScript with no library behind it, and it is cached for an hour. It does not touch anything else on your page and it does not track your visitors.

It also respects a visitor who has asked their system to reduce motion, so the panel appears rather than sliding.

Cross origin, and other reasons an embed usually breaks

Almost none of them apply. The script is served with permission to load from any site, the picture inside it likewise, and the panel is an iframe that is explicitly allowed to be framed anywhere. There is no whitelist to join and no key to configure.

The one exception is the microphone, and only if you have voice messages switched on. A browser gives an embedded frame no access to a microphone unless the page holding it says so, so the widget asks for it in its own tag. If your site sends its own permissions policy and that policy turns the microphone off, the recorder will appear inside the panel and then fail when a supporter presses record. Nothing else in the panel is affected, and supporters can still write a message.

Removing it

Delete the script tag. There is nothing left behind.