Skip to main content Skip to footer

How to add Event Calendar App widget

Embed the Event Calendar App widget on your uSkinned Site Builder website using one of the many embed HTML options provided.

Embed Event Calendar App widget

Step 1

Head over to the Event Calendar App website and sign up for the 7-day free trial. 

Step 2

Start adding your events and then follow the instructions to generate your embed code.

At the top of the screen, click "Open Embed options" > On the left-hand side, click "Copy code".

Open embed code options.

Copy embed code.

Step 3

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

Step 4

Create or go to any page.

Step 5

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

Add a modular component to uSkinned for Umbraco website.

Step 6

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

Component options in uSkinned for Umbraco.

Step 7

Paste the embed code you copied in Step 2.

Paste your booking widget embed code into the field provided.

Step 8

Hit "Submit" in the slide-out panel.

Step 9

Now, "Save and publish" your page. 

The Event Calendar App widget is active and your customers can browse, rsvp and book a place at your events directly from your uSkinned-powered website. 


Check out the demo below...

More ways to add Event Calendar App widgets

There are a variety of places you can embed Event Calendar App 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.