Adding your calendar to Webflow takes three steps: add the Revisual loader to the head code, add an Embed element where the calendar goes, then publish. Your events then update on your site automatically, with no changes in Webflow.
Before you start:
You need a Webflow Basic site plan or higher. The free Starter plan doesn't run custom code, so the calendar won't show.
Publish your calendar. See How to publish your calendar and add it to your website.
In Revisual, open your calendar's Install tab and click Install. Add your website if you haven't yet, choose Webflow and click Continue. Keep this window open: it has both snippets.
Step 1: Add the loader to the head
In the Webflow Designer, open the Pages panel and click the settings icon next to your page. Under Custom code, paste the first snippet into Inside <head> tag and save.
Calendars on several pages? Add the loader once for the whole site instead, in Site settings › Custom code › Head code.
Step 2: Add an Embed element
Open the Add panel and drag an Embed element to where the calendar should appear. Paste the second snippet into the Code Embed Editor and save.
Repeat on each page that shows the calendar.
Step 3: Preview, then publish
To see the calendar in the Designer, turn on Enable custom code? in the top bar. It only changes your view: your published site shows the calendar either way. Click Publish so visitors see it.
Then click Test installation in Revisual to check it works. See How to test your calendar installation.
Add an event alert to Webflow
An event alert has its own snippet. Copy it from the alert's Install tab and add it to Site settings › Custom code › Head code. See How to add an event alert banner to your website.
Calendar not showing?
Check your Webflow plan: Starter doesn't run custom code.
Check that the loader is saved in the page's (or site's) head code.
Publish your site again: it needs publishing at least once after you add the code.
Nothing in the Designer? Turn on Enable custom code? in the top bar.
Check that your website, including any webflow.io address you test on, is listed under Websites in Revisual. See How to add your website so your calendar can show on it.
Tip: if your main calendar holds private appointments, keep your public events in a separate calendar and show only that one. See How to organise Google Calendar for the events on your website.
Webflow's own guide: Custom code in head and body tags.