How do I link my Open Dining menu to my website?

After building your menu on the Open Dining platform, go to the Publish > Add To Your Site > Menu Box Widget section from your Account Dashboard then click "Go here". There are 3 links (Link to Your Menu, Order Now Button, and App ID). Eventually you will use one of these to link your menu on Open Dining to your existing website.

Step 1: Customize the Color of your Menu

You can customize the look of your Open Dining menu page by changing the menu font, the background and Category colors, or changing the Order Online! button color.

Step 2: Select your Button Image and Color

You have the option to use our pre-built Order Online! button (available in 10 different colors). Select the Position and Image Color.

You also have the option to upload your own Order Button Image. We recommend an image size of 150 x 50.

Once you're satisfied, click the Submit button at the bottom of the page to refresh your menu links.

The steps above are required, regardless of how you wish to integrate your Open Dining menu.

Step 3: Connect to your Existing Website using an Option Below

A. To link your Open Dining menu to your website (using our Order Online! button)

Copy and paste the code shown under the section titled Order Now Button to just above the </body> tag on your website. Our Order Online! button will appear. If you decide to change the menu font, or the colors of the boxes or order button, these changes will be effective immediately (just reload your page).

B. To link your Open Dining menu to your website (to use your own Order image or Text)

Copy the URL Link to Your Menu if you want to use another order button image or basic text (use our link as the code behind the button or text).

C. To link your Open Dining menu to your LetsEat.at website (using our Order Online! button)

We have a built-in integration with LetsEat.at so you simply need to copy and paste the App ID where prompted in your LetsEat account.

D. To link your Open Dining menu to your WordPress site (using the WordPress Plug-In)

First you must download our Open Dining Wordpress plug-in. Follow the installation instructions, and when prompted, copy and paste the App ID from the Web Tools page.

If you are not sure how to manage your WordPress plug-ins, check out this WordPress Codex article.

E. To link your Open Dining menu to your WordPress site (by modifying your WordPress theme)

Copy and paste the code shown under the section titled Order Now Button into your theme's footer. Our Order Online! button will appear on all pages.


Make sure to also connect your menu to your Facebook page and to your mobile website.

Still need help? Contact Us Contact Us