This help center supports the Legacy platform Dudamobile. As of April 1st, 2019 new sites cannot be created, existing sites will remain live with the same functionality and editor access.

Email support and phone support (for Duda customers on Team plans and above) will be available until September 30th, 2019. Self service customer support will remain.

It’s a Great Time to Go Responsive! - Responsive design is the best way to create engaging online experiences on today’s web. With that in mind, we encourage you to take this as an opportunity to replace your old desktop-only websites and their mobile friendly counterparts with new responsive sites that will work seamlessly across desktop, tablet and mobile.

Add OpenTable to Mobile-Only Site

Overview

Allow visitors to make reservations at your restaurant right from the mobile site.  The OpenTable feature adds a reservation button that connects with your existingOpenTable account.  If you don't already have an account with OpenTable you can sign up for one here.

Add OpenTable

  1. From the pages section of the DudaMobile editor, first choose the page you'd like your button to display on.
  2. Go to the Content section and select the business tab.
  3. Drag the OpenTable feature into the editing frame.
  4. Once you've placed the feature you'll need to add your restaurant ID for visitors to use it.

Setup

The OpenTable button requires a restaurant ID to work. You can get this ID from OpenTable.

Design

Each OpenTable element has the following display options:

 

General

Change the button's text and the restaurant ID.

If you have multiple locations, click "Add new location" and select a location

Icon

Change the button's icon. You can change the color at the top right square.

Design

Colors: Change the button's background color, image, and border.

Effects: Toggle shadow, rounded corners and whether to show an icon for the button.

Text Style: Change the button's text style.

More

Spacing: Set the height, padding, and margin of the element.

Width: Set the width of the element

Height: Set the height of the element

Alignment: Set the alignment of the element (left, right, or center).

CSS: Change the element's CSS

HTML: Change the element's HTML

 

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!