Skip to main content

How to implement booking functionality in Umbraco

There are various ways to implement reservation booking forms on your website, including third-party providers such as OpenTable (https://www.opentable.co.uk), ResDiary (https://www.resdiary.com), Resova (https://resova.com) and Book a Table (https://www.bookatable.co.uk).

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

Step 1

As mentioned above, this demonstration will involve the OpenTable reservation widget. Go to https://www.otrestaurant.com/marketing/reservationwidget and enter your restaurant into the field provided.

Find your restaurant on Open Table widget builder.

Step 2

Select your chosen widget from the sidebar and then click 'Copy Code'.

Configure and copy the embed code provided by Open Table.

Step 3

In the tree menu, go to any page or post — or create a new one.

Step 4

Go to the 'Content' tab and add a new component at 'Main Content'.

Step 5

From the slide-out panel, select 'Embed Code'.

Step 6

Paste the code you copied in Step 2 into the field provided. 

Step 7

Save and Publish. Check out the final result on your website. You can now start to take bookings online.

#h5yr

uSkinned Site Builder

Get started — for FREE!

Join thousands of agencies, freelancers & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.