Event Side Bar Widget - Events.com

Hosting an endurance event, fitness challenge, or race? Enhance the attendee experience with our new Virtual Challenge program, EveryChallenge.

Help Center

Help Center > LEO > > Event Side Bar Widget

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:

  1. Sign in to your Events.com account under ‘Calendar’
  1. Once in your account, in the upper right corner click on your name followed by ‘Dashboard’
  1. In the list of ‘Your Calendars’, locate the calendar for which you are looking for and click on the ‘EMBED CODE’ button under the
  2. 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

Can't find the right answers? Contact Us.