Planning Center Forms
Planning Center does not allow us to embed their forms directly in the content of our websites and apps, however, they do provide a script to open it in a modal popup window. Here’s how you can do that: Make sure the Planning Center integration is enabled on your website. In your dashboard, visit the...
People + agents
Client-authored
Planning Center does not allow us to embed their forms directly in the content of our websites and apps, however, they do provide a script to open it in a modal popup window. Here’s how you can do that:
- Make sure the Planning Center integration is enabled on your website.
- In your dashboard, visit the Settings > Integrations page and make sure the Planning Center integration is enabled. This will add the Planning Center script to your header.
You can also manually add the script into your
<head>if you prefer.
- Add the Planning Center modal URL parameter to your link.
- In the page builder or block editor, you can add a button, image, or text link to your form. At the end of the form URL, add
?open-in-church-center-modal=trueto the end of the URL. - Publish your post or page.
:::tip Always Test Your Changes! Also, be sure to test your results in an incognito/private window. :::
Planning Center Integration Script#
<!-- Planning Center Integration Script -->
<script src="https://js.churchcenter.com/modal/v1"></script>