Get Widget

To show all current awards for 21 on your website, simply copy and paste the code below into your site HTML where you want the awards to appear. Remember, the awards for this restaurant will automatically be updated on your site without ever having to change the code.

<!-- Start of Leading Restaurants.co.uk Widget --> <script src="https://leadingrestaurants.s3.amazonaws.com/core.min.js"></script> <script src="https://leadingrestaurants.s3.amazonaws.com/911.js"></script> <script> lrWidget911 = new leadingRestaurantsWidget('911'); if (document.addEventListener) {document.addEventListener("DOMContentLoaded", function(event) {lrWidget911.outputWidget();});} else {window.attachEvent("onload", function(event) {lrWidget911.outputWidget();});} </script> <div id="lrWidget911" class="lrOuterBox"></div> <!-- End of Leading Restaurants.co.uk Widget -->



Want to customise how widget looks on your site? It's easy with a number of advanced configuration options available. Examples of how to set these options are shown below the table. Below the table is another section of HTML code you can copy and paste with the advanced options ready to modify. For more advanced users, the widget is designed so that it's easy to use multiple times on the same page. You only need to include the core.min.js file once and by using unique JavaScript object names (and target div names), you can show multiple instances of the widget, even for the same restaurant.

Option Name	Values	Default	Description
theme	light or dark	light	Sets widget theme. (Show light / Show dark)
showName	true or false	true	Show or hide restaurant name at top of widget. (Show name / Hide name)
addCSS	Full CSS file URL	-	Loads a custom CSS file. (Download CSS templates)
divId	Any valid div ID	lrWidget	The ID of the div the widget code will be populated into.
Div Width	Any valid width	-	Set the width of the lrWidget div to 'auto' to display awards horizontally. (V / H)

<!-- Start of Leading Restaurants.co.uk Widget --> <script src="https://leadingrestaurants.s3.amazonaws.com/core.min.js"></script> <script src="https://leadingrestaurants.s3.amazonaws.com/911.js"></script> <script> lrWidget911 = new leadingRestaurantsWidget('911'); lrWidget911.setOps('theme','light'); lrWidget911.setOps('showName','true'); lrWidget911.setOps('addCSS','https://yoursite.com/customcss.css'); lrWidget911.setOps('divId','myDiv9999'); if (document.addEventListener) {document.addEventListener("DOMContentLoaded", function(event) {lrWidget911.outputWidget();});} else {window.attachEvent("onload", function(event) {lrWidget911.outputWidget();});} </script> <div id="myDiv9999" class="lrOuterBox" style="width: auto;"></div> <!-- End of Leading Restaurants.co.uk Widget -->

The Leading Restaurants.co.uk awards widget is completely free to use and can be placed on any website connected to or containing content relating to 21. For example, it can be placed on the official restaurant website but also a food blog reviewing this restaurant is welcome to add the widget. The only condition of using our widget is that you don't attempt to remove or obscure any reference to Leading Restaurants.co.uk.

• 100% free to use.
• Automatically updates! Your awards widget will automatically reflect new awards without you having to change any code.
• Give your customers greater confidence in your awards by showing they are independently verified.
• Simple to implement; just copy & paste a small section of HTML code. Also highly configurable.
• Hosted with Amazon S3 cloud hosting to ensure super quick loading and maximum reliability.