The booking widget lets you embed your Hookset booking page directly on your lodge's website so guests can book without leaving your site.
Pro + Lodge: The embed widget is available on Pro and Lodge plans only.
Getting the Embed Code
- Go to Settings > Profile.
- Scroll to the Embed Widget section.
- Click Copy Code to copy the iframe snippet to your clipboard.
The snippet looks like:
<iframe
src="https://gethookset.com/book/[your-slug]/embed"
width="100%"
height="800"
frameborder="0"
style="border: none;"
></iframe>
Adding to Your Website
Paste the iframe code into any page on your website where you want the booking widget to appear. Common placements:
- A dedicated "Book Now" page.
- A section on your homepage.
- A modal or overlay triggered by a button click.
The widget renders the same booking flow as your public booking URL but within your site's layout.
Responsive Behavior
The widget is set to width="100%" by default and adapts to the container width. On mobile devices, the widget adjusts to a single-column layout. You can adjust the height attribute to fit your page layout -- 800px works well for most setups.
Styling
The widget uses Hookset's styling and your lodge branding (name, logo). It does not inherit your website's CSS, so it looks consistent regardless of your site's design.