Skip to main content

How to add OpenTable booking platform

Embed OpenTable 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 OpenTable, which is an amazing service to get you up and running quickly.

Create an OpenTable Booking widget

Step 1

As mentioned above, this demonstration will involve the OpenTable reservation widget. So first, you'll need either to have an OpenTable account or sign up for one.

Go to your OpenTable account and follow the steps at "Add the reservation widget to your website".

Find your restaurant on Open Table widget builder.

Step 2

Now that you've created and configured your OpenTable booking widget, click on "Copy Code".

Configure and copy the embed code provided by Open Table.

Embed an OpenTable Booking widget

Step 3

Login to the uSkinned Site Builder CMS.

Step 4

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

Step 5

Locate the "Content" tab and add a new component at "Main Content". From the slide-out panel, select "Embed Code".

Add a modualr component to uSkinned for Umbraco.

Select the Embed code component.

Step 6

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

Paste your booking widget embed code here in the field provided.

Step 7

Save and Publish. Check out the final result on your website. 

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

More ways to add OpenTable Booking forms

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