Tablein makes it easy to integrate reservation widgets into your website with just a few clicks. Our widgets are based on simple HTML code that can be copied and pasted directly into your website, helping you track reservations seamlessly across multiple channels.
Why Use Tablein Widgets?
- Multiple Widget Options: Tablein offers various widgets to suit every channel, enabling you to track reservations from each source effectively.
- Channel-Specific Reporting: Soon, we will release a new reports page that displays all your reservation channels in one place, providing deeper insights into your performance.
How to Add a Widget to Your Website
Follow these simple steps to add a widget to your website:
1. Login to Tablein
- Access the admin panel by logging into the V3 version at admin.tablein.com.
- Once logged in, navigate to the Widget Integration settings.
2. Use the Default Widget
- The default widget is already available in your account. This widget can be edited (title, description, icon), but it cannot be deleted.
- To integrate it into your website:
- Copy the Widget HTML Code: Select the widget and click "Copy."
- Make sure to paste the code into an HTML block on your website.
- Ensure that the widget's height is sufficient for guests to use it without unnecessary scrolling. A good practice is to check the contact details section and adjust spacing accordingly.
3. Create a New Widget
- To add a new widget, click "Add Widget for Marketing."
- Add a Title: This will be used for statistics and easy identification.
- Add a Short Description: Mention where exactly this widget will be used (e.g., homepage, contact page).
- Select an Icon: Choose an icon for easier tracking in statistics.
- Choose Widget Type: If you have multiple locations, decide whether to use a single widget or allow switching between locations.
Note: widget types and customizable themes will be available soon!
4. Add Booking Policy (Optional)
- If you want to display a booking policy, make sure to first add it in the Settings section.
- Once added, the booking policy option will appear when customizing your widget.
5. Save and Copy the Widget Code
- After completing all customizations, click Save.
- Select Copy to retrieve the HTML code for the widget.
Adding the Widget to Your Website
You can now embed the widget into your website using the following steps:
- Open Your Website Editor: Whether you're using WordPress, Wix, Squarespace, or any other website builder, open the page where you want to host the reservation widget.
- Add an HTML Block: In the website editor, insert an HTML code block where you want the widget to appear.
- Paste the Widget Code: Go back to the Tablein Widget Integration page, copy your widget code, and paste it into the HTML block.
Need Help?
If you run into any issues or have trouble setting up your widget, feel free to reach out to our support team at support@tablein.com