How to Optimize Your Website to Receive Restaurant Reservations + Free Cut and Paste HTML Code

Posted by Saif Alnasur on Feb 25, 2018 12:57:04 PM
Find me on:

If you run a restaurant, odds are you also have a website that represents your brand and contains info about your restaurant. If you don’t have booking widgets, you're probably using a form to collect reservations. But forms are very frustrating for website visitors.

Booking widgets work much better on websites because they take the guesswork out of the booking process for the guest. Read on to learn a few tips to maximize the effectiveness of your booking widget on restaurant reservations from your website, as well as a cut and paste html code for a reservation button.

5 Tips to Maximize Results from Your Website Booking Widget

When adding your booking widget to your website there are a few steps you can take to maximize the impact.
  • If your website has a dropdown menu or navigation bar, make sure to add a “Reservation” link so customers know where to click.
  • Try adding the reservation link ‘above the fold’, meaning it is visible on the page without having to scroll down.
  • Choose a button color that contrasts with the rest of the page.
  • Have a pop-up prompt website visitors to make a booking.
  • If you have an events section, add a reservation button under each event description.

website pop-up

How to Add a Reservation Button to Your Website?

  1. Log in to whichever website builder you use to run your website.
  2. Paste the button code below into the page.
  3. The buttons can be colored by pasting in the Hex code for the desired color in the color sections of the code.
  4. Paste the booking widget link where it says “INSERT BOOKING LINK HERE”.

Cut and Paste HTML Code

<a href=“INSERT BOOKING LINK HERE" class="myButton">Reserve</a> .myButton { backgroundcolor:#44c767; -moz-border-radius:28px; -webkitborder-radius:28px; border-radius:28px; border:1px solid #18ab29; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; padding:16px 31px; text-decoration:none; textshadow:0px 1px 0px #2f6627; } .myButton:hover { background-color:#5cbf2a; } .myButton:active { position:relative; top:1px; }

Reservation Button


Want to Learn More?

Download our FREE guide to restaurant booking widgets which includes everything in this article plus how to generate restaurant reservations from a plethora of other online channels.

Download your Free Booking Widget Guide

Topics: Restaurant Management, Restaurant Guides

Restaurant Manager by Eat

Powerful restaurant reservation software for big and small venues. Some of largest hotel groups and best independent restaurants use eat to manage and take reservations, manage their contact list and use a waitlist. We run an iPads for maximum mobility.

Have an iPad? Download on the App Store now. Or contact us for a demo.

Subscribe to Email Updates

Recent Posts