Timely Logo

How To Embed Your Calendar

Learn how to embed your calendar into your website to display your events.  

Timely's applications can be embed on many website content platforms, including HTML, WordPress, SquareSpace, BigCommerce, Weebly, Joomla, Tumblr and Drupal.

You can either watch this short training video, or review the step by step description below. Your choice!

1. Embed Code


Click on the </> Embed Code shortcut on the top right of your dashboard in order to get access to your calendar’s embed section.

print screen of embed code settings to embed your calendar

2. Advanced Settings

From the Type dropdown, make sure you have selected the” Calendar“. Under the Advanced Settings modify any necessary changes, including the Date range and Default view of your calendar

print screen of advanced settings to embed your calendar

3. Using Filters

If you wish, under the Filters tab, you can filter down the calendar view by displaying only some certain events, instead of displaying the entire calendar.

print screen of filters settings to embed your calendar into your website

4. Embed your Calendar into your Website

Once all the necessary changes are done, copy the Widget code and paste it into your website page. 

For advanced calendar embedding options, check our posts on how to customize server side embedding or add a custom domain.

For more user guidance, please go to our Help Center. If you have any questions or need additional assistance, do not hesitate to contact us by opening a support ticket from your Timely account’s dashboard. 


Once you got your event settled, start selling tickets the right way.

See more:

Event Management Software (Journey + WP v.3 new platform)

© 2021 Timely. All right reserved.