How to Configure the Event Calendar App for Webflow
To configure the Event Calendar App for Webflow, follow along with the following steps (if you prefer a video, please scroll down to the bottom of this help doc):
-
Once you have installed the Embeddable Event Calendar App, navigate to the site you would like to add your calendar to.
-
Click the Apps icon on the left-hand menu, as shown in the photo below, and then click Launch on the AddEvent Embeddable Event Calendar App.
-
By default, a placeholder AddEvent Calendar is added in the Unique Key field. To change the calendar to your AddEvent Calendar, you will need to update the field with your Unique Key (covered in the next steps).
After you have updated your Unique Key, you can adjust the Calendar Settings as you see fit for any other customizations.
You will need to update this Unique Key for the block to display the calendar you would like.
-
To find your Unique Key, navigate to your AddEvent Dashboard, and click the calendar's title from the Calendar's list.
-
On the following Calendar details page, look at the bottom-right of the page for the Calendar IDs section, and copy the Unique Key.
-
Open your Webflow page and paste your Unique Key into the text box below labeled "Calendar ID".
-
Adjust any of the Display Options you would like and then click the Generate Calendar button.
- Click Publish and your calendar is ready to go!
Watch this tutorial!
If you prefer to follow along with our video, you can do so here:
Updated 15 days ago