Embed Your Waitlist and Appointments Pages on Your Website
Your Public Check-in, Waitlist, and Appointments pages can be linked to or embedded on your website, or you can add a "Join Now" button.
Check out a live example here: https://tablesreadybistro.weebly.com/
You can edit the styling and get the URLs for your Waitlist pages in Settings > Public Pages and the URL for your Appointments page is in the Settings > Appointment Options section.
Embedding Your Check-In Page
Code snippet:
<iframe src="https://host.tablesready.com/p/check-in/yournamehere" width="100%" height="900px" allowfullscreen allowtransparency="true" frameborder="0" scrolling="no"></iframe>
Or you can add a button that will take someone to your check-in page:
<a style="color:#fff;background-color:#2daf17;border-top:10px solid #2daf17;border-right:18px solid #2daf17;border-bottom:10px solid #2daf17;border-left:18px solid #2daf17;display:inline-block;text-decoration:none;font-weight:700;border-radius:4px;box-sizing:border-box;font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif; font-size: 16px;text-align: center;" href="https://host.tablesready.com/p/check-in/yournamehere" target="_blank">Join Our Waitlist</a>
Make sure to replace the links to https://host.tablesready.com/p/check-in/yournamehere with your actual link!
Embedding Your Public Waitlist
Embed your Public Waitlist Add and/or View page in your site with this code:
<iframe src="https://host.tablesready.com/p/waitlist/yournamehere" width="100%" height="900px" allowfullscreen allowtransparency="true" frameborder="0" scrolling="no"></iframe>
Add a button that will take someone to your waitlist page:
<a style="color:#fff;background-color:#2daf17;border-top:10px solid #2daf17;border-right:18px solid #2daf17;border-bottom:10px solid #2daf17;border-left:18px solid #2daf17;display:inline-block;text-decoration:none;font-weight:700;border-radius:4px;box-sizing:border-box;font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif; font-size: 16px;text-align: center;" href="https://host.tablesready.com/p/waitlist/yournamehere" target="_blank">View Our Waitlist</a>
Make sure to replace the links to https://host.tablesready.com/p/waitlist/yournamehere with your actual link!
Embedding Your Online Bookings Page
Embed your Appointments in your site with this code:
<iframe src="https://host.tablesready.com/p/book/add/yournamehere" width="100%" height="900px" allowfullscreen allowtransparency="true" frameborder="0" scrolling="no"></iframe>
Add a button that will take someone to your bookings page:
<a style="color:#fff;background-color:#2daf17;border-top:10px solid #2daf17;border-right:18px solid #2daf17;border-bottom:10px solid #2daf17;border-left:18px solid #2daf17;display:inline-block;text-decoration:none;font-weight:700;border-radius:4px;box-sizing:border-box;font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif; font-size: 16px;text-align: center;" href="https://host.tablesready.com/p/book/add/yournamehere" target="_blank">Book Now</a>
Make sure to replace the links to https://host.tablesready.com/p/book/add/yournamehere with your actual link!