Setup PCO Giving with Squarespace

This is a simple tutorial for setting up Planning Center Giving embedded modal with Squarespace so you can have a cool popup like this:

Explinations are at the bottom of each picture below.

Explinations are at the bottom of each picture below.

 
 
 
In your admin menu Click "Settings"

In your admin menu Click "Settings"

Then Click "Advanced

Then Click "Advanced

Then Click "Code Injection"

Then Click "Code Injection"

Screen Shot 2017-11-17 at 10.59.39 AM.png

Copy and Paste the code below into the "Header" section. Then click the webpage back button to get back to your main menu.

<script src="https://js.churchcenter.com/modal/v1"></script>
Click on "Pages"

Click on "Pages"

Click the + to add a "Link".

Click the + to add a "Link".

Screen Shot 2017-11-17 at 11.01.54 AM.png

Put "Give" or whatever you want your link to say in the "Link Title".
Paste this code in "Link" box:

https://yourcbcfamily.churchcenteronline.com/giving?open-in-church-center-modal=true"

Change the yourcbcfamily.churchcenteronline.com part to your unique church url. 

Now click "Save".

You should have a working popup form now. If it's not working check to make sure you are using the https:// version of your site. And check that SSL is turned on in "Settings / Security & SSL" like this:

Screen Shot 2017-11-17 at 11.18.02 AM.png

I hope this helps your church help broken people find hope! If you are still stuck contact PCO Support