Embeddable widgets let you showcase your activities and accept bookings directly on your website. These easy-to-integrate widgets help create a seamless booking experience while maintaining your website's look and feel.
Watch our quick tutorial to learn how to widgets 👇🏻
Accessing Embeddable Widgets
You can access Embeddable Widgets by navigating to:
Settings → Activity Management → Embeddable Widgets
Widget Types
Activity Gallery Widget
Displays your complete activity catalog in an organized grid.
Shows all published activities
Displays images, titles, and basic details
Updates automatically when activities change
Links directly to booking
You can filter which activity types appear (tours only, trips only, etc.).
Single Activity Widget
Highlight a specific activity on a page.
Displays detailed activity information
Shows available dates and times
Includes pricing and capacity
Provides direct booking functionality
Ideal for promoting specific tours on dedicated pages or campaigns.
Generating Widget Code
To add a widget to your website:
Navigate to Settings → Embeddable Widgets
Select Activity Gallery or Single Activity
Choose the activity (if applicable)
Type Booking Button Text
Click Generate Code
Choose embed options and copy the generated code snippet
Each widget code is unique and stays synced with your Buddy dashboard.
Select Activity Gallery or Single Activity
Select activity from the list. They must be published to be selected.
Type in button text and click the Generate code button for the selected activity / gallery
Embed & Share: Booking Widget Options (Which option do you select?)
Choose the right format for linking or showcasing your activities — from direct links and galleries to custom pop-ups.
Link: URL for Buttons, Socials, etc
Share this anywhere you can paste a URL — your website, social bio, stories, emails, or messages.
Opens your activity or gallery in a new tab or window when clicked.
Best for:
Website buttons
Hyperlinked text
Instagram & TikTok bios
Story links
DMs & texts
💡 Use this if you want a fast, direct link that works everywhere.
iframe: Visual Gallery
Embed your activity or gallery directly into your website — no new tab, no pop-up.
Displays the full booking window, activity information, and imagery as part of your page.
Best for:
Booking or activity pages
Embedding a full gallery view
Single activity pages
Letting customers browse and book directly within your site
💡 Use this if you want the booking flow to feel fully built into your website.
HTML: Pop-Up Module
This option generates an HTML code block that triggers a booking pop-up when a button is clicked — keeping customers on your site.
Most businesses prefer this approach:
You design your own button (with your styling)
You include the provided
<script>behind that buttonClicking it opens the Buddy Booking pop-up instantly
Best for:
Turning custom website buttons into booking pop-ups
Keeping users on the same page
Creating a seamless booking experience with your own design
💡 Use this if you want the cleanest booking experience without opening a new page or tab.
Choosing the Right Embed Option (SEO + UX Best Practices)
Each embed option serves a different purpose. The recommendations below help you balance search visibility and booking conversion.
Search engines do not reliably index content inside iframes.
If a page only contains a booking widget, it may have limited SEO value.
Recommended Website Setup
1. Add tour content directly on the page (outside the widget)
We recommend including basic tour information as native text:
Activity title (H1)
Short description or overview
Duration, depth, experience level
Highlights or unique features
Location or local references
This content is crawlable and indexable by search engines.
2. Use Buddy widgets specifically for booking
Buddy widgets are best used for:
Live availability
Calendar
Pricing
Checkout
Think:
Page content = discovery
Widget = conversion
Booking Flow Best Practices
Option A — Pop-Up Booking Module (Recommended when supported)
“Book Now” button opens the Buddy booking pop-up on the same page
Keeps users on SEO-optimized content
Reduces friction and improves conversion
Note: Some website builders may require light custom code or plugins to enable pop-ups.
Option B — Separate Booking Page (Safe & Simple)
“Book Now” button links to a dedicated booking page
Booking page contains the Buddy iframe
If using a full booking page, we recommend:
Adding a clear page header (activity title)
Including a short subtitle or description above the iframe
This ensures the page still contains native, indexable content.
Adding Code to Your Website
To install a widget, you’ll need:
Access to your website builder or HTML editor
To paste the widget code where you want it to appear
To save and publish your changes
Widgets automatically adjust to fit your site’s layout.
Implementation may vary slightly depending on your website builder.
👉 Using Squarespace?
We recommend following our step-by-step guide here:
Squarespace: Buddy Embeddable Widgets
(Additional guides for other website builders such as Wix and Webflow will be added over time.)
FAQ
How does the booking work on the website page?
Bookings made through widgets:
Happen without leaving your site
Follow all booking rules and policies
Process payments securely
Send automatic confirmation emails
Appear instantly in your Buddy dashboard
Do I need technical knowledge to add widgets?
Basic familiarity with HTML and iframes is helpful, but most users can install widgets by copying and pasting the code. A web developer can assist if needed.
Can I use multiple widgets on the same page?
Yes. For example:
Gallery at the top
Individual activities in sections
Booking buttons throughout the page
Just ensure proper spacing for display.
Does embedding affect site performance?
Widgets are lightweight and optimized:
Load only when visible
Use minimal resources
Update in real time
How do widget updates work?
Widget content updates automatically when you:
Edit activities
Change pricing or availability
Update images or descriptions
Publish new activities
No manual updates required.