Skip to main content Skip to footer

How to add Timely event calendar widget

Embed the Timely Events Widget on your uSkinned Site Builder website using one of the many embed HTML options provided.

In our example below, we will use Timely, which is an amazing service to get you up and running quickly. 

Embed your Timely Event Calendar Widget

Step 1

Login to your Timely portal and follow the steps in this guide to create your Event Calendar Widget.

Step 2

Now you have your Timely Event Calendar widget embed code, log in to the uSkinned Site Builder CMS.

Step 3

Create or go to any page.

Step 4

At the "Main Content" label, click "Add content".

Add a modular component to uSkinned for Umbraco website.

Step 5

From the options in the slide-out panel, select the "Embed code" block.

Component options in uSkinned for Umbraco.

Step 6

Paste the embed code you copied in Step 1.

Paste your booking widget embed code into the field provided.

Step 7

Hit "Submit" in the slide-out panel.

Step 8

Now, "Save and publish" your page. 

The Timely Event Calendar widget is active and your users see it directly from your uSkinned-powered website. 

Demo of Timely event calendar

More ways to add Timely event calendar widgets

There are a variety of places you can embed Timely event calendar widgets on your uSkinned Site Builder website.

You can try this out using the same steps for:

— Pods component > Embed Code
— Split component > Embed Code block
— Global components > Embed Code
— Global pods > Embed Code
— Extra Content pods > Embed Code
— Footer pods > Embed Code


Step 1

Sign up

Start a free trial of Site Builder.

Step 2


Tailor the look and feel with the Visual Designer to suit your brand.

Step 3


Add content with built-in eCommerce and third-party integrations.

Step 4


World-class and secure hosting backed by Microsoft Azure.