2012 OpenTable Diners' Choice Widget - Installation Instructions

Congratulations!  Your restaurant has been selected by OpenTable diners as one of the best in your area.  To celebrate this award, OpenTable has created a simple “widget” (or electronic badge) for you to use.  The instructions below show you how to customize the widget for your restaurant and add it to your website.  Any reservations that occur as a result of diners clicking on this badge will be treated as the same as all other reservations initiated through your website. 

If you have questions about how to implement this widget, please email  reservationlinks@opentable.com.   Please note that at this time, this widget will not work on Web pages that utilize Flash.

OpenTable in the News | Resources for Restaurateurs | OpenTable Home | Contact Us

© 2011 OpenTable, Inc. All rights reserved. OpenTable, OpenTable.com and the OpenTable.com logo are registered trademarks.


Customize your restaurant's OpenTable Diners' Choice widget
  1. Copy the version of the widget HTML you would like to use below (vertical or horizontal).
  2. Input your OpenTable restaurant ID in the three places where you see ### in your selected code below. (You can locate this on your OpenTable invoice.)
  3. Insert your restaurant's name in place of YOUR RESTAURANT NAME HERE
  4. Insert your restaurant's city in place of YOUR CITY HERE
  5. Insert the abbreviated name of restaurant's state (e.g. CA, NY, etc.) in place of YOUR STATE HERE
  6. Paste your customized HTML into your website.
Diners' Choice widget HTML

Option 1 - Vertical Format                            Option 2 - Horizontal Format
Option 1 - Vertical widget HTML

<link href="http://www.opentable.com/dcwidget/ot_vertical.css" rel="stylesheet" type="text/css" /> <div class="OT_Widget_Wrapper">
 <div class="OT_Widget_Content">                
<script type="text/javascript" src="http://www.opentable.com/dcwidget/?rid=###&year=2012"></script>
<noscript id="OTNoScript">
<div class="OT_Img_Wrapper"><img class="OT_Widget_Img" src="http://www.opentable.com/dcwidget/DCWidgetBadge_2012.gif" width="145"height="89" alt="Diners' Choice Award 2012" /></div>
</noscript>
<a class="OT_Widget_Link" href="http://www.opentable.com/rest_profile.aspx?rid=###&restref=###&intcmp=dcw">
<span class="OT_Widget_Restaurant">YOUR RESTAURANT NAME HERE</span>
<span class="OT_Widget_City">YOUR CITY HERE, YOUR STATE HERE</span>
</a>
</div>
</div>

Option 2 - Horizontal widget HTML

<link href="http://www.opentable.com/dcwidget/ot_horizontal.css" rel="stylesheet" type="text/css" /> <div class="OT_Widget_Wrapper">
<div class="OT_Widget_Content">               
<script type="text/javascript" src="http://www.opentable.com/dcwidget/?rid=###&year=2012"></script>
<noscript id="OTNoScript"><div class="OT_Img_Wrapper"><img class="OT_Widget_Img" src="http://www.opentable.com/dcwidget/DCWidgetBadge_2012.gif" width="145" height="89" alt="Diners' Choice Award 2012" /></div>
</noscript>
<a class="OT_Widget_Link" href="http://www.opentable.com/rest_profile.aspx?rid=###&restref=###&intcmp=dcw">
<span class="OT_Widget_Restaurant">YOUR RESTAURANT NAME HERE</span>
<span class="OT_Widget_City">YOUR CITY HERE, YOUR STATE HERE</span>
</a>
</div>
</div>