Setting Up the Embed
You'll be able to add a customized menu to your website that will update in real time. To get started,, click the Embed Menus tab in the left-hand toolbar of the account.
On this page, you will see your unique HTML menu code, as well as an iFrame code. The iFrame code is optimized for both full and mobile web browsers. Just copy and paste the HTML or iFrame code into your website's content manager.
If you are using the paid version of Wordpress, there is a Wordpress Shortcode available to you to use with no additional steps. If you are using the free version(wordpress.org), you will need to install the Jetpack plugin before embedding any menus. Once Jetpack is installed, you should be able to use either the HTML code or the shortcode.
Now you can choose which menus to include on the embed.
Designing the Embed
To get started designing the look of your embedded menu, click the Edit Embed button in the top right corner.
On the Layout tab, you can choose between four different layouts and see how your menu will look in real time.
On the Design tab, you can choose your background color, font style, size and color, and decide what information about your menu items you'd like to show.
Make sure to click Save and Exit to confirm your changes or they may be lost.
Note: If you want your menu to use the background you already have in place on your website, replace the Background Color hex code (#XXXXXX) with either the word TRANSPARENT or the number 0.
If you have a professional website designer and would like to set up a more customized experience for your venue, see our article on Using the Untappd for Business API.