Skip to main content Skip to footer

How to add ResDiary booking platform

Embed ResDiary Booking widget forms on your uSkinned Site Builder website using one of the many embed HTML options provided.

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

Embed your ResDiary form

Step 1

Login to your ResDiary portal and follow the steps in this guide to create your Booking Widget form.

Step 2

Now you have your ResDiary Booking widget form embed code, login 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.

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 widgets embed code into the field provided.

Step 7

Hit "Submit" in the slide-out panel.

Step 8

Now, "Save and publish" your page. 

The ResDiary Booking Widget form is active and your customers can make reservations directly from your uSkinned-powered website. 

More ways to add ResDiary Booking forms

There are a variety of places you can embed ResDiary Booking forms 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

#h5yr

Step 1

Sign up

Start a free trial of Site Builder.

Step 2

Design

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

Step 3

Create

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

Step 4

Go Live

You can host on Azure with us or choose your own with the self-hosted license.