Embeddable Calendar
This help doc provides information about the Embeddable Calendar and explains how to embed it on your website. An embeddable calendar allows you to showcase all your upcoming events on your website in a simple and visually appealing way. It helps increase event visibility, engage your users, and allows them to easily interact with the calendar by adding events to their own calendars. You can embed the calendar on your website for different purposes, such as sharing class schedules, promotional events, webinars, and more. AddEvent’s embeddable calendars integrate quickly and seamlessly with your website. If you use a website builder like Wix, Squarespace, WordPress, Weebly, Leadpages, or Jimdo, we’ve got you covered – our embeddable calendar will work perfectly there too.
How to Embed a Calendar on Your Website
Step 1: Access your Calendar
- Go to your Dashboard: On the left side of the Dashboard, hover over the calendar you want to embed.
- Open the Event Page: Click the three dots next to your selected calendar and choose Calendar page.
- Navigate to the Embed Section" Scroll down to the Embeddable calendar section and click Customize + Share.
Step 2: Choose Your Embed Option
- Click "Show embed options": This will open the embed options for your calendar.
- Select Your Preferred Embed Option: Click Copy next to the embed option you want to use. You can choose between the following options:
Embed Options
Embed Code (Default)
This is the most common method. It works well with most website builders and HTML embedding tools. When you use this code:
- The calendar automatically resizes based on your webpage content, including mobile devices.
- It allows users to click outside of the calendar to hide popups and dropdowns.
URL/Link to the Embeddable Calendar
If your website doesn’t support embedding custom code, you can use this option. It provides a simple URL to embed the calendar into an iframe. This is often used on platforms that allow linking but not custom HTML, like certain landing page builders.
Embed as an iFrame
This option allows you to embed the calendar directly using an iframe, which is ideal for platforms like Microsoft SharePoint.
Customizing Your Embeddable Calendar
Our embeddable calendar comes with a beautiful standard template, but we also make it easy to customizeYou can customize the appearance and functionality of your embedded calendar to fit your website’s design and branding. There are two ways to customize your calendar:
Quick customize
- Click the Customize + Share button. This option allows you to quickly adjust:
- Which calendars are shown.
- The default view (daily, weekly, monthly).
- Time and date formats.
- Additional features to include.
- Adjust Options: You can select the features and views that best suit your website.
Custom templates
For advanced customization, you can create custom templates, adjusting elements like:
- Date and time formats.
- Language, colors, and fonts. This option requires HTML and CSS knowledge and is available in our paid plans.
Watch this tutorial!
This is a feature included in our paid plans.
Updated 20 days ago