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:
Click “Allowed Domains.”
Enter your website’s URL (e.g.,
www.example.com
).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:
Open the page or post where you want the calendar to appear.
Add a Custom HTML block.
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.