Skip to main content

How to embed your church events calendar on your website

You can easily display your Gracely calendar on your church website using an embed code.

Step 1: Open the Calendar

  1. Go to Calendar from the left menu.

  2. Make sure the calendars you want to show are enabled on the right side.

👉 Log in to Gracely to follow along.

① The calendars ticked on the right are the ones that show. ② Embed calendar is at the top right.

Step 2: Click “Embed calendar”

  1. On the top right, click Embed calendar.

  2. A popup will appear with an embed code.

Step 3: Copy the embed code

  1. Click Copy to copy the iframe code.

  2. The code is already optimized for width and scrolling.

In Embed to your website, ① Copy puts the code on your clipboard.

Step 4: Paste it on your website

  1. Open your website editor.

  2. Paste the embed code into an HTML block or page section.

  3. Save or publish your page.

That’s it. Your church events calendar is now live on your website and updates automatically when events change.

Related Articles
Did this answer your question?