Skip to content
Bilberry Widget Docs

Accommodation Overview widget

Accommodation Overview Widget

The Accommodation Overview Widget displays key details about an accommodation, with information fetched from a Bilberry-connected service (e.g., Visbook). This widget provides users with a quick summary of the accommodation’s features and details, enhancing their browsing experience.

Key Features

  1. Comprehensive Overview Presents essential information about the accommodation, such as amenities, pricing, and other details.

  2. Dynamic Data Integration Fetches real-time data from the connected accommodation service (e.g., Visbook).

  3. User-Friendly Design Offers a clean and structured layout to present information effectively.

Widget in Action

How to Use

Add the widget to your webpage using the HTML snippet below. Replace the id with the accommodation ID from your external accommodation system.

Example:

<bilberry-accommodation-product-overview id="1"></bilberry-accommodation-product-overview>

Widget Properties

PropertyDescriptionDefault ValueRequired
idThe ID of the accommodation in the external system (e.g., Visbook).N/AYes
product-catalog-idID of the accommodation product to display.N/AYes
lazy-loadSet to yes to defer loading the widget content until it is visible in the viewport. Options: yes, no.noNo

Setting Up on Wix

If you’re using Wix as your website builder, follow these steps to configure the widget:

  1. Access the Configuration Guide: Refer to the relevant guide in these docs for general widget setup on Wix.
  2. Use the Following Values:
    • Server URL: https://bilberry-widgets.b-cdn.net/v4/wix-wrappers/WixBilberryAccommodationProductOverview.js
    • Tag Name: wix-bilberry-accommodation-product-overview

Tips for Effective Integration

  1. Test Accommodation IDs: Ensure the id corresponds to a valid accommodation in the external system to avoid display issues.
  2. Optimize Content: Provide high-quality descriptions and accurate details in the external accommodation system to enhance user trust and engagement.
  3. Mobile Responsiveness: Verify that the widget displays correctly on mobile devices to maintain a seamless user experience.

By integrating the Accommodation Overview Widget, you can present your accommodations’ key details in a visually appealing and user-friendly way.