Help Docs
Contact supportSign in

Embeddable Calendar

This help doc explains how to embed AddEvent’s Embeddable Calendar on your website. The embeddable calendar displays your upcoming events in a clean, user-friendly format and allows visitors to easily add events to their own calendars. You can use it to share class schedules, promotional events, webinars, and more. AddEvent’s calendar works seamlessly with most website builders, including Wix, Squarespace, WordPress, Weebly, Leadpages, and Jimdo.

How to Embed Calendars on Your Website

To embed a calendar on your website or landing page, follow the below steps:

  1. Click on the calendar's title from the Dashboard. You will be directed to the Calendar details page.

  2. Scroll down to the Embeddable calendar section.

  3. Click the + icon to expand the section.

  4. Click the Customize and Share button.

  5. Select your preferred embeddable calendar design template.

  6. Check the box for any additional calendars that you would like to include in your embed.

  7. Click the Show embed options button located on the top-right corner.

  8. Click the Copy icon to the right of the embed option you want to use. You can choose between the following options:

    1. Embed code (default)

    2. URL

    3. URL including an iframe

  9. Paste the copied embed option onto your website where you would like the embeddable calendar to appear.

Embed Options

Embed code (default)

The embed code is the most common method. It works well with most website builders and HTML embedding tools. When you use this code:

  • The event automatically resizes based on your webpage content, including mobile devices.
  • It allows users to click outside of the event to hide popups and dropdowns.

URL

If your website doesn’t support embedding custom code, you can use the URL 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.

You can also use the URL option if you want to easily share your calendar's URL with your audience to allow them to view the calendar in their browser without them needing to follow the calendar.

URL including an iframe

The URL including an iframe option allows you to embed the event directly using an iframe, which is ideal for platforms like Microsoft SharePoint.

Embeddable Calendar Printing

If you're attempting to print your embedded calendar while it's set on the month view, and you notice that only the first few days of the month appear in the print preview or it appears in the list view, it might be due to your browser settings. Your browser settings could be causing the calendar to print in mobile view, and that would be why you're only able to see the first few days on the calendar.

Solution:

You can change the Margin in the print preview to "None" or "Minimum" and adjust the width of your browser window to see if the print preview will adjust to display the whole month. Adjusting the "More Settings" should help with this:


👍

This is a feature included in our paid plans. See our plans and pricing page here.