You can easily embed your Planning Center calendar on your website. Just follow these steps:
1) Log in to your Planning Center account, click the drop-down arrow at the top left, then click Account Settings:
2) Click Church Center in the left vertical menu:
3A) Scroll down and ensure Calendar is under Features > In Navigation (and not in the Disabled section). Once done, jump down to step 4. NOTE: If the features section doesn't show, jump to 3B below.
3B) If the features section doesn't show, click the blue Open Publishing button:
Click Navigation then ensure Calendar is listed in your navigation. If not, add it by clicking the blue Add nav item button. Then, click the blue Publish button.
4) (Only applicable for those coming from step 3A). Click the green Save Changes button:
5) Click the dropdown menu at the top left, then select Calendar:
6) Now that you're on the Calendar module, you'll see your calendar. Click the Share button (with the up arrow):
7) The Share events box will show. Click Embed then Continue.
8) In the Embed Church Center Calendar box that appears, select your style (1) then custom filters (2). Next, click Script (3), Copy code (4), and Close (5).
9) Open up the Herald CMS and the page where you'd like to embed the calendar. Click Content, then HTML. Paste in the embed code from your clipboard; your screen will look something like this:
10) Click the green Update button, then the green Publish button.
11) Voila! Your embedded calendar will appear according to the settings you specified in step 7 above. Here is our sample embedded calendar.