Skip to main content

How to add your calendar to any website (embed code)

Add your calendar to any website with two snippets: a loader in the page head, and the widget where it should appear. Plus fixes if you can't edit the head.

Written by Piotr Poźniak

Use this guide for any website without its own guide: other website builders, or a site you or your developer built. You paste two snippets into your site's HTML.

Before you start: publish your calendar. See How to publish your calendar and add it to your website.

Open the install steps

On your calendar's Install tab, click Install. Add your website if you haven't yet, then choose Any website and click Continue.

Step 1: Add the loader to your site's <head>

Copy the first snippet and paste it into the <head> of your website, so it loads on every page.

You only do this once per website. If another Revisual widget is already on the site, skip this step.

Step 2: Place the widget where it should appear

Copy the second snippet and paste it into the page, where you want the calendar. Repeat on each page that shows it. Each calendar has its own snippet.

Then click Test installation to check it works, or Done. See How to test your calendar installation.

Can't edit your site's <head>?

Under Having trouble?, open I can't edit my site's <head>. Copy the combined snippet and paste it where the calendar should appear. It loads the script and the widget together.

It's slower if a page has several widgets, because each copy loads the script again. Use the two steps above if you can.

Widget looks broken on your theme?

Some themes have styles that change how the calendar looks. Under Having trouble?, open The widget looks broken on my theme. Add the loader to the <head> as in Step 1, then paste the iframe widget snippet where the calendar should appear.

Inside an iframe, the calendar can't use your website's fonts and colours. Set them on the Design tab instead.

Calendar not showing?

Guides for website builders

Did this answer your question?