Step by step

1. Open Pages from the navigation

   In the left-hand column, find the Website group and click Pages. The Pages screen lists every page belonging to your organisation's website, whether it was generated from records or written by hand. If no organisation is selected in the picker, the screen will prompt you to choose one before anything appears.

2. Open the page you want to edit, or create a new one

   Click the page where the button should appear — your front page or a Support us page, for example. If no suitable page exists, click the Write a new page button in the top-right corner of the list header. Either way, the page editor opens alongside a live preview of your organisation's own site.

3. Add an Invitation section to the page

   Scroll down to the Sections field in the editor and click to add a block. In the block picker, look for the group labelled invitations and select the block called Invitation. Its description reads: A band asking for one thing, with a second way in beside it. This adds the section to your page.

4. Fill in the button label and the destination URL

   The Invitation block contains an eyebrow, a heading, and a body field, followed by a row for your button. Type the button's text into actionLabel — something like Donate now or Pay online — and paste your payment link into actionHref. A second optional row lets you add a secondary label and href for a second link if you need one. At minimum, fill in actionLabel and actionHref.

5. Save the page

   Click Save or Save and publish. The page is stored in the pages collection and the live preview pane updates to show the Invitation section in your organisation's own design.

6. Publish the page

   Set the page's status to Published and save again. The page becomes publicly visible at your organisation's address — your custom domain if one has been set, or the platform subdomain otherwise.

7. Confirm the button appears on your site

   When a visitor opens the page, the platform renders the button as a pill-shaped link pointing to the URL you entered. The platform checks the URL before rendering it: addresses beginning with '/', 'https:', 'mailto:', or 'tel:' are allowed through, while anything else is dropped silently. If the label is filled in and the URL passes that check, the button appears and clicking it takes visitors to your payment destination.

What happens next

A pill-shaped button labelled with whatever text you typed appears on the chosen page of your website. Any visitor who clicks it is taken directly to the payment provider URL you entered — whether that is a donation page, an online checkout, or another secure payment link. The button is part of your organisation's own site design and sits within the Invitation section you added.

Good to know

The platform only renders URLs that begin with a forward slash, https:, mailto:, or tel:. If you paste a link that does not start with one of those — for instance one copied from a browser bar that begins with something unexpected — the button will not link anywhere. Always use the full https: address copied directly from your payment provider.

The Invitation block has an optional second link, with its own label and href fields, which you can fill in if you need a second link on the same section.