Skip to main content

Calendar embed shows blank or does not load

Checks for a missing or empty calendar embed, and the iframe option for builders that block scripts.

T
Written by Tom

If your embedded calendar shows no events, or nothing appears at all, work through these checks. Most problems come from part of the snippet being missing or the website builder blocking scripts.

Check the snippet

  • Both parts of the snippet must be on the same page: the <script> tag, and the <div class="addcal-calendar"> container with your calendar's data-calendar-uid.

  • Paste the snippet into a custom HTML or code block, not a text block. A text block shows the code as text or strips the script.

  • If your page has an old snippet with a version number in the script address (for example /embed/1.5.0/), replace it with the current one. See Keep your embed up to date.

Use the iframe if your builder blocks scripts

Some builders only accept an iframe or a link, for example a form builder's iframe widget. For those, use the iframe version of the calendar:

  1. Open the calendar and go to its Share tab.

  2. Under Embed in my website, click Copy Code.

  3. Paste the code into your builder's iframe or HTML block. If the widget only takes a URL, use the address from the iframe's src.

The iframe needs a paid plan. On the Free plan the preview works inside AddCal, but other websites show a blocked message instead of the calendar. Access-protected calendars cannot be embedded.

Some platforms restrict scripts on individual pages but allow them in a site-wide header or tracking scripts area. Try adding the script tag there and the container on your page.

Check the calendar and plan

  • Embedding a calendar needs a paid plan (Premium or Business). On the Free plan the Calendar Embed page shows Upgrade to Embed instead of the code.

  • Check the calendar has upcoming events.

  • If your events start in a later month, set Start On Month to Next upcoming event on the Calendar Embed page (View tab), so visitors do not land on an empty month.

Check the browser

  • Open your browser's developer console and network tab, and look for errors or blocked requests to addcal.co or cdn.addcal.co.

  • Turn off ad blockers and privacy extensions for the page, then reload.

If it still does not load, send us the link to the page and we will take a look.

Related

Did this answer your question?