Odybook.
Webflow Implementation Guide for the Odybook Engine

Webflow Implementation Guide for the Odybook Engine

Widget

DS
Dev Support
12 min read Expert Verified

The Benefits of an In-Situ Booking Widget

Conversion rates on Webflow drop by 40% if you redirect guests to an external booking page. Our widget keeps the guest on your brand. It's lightweight and optimized for Webflow's specific script handling.

Step-by-Step Integration

  1. Generate Code: Go to 'Widget Settings' and select your experience.
  2. Add Embed Element: In the Webflow Designer, add a 'Custom Code' or 'Embed' element where you want the calendar.
  3. Configure Z-Index: Ensure the container has position: relative; and a high z-index to avoid overlapping with your site navigation.

Dynamic CMS Integration

If you have many tours, you can use Webflow CMS fields to dynamically inject the experience-id into the widget script, maintaining all your tours from one master template.

Was this guide actionable?