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 use embeddable widgets 👇🏻
[Demo video link]
Widget Types
Activity Gallery Widget
The Activity Gallery widget displays your complete activity catalog on your website. This widget:
Shows all your published activities in an organized grid
Displays activity images, titles, and basic details
Updates automatically when you add or modify activities
Allows customers to view full activity details
Links directly to the booking process
Customers can browse through all your offerings and start their booking journey without leaving your website.
Individual Activity Widget
For highlighting specific activities, you can embed individual activity widgets. These focused widgets:
Display detailed information about a single activity
Show available dates and times
Include pricing and capacity information
Feature activity images and descriptions
Provide direct booking functionality
This is particularly useful when you want to promote specific activities on different pages of your website or in targeted marketing campaigns.
Widget Implementation
Generating Widget Code
To add a widget to your website:
Navigate to Settings > Embeddable Widgets
Choose the widget type (Activity Gallery or Individual Activity)
For individual activities, select the specific activity
Click "Generate Code" to get your unique widget code
Copy the generated code snippet
The system provides a unique code that maintains the connection between your website and the Buddy platform.
Installation
Adding the widget to your website requires:
Access to your website's HTML code
Placing the widget code where you want it to appear
Saving and publishing your website changes
The widget automatically adjusts its size to fit your website's layout while maintaining full functionality.
Widget Customization
Display Options
You can customize how widgets appear on your website:
Adjust widget width and height
Choose between light and dark themes
Set default view options
Configure sorting preferences
Select which activity details to display
These customizations help ensure the widget matches your website's design.
Booking Flow
The booking process through widgets is designed to be seamless:
Customers can complete bookings without leaving your site
All booking features and policies remain enforced
Payment processing happens securely
Confirmation emails are sent automatically
Bookings appear in your Buddy dashboard immediately
Frequently Asked Questions
Frequently Asked Questions
Implementation
Q: Do I need technical knowledge to add widgets?
A: Basic familiarity with HTML is helpful, but the process is straightforward:
Copy the generated code
Paste it into your website's HTML
Save and publish your changes If you're not comfortable with HTML, your web developer can help with implementation.
Q: Can I use multiple widgets on the same page?
A: Yes, you can embed multiple widgets on a single page. For example, you might:
Show the gallery at the top of your page
Feature specific activities in relevant sections
Add booking widgets to different areas Just make sure to maintain adequate spacing between widgets for optimal display.
Customization
Q: How do I match the widget to my website's design?
A: The widgets offer several customization options:
Choose between light and dark themes
Adjust widget dimensions
Configure display options
Set custom colors for certain elements These options help ensure visual consistency with your website.
Q: Can I control which activities appear in the gallery widget?
A: The gallery widget displays all your published activities by default, but you can:
Filter by activity type
Sort by various criteria
Choose which details to display
Hide specific activities if needed
Technical Details
Q: Does the widget affect my website's performance?
A: The widgets are designed to be lightweight and efficient:
Load only when visible
Use minimal resources
Cache data appropriately
Update in real-time without page reloads
Q: What happens if my website uses HTTPS?
A: Our widgets are fully compatible with secure websites:
All communications use HTTPS
Security certificates are maintained
Data transmission is encrypted
PCI compliance is maintained for payments
Troubleshooting
Q: Why isn't my widget displaying correctly?
A: If you're having display issues, check:
The widget code is properly placed in your HTML
Your website's content container width
Any conflicting CSS styles
Browser console for error messages Most display issues can be resolved by adjusting the widget's placement or dimensions.
Q: How do I update widget content?
A: Widget content updates automatically when you:
Modify activities in your dashboard
Change pricing or availability
Update images or descriptions
Publish new activities No manual widget updates are required to reflect changes.