Help Center

How to Embed an Event Calendar on Your Website

With CalGet, you can easily embed a customizable event calendar directly onto your website. Follow this guide to set it up in just a few minutes.


Step 1: Log In to CalGet

Log in to your CalGet account by visiting CalGet.com. Don’t have an account yet? You can sign up for free and start creating your calendars instantly.


Step 2: Access the Embeddable Calendar Section

After logging in, look for the “Embeddable Calendar” option in the left-hand menu. Click it to view a preview of your calendar and customization options.


Step 3: Whitelist Your Domain

To ensure your calendar only appears on authorized websites, whitelist your domain:

  1. Click “Allowed Domains.”

  2. Enter your website’s URL (e.g., www.example.com).

  3. Save your changes.

This step secures your calendar, making it inaccessible to unauthorized websites.


Step 4: Select and Customize Your Calendar

From the dropdown menu, select the calendar you want to embed.

  • Custom Color: Adjust the calendar colors to match your website’s branding.

Preview your changes to ensure everything looks the way you want.


Step 5: Copy the Embed Code

Once your calendar is ready, locate the embed code at the top of the page. Click the “Copy” button to copy the HTML code to your clipboard.


Step 6: Add the Calendar to Your Website

The process of adding the embed code depends on your website platform.

  • For WordPress Users:

    1. Open the page or post where you want the calendar to appear.

    2. Add a Custom HTML block.

    3. Paste the copied embed code.

  • For Other Platforms:
    Platforms like Wix or Squarespace have similar options to add custom HTML. Simply locate the section to embed custom code and paste the code there.


Step 7: Save and Publish

Save your changes and refresh your website. Your event calendar is now live and ready for your audience!


FAQs

Why Do I Need to Whitelist My Domain?

Whitelisting ensures your calendar is only displayed on approved websites, preventing unauthorized sites from embedding it.

Can I Customize the Calendar’s Design?

Yes, you can adjust the calendar’s colors to match your website or brand. The color customization options are available in the embeddable calendar settings.

Does CalGet Work with All Website Platforms?

Absolutely! CalGet’s embeddable HTML code works with any platform that supports custom HTML, including WordPress, Wix, Squarespace, and custom-built websites.

Last updated: November 15, 2024

Can't find what you're looking for?

Our support team is here to help. Contact us for personalized assistance.