Embeddable Giving Form

Planning Center Giving

You put a lot of time and effort into your church website, so it’s a bummer to send visitors somewhere else when they’re donating. No more! Now you can put the entire donor experience right on your own website.

Here’s what it looks like:

Embedded Giving

Give it a Try

* Don’t actually donate to our fake church. We’ll probably just spend it on toys and LaCroix.

Details and Installation

The button is just a regular old html link, so you can style it any way you like. Most commonly, people make them look like buttons with labels like “Give Now” or “Donate.” On mobile devices the link’s functionality will change so that it opens the donation form in a new tab (which works better on phones). Please note that your website must be a secure https website for the embedded experience to work.

To get it working with your site, check out the installation instructions. The basic steps are:

  1. Add the script to the header of your website:
    <script src="https://js.churchcenter.com/modal/v1"></script>
  2. Create a link with a special parameter in the URL:
    https://firstballard.churchcenteronline.com/giving?open-in-church-center-modal=true

That’s it!

Let us know what you think,
❤️ Team Giving