This guide explains the available options for integrating the Favourite Table booking system into your website.

Prerequisites

Before starting the integration, you will need your Restaurant SiteCode.

Note: Contact the Favourite Table Support Team to obtain the correct SiteCode for your restaurant. Replace all occurrences of <YOUR_SITECODE> in the examples below with the SiteCode provided by the support team.

Option 1: Embed the Booking Page in an iFrame

You can embed the booking page directly inside your website using an HTML iframe.

URL Format

https://booking.favouritetable.com/?SiteCode=<YOUR_SITECODE>

Example

<iframe
    src="https://booking.favouritetable.com/?SiteCode=<YOUR_SITECODE>"
    width="100%"
    height="700"
    frameborder="0"
    scrolling="no">
</iframe>

Replace <YOUR_SITECODE> with your restaurant's SiteCode.
Note: The iframe height can be adjusted to suit your website layout.

Option 2: Open the Booking Page in a Popup or Modal

If your website already uses a popup/modal library (Bootstrap Modal, Fancybox, Magnific Popup, etc.), you can open the booking page inside that popup.

Booking URL

https://booking.favouritetable.com/?SiteCode=<YOUR_SITECODE>

Simply configure your preferred popup solution to load the above URL.

This option provides a seamless booking experience without navigating users away from your website.

Option 3: Embed the Booking Widget

This option embeds the FavouriteTable booking widget directly into your webpage.

HTML

<a href='#' onclick="ft_showbookingwidget('ft_bookingwidget<YOUR_SITECODE>');">Make a Reservation</a>	
	

<!-- BookingWidget CODE BEGIN -->
<div id='ft_bookingwidget<YOUR_SITECODE>' sitecode='<YOUR_SITECODE>' ></div> 

<!--
If integrating more than one restaurant on the same page,
include the script below ONLY ONCE.
-->
<script type="text/javascript"  language="javascript" 
src="https://booking.favouritetable.com/widget/ft_bookingwidgetv1.js">
</script>


<!--BookingWidget CODE END -->
                       

Replace every occurrence of  <YOUR_SITECODE> with the SiteCode supplied by the FavouriteTable Support Team.

Important Notes

• Contact the Favourite Table Support Team to obtain your restaurant's SiteCode.
• If opting for option 3,
  • Ensure the booking widget JavaScript file is included only once per webpage, even if multiple booking widgets are present.
  • The same SiteCode must be used consistently in:
    • The booking URL
    • The widget id
    • The sitecode attribute