Skip to main content Skip to footer

How to add an Event Calendar with Elfsight

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

Embed Event Calendar widget from Elfsight

Step 1

Head over to the Elfisight website and create your Event Calendar.

Create an Event Calendar with Elfsight for uSkinned.

Step 2

Start adding your events, choose your design options and then follow the instructions to generate your embed code.

Generate the code of your Event Calendar for uSkinned.

Step 3

Now you have your Event Calendar 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 widget from Elfsight 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 widget

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