Skip to main content

How to add free to book booking platform

Embed a freetobook Booking widget form on your uSkinned Site Builder website using one of the many embed HTML options provided.

In our example below, we will use the freetobook Responsive Booking Widget — a great solution to quickly get you up and running.  

Embed your freetobook form

Step 1

Head over to freetobook and follow the steps in the guide to create your Responsive Booking Widget form.

Guide: https://en.freetobook.com/developers/javascript

Step 2

Now you have your freetobook Responsive Booking 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".

Create a page and add content in uSkinned.

Step 5

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

Create an embed component in uSkinned.

Step 6

Paste the embed code you copied in Step 1.

Add freetobook responsive code to uSkinned.

Step 7

Hit "Submit" in the slide-out panel.

Step 8

Now, "Save and publish" your page. 

Step 9

Go to the page on your website. Use the Booking Widget to set your check-in and check-out dates, and hit "Availability" to complete your booking on the freetobook hosted checkout.

Freetobook widget on frontend of uSkinned powered website.

Freetobook widget date dropdowns on frontend of uSkinned powered website.

Freetobook hosted checkout.

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

More ways to add freetobook forms

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