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 (, ResDiary (, Resova ( and Book a Table (

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 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.