Skip to main content

Overview

Code Snippets gives you three ways to get your payment form in front of customers: an embed code, a payment button, and a direct link. Go to Advanced > Code snippets to find all three, already filled in with your own payment page address.

Embed Code

The embed code adds your payment form to your site as a pop-up window. Paste it once, right after your site’s <body> tag:
The window stays hidden until a payment button opens it.

Payment Button

Drop this link wherever you want a payment button to appear. Clicking it opens your payment form in the pop-up window:
Copy the button from Code snippets rather than typing it, so it carries your own page address in place of your-slug. Nonprofits see Give Now as the label. You can change the label and style the link however you like; keep the href, target and onclick as they are. Your direct payment link is a standalone URL you can share anywhere — email, text message, invoices, or your website:
Click Copy to copy it to your clipboard, or Open to preview your live payment page.

Tips

  • Add the embed code to your website’s global template so it loads on every page
  • Use as many payment buttons as you like across different pages — a “Pay Now” button in the nav, a button at the bottom of an invoice page, etc.
  • The direct payment link works great for email invoices and text reminders where embedding code is not possible