How To Install Widget On A Website
To add your reservation widget to your website, please see the steps below.
- 1
- Click on the TablePath logo in the top-left corner.
- 2
- Select Configure at the bottom left-hand side of the dashboard.
PLEASE NOTE: if you're unable to see the 'Configure' link, please see the following: https://help.tablepath.com/article/320-configure-link-missing
- 3
- Click on Reservation Widgets.
Quick Link: To go directly to the 'Reservation Widgets' page, please click here:
https://manage.tablepath.com/admin/configure/reservation-widgets/
- 4
-
Once you have created and saved your new reservation widget, you will then be prompted to choose how you would like to add the widget to your website. Please select and follow the instructions from one of the ways below.
Alternatively, to embed an existing reservation widget to your website, select the edit button (arrow icon) and click on ' Embed' at the top of the page.
Inline
Loads your reservation widget directly in your website.
- 5
- Select ' Inline' and click on ' Copy', to copy the code for your reservation widget.
- 6
- After you have copied the code, add this to your website where you would like the inline widget to appear.
Popup
Add a link or button to your website that launches your reservation widget as a popup.
- 7
- Click on ' Popup'.
- 8
- To add a new popup to your website, select ' New'.
- 9
- To setup a new link to launch your reservation widget, please copy the code by clicking on ' Copy'.
- 10
- Please then add the snippet to the part of the page where you want your link to appear.
- 11
- Alternatively, if you already have a booking link on your website and would like to use that to launch your reservation widget, please click on ' Existing'.
- 12
- First, add the displayed code snippet to the HEAD or BODY tag on your website, by selecting the ' Copy' button.
- 13
- Next, edit your booking link (anchor tag) to include the attributes in step 2.
- 14
- Complete the setup by changing the ' href' attribute of your booking link to be the code located in step 3.
Link
A direct link to your reservation widget.
- 15
- Click on ' Link', and select ' Copy' to copy the link to use on your website.
