Event Side Bar Widget
Last Updated: Dec 22, 2021 08:43AM PST
The sidebar widget allows you to be able to add a small version of the calendar on any page outside of the calendar. This will help to promote your calendar on other pages and drive more traffic to the calendar. The sidebar widget will display a few events where users can see some popular upcoming events, go to the full calendar, or add an event directly from the widget.
To install this widget on any other pages outside of the calendar, you first need to gather your snippet by following these steps:
- Sign in to your Events.com account under ‘Calendar’
- Once in your account, in the upper right corner click on your name followed by ‘Dashboard’
- In the list of ‘Your Calendars’, locate the calendar for which you are looking for and click on the ‘EMBED CODE’ button under the
- Finally, under the ‘Small calendar’ you will click on ‘COPY’ to gather your embed code
Once you have copied your embed code, you will need to insert the following snippet into your website.
<script src=”https://maps.googleapis.com/maps/api/js?key=GoogleAPITokenHere&libraries=places”></script>
<script src=”https://unpkg.com/vue@2.6.12/dist/vue.min.js”></script>
<script src=”https://cw.events.com/edc-calendar.min.js”></script>
To have this small version of the calendar be interactive, you will need to install the following script:
The snippet you will use for this is:
<edc-calendar token=”Calendar Token Here” interactive=”true” width=”Width” height=”Height” />
Once you have installed the script, you will then need to decide which ‘WIDTH’ and “HEIGHT’ will best fit your website. We recommend the following combinations”
300×600
300×280
300×100
728×90