Church Technology

Embedding Planning Center on WordPress, Wix, and Webflow (Not Just Squarespace)

February 26, 20266 min readWTX Labs
Embedding Planning Center on WordPress, Wix, and Webflow (Not Just Squarespace)

Embedding Planning Center on WordPress, Wix, and Webflow (Not Just Squarespace)

We've written before about connecting Planning Center to a Squarespace site, and it's one of our most common church tech questions. But plenty of churches aren't on Squarespace — they're on WordPress, Wix, or Webflow, and the question is exactly the same: how do we get our giving, forms, groups, and events showing up on our actual website without rebuilding everything?

The good news is that Planning Center's Church Center embeds work across all of these platforms. The mechanics differ a little from one to the next. Here's how it works on each.

The Common Foundation

No matter what platform you're on, the core idea is the same. Planning Center's Church Center supports two things:

  1. Modal embeds — a small script that lets a button or link open a Planning Center popup (giving, a form, etc.) right on top of your page, instead of sending visitors away to a different site.
  2. Direct links — you can always just link to your Church Center pages. Less seamless, but it works everywhere with zero setup.

The modal approach is the nicer experience, and it comes down to two ingredients: adding Church Center's embed script to your site's header, and setting up your links correctly. How you add that script is what changes between platforms.

WordPress

WordPress is the most flexible of the three, which is both good and bad — there are several ways to do it, and the right one depends on your setup.

Adding the script: The cleanest method is to add the Church Center embed script to your site header. If your theme has a header/footer scripts option (many do, like Astra or Kadence), paste it there. If not, a small plugin like "WPCode" or "Insert Headers and Footers" does the job without touching theme files. Avoid pasting it directly into theme code — it'll disappear the next time the theme updates.

Creating the buttons: Add a button block in the WordPress editor, set its link to your Church Center giving or form URL with ?open-in-church-center-modal=true on the end, and make sure it's not set to open in a new tab. That last part is what makes it pop up instead of redirect.

Groups and events: For automatically synced group listings and calendars, WordPress has the most third-party options. Tools like Display.Church work here, and there are WordPress-specific plugins as well. This is one area where WordPress's plugin ecosystem genuinely helps.

Wix

Wix is more locked-down than WordPress, but it can still handle Church Center embeds.

Adding the script: Wix lets you add custom code through Settings > Custom Code (on the Wix dashboard), where you can paste the Church Center script and set it to load on all pages in the head. You'll need a Premium plan for this — custom code isn't available on the free tier.

Creating the buttons: Add a button element, and under its link settings, point it to your Church Center URL with the modal parameter. Wix's link handling is a little less direct than Squarespace's, so in some cases the cleaner route is an "Embed HTML" element where you paste a proper link with the modal trigger.

The honest caveat: Wix's structure makes the modal behavior slightly less reliable than on other platforms, and your customization options are narrower. It works, but Wix is the fussiest of the group. If giving and forms are critical and you're already frustrated with Wix, this is one more data point worth weighing.

Webflow

Webflow sits in between — more control than Wix, more technical than Squarespace.

Adding the script: Webflow has a clean spot for this. Go to Project Settings > Custom Code and paste the Church Center script in the head section. It'll load across the whole site. You can also add code to individual pages if you only need the embed in one place.

Creating the buttons: Add a link or button element, set the URL to your Church Center giving/form link with the modal parameter, and make sure it opens in the same tab. Webflow gives you full control over how the button looks, which is one of its strengths.

Groups and events: Webflow's CMS is powerful but doesn't sync with Planning Center automatically. For live group and event listings, you'll lean on the same third-party tools (Display.Church and similar) that connect to your PCO calendar and embed a widget.

Which Platform Handles This Best?

If we're being honest: Squarespace and Webflow handle Church Center embeds most cleanly, WordPress is the most flexible if you're willing to manage it, and Wix is the most limited. None of them require rebuilding your site, and all of them can do the core job — giving and forms as on-page popups.

The thing that trips most churches up isn't the platform. It's the small details: the modal parameter, the "open in new tab" setting, where the script actually needs to live so it survives updates. Get those right and it just works.

The Bottom Line

You don't need to be on Squarespace to use Planning Center on your website. WordPress, Wix, and Webflow all support Church Center embeds — the script goes in the site header, your buttons get the modal parameter, and groups and events lean on a sync tool when you want them live.

If you'd rather not work through the platform-specific quirks yourself, we set this up for churches regularly — on whatever platform you're already running. We'll get giving, forms, and events working without making you switch anything.

Planning CenterWordPressWixWebflowChurch TechnologyPCOIntegrations

Have a project in mind?

Tell us what you're working on. We'll help you figure out the right path forward — no commitment required.

Get in Touch