Skip to main content

​
Overview

The Embeddable Widget is a JavaScript component that adds destination content to your existing website so travellers can plan without leaving your domain.
Integration level: Low integration. The widget is installed with a script in your page header and a dynamic content snippet where you want it to render.

​
Setup flow

1

Add the widget script to the page header

Obvlo provides a code snippet to load the widget engine.
2

Add the dynamic content snippet

Place the HTML block where the widget should appear on the page.
3

Configure layout and behaviour in Portal

Set card order, styles, filters, and interaction settings.
4

Run design and device checks

Confirm branding, content quality, and responsive behaviour before launch.

​
Key capabilities

Widget configuration

Configure layout, styling, and behaviour using embed attributes or Portal controls.

Main page cards

Build the homepage from Header Banner, Menu, Grid, and List-Map cards.

Search and map

Support listing discovery with free-text search, marker clusters, and co-location handling.

Personalisation

Ask preference questions and re-rank recommendations based on traveller responses.

Drawer mode

Launch as a side button that expands into a full widget overlay.

Insights

Send interaction events into Google Analytics and related reporting workflows.

​
Integration options

Use full, nearby, or hidden mode based on your page goals. Hidden mode keeps data flows active without visible UI.