Holibob Docs

Storefront

Info: > Note: Last Updated: 13 Feb 2026

Storefront

Our Storefront serves as the responsive web application interface through which consumers can discover and book a variety of experiences.

These storefronts are designed to reflect the Channel's brand configuration, ensuring a cohesive, tailored experience for consumers.

We fully host these storefronts, providing partners with a seamless end-to-end solution.

Partners can:

  • Embed the storefront within their own applications or websites.

  • Direct consumers to a vanity URL, e.g. https://experiences.<partnerName>.com

Through this interface, consumers can:

  • Explore and search products.

  • Verify availability and pricing.

  • Make bookings and process payments.

  • Manage itineraries and preferences efficiently.

Consumer Experience

Access and Engagement

Consumers typically receive personalised invitations to explore experiences via links or messages. The highest engagement occurs with direct WhatsApp messages sent within 72 hours of arrival at the destination.

When the user clicks on the invitation, they land on the Splash Screen of the desktop or mobile storefront. From there, they can browse the recommended products, view product details, add to cart and checkout.

Splash Screen

The splash screen includes several personalised elements, including the consumer’s name, the destination's name, and the dates of their Trip.

The messaging includes the Channel's brand name.

When the Consumer is ready, they will scroll to the first product in the recommendations story

image-20251214-142912.png

Mobile

Splash Screen

The splash screen includes several personalised elements, including the consumer’s name, the destination's name, and the dates of their Trip.

The messaging includes the Channel's brand name.

When the Consumer is ready, they will scroll to the first product in the recommendations story

image-20260102-150710.png

Recommended products are displayed in two layouts: full-screen and grid view.

In full-screen view, a single product fills the entire browser height. Clicking anywhere on the card opens the Product Details view. The buttons on the right-hand side allow direct navigation to tickets, reviews, sharing and saving.

image-20260102-145816.png

Product Details View

The product details provide a summary and detailed information about the product, allowing the consumer to quickly decide whether to book or continue browsing. They can also bookmark the product, making it easy to return.

Product Callouts

The Product Callouts section highlights key information at a glance, helping consumers quickly assess product suitability without needing to read the full description.

Callouts may include:

  • Duration

  • Cancellation policy (e.g., “Free cancellation”)

  • Ticket type

  • Language availability

  • Other key product attributes

This section improves visibility of important details and supports faster decision-making.

image-20260212-104319.png

Reviews

The Reviews section presents aggregated ratings, AI-powered review insights, and individual customer feedback in a single, structured view.

Consumers can quickly assess overall product quality through:

  • Average rating and total review count

  • Rating breakdown (e.g., 5★ to 1★ distribution)

  • Common themes surfaced from customer feedback

Reviews Insight

The Reviews Insight component summarises frequently mentioned highlights from customer reviews. It surfaces key positive themes and notable aspects of the experience, allowing consumers to understand sentiment at a glance without reading multiple individual reviews.

This section helps users:

  • Identify commonly praised features

  • Understand service quality and experience highlights

  • Quickly evaluate product suitability

Individual Reviews

Consumers can browse full written reviews. Reviews may include images and detailed commentary.

Filtering and sorting options allow users to organise reviews by:

  • Rating

  • Recency

A link to the full reviews section enables deeper exploration when required.

image-20260213-144132.pngimage-20260213-144236.png

Ticket Selection

The Ticket Selection window opens as a pop-up (modal) when a customer clicks “Find tickets” on a product page.

This is where customers:

  • Choose their travel date

  • Select a start time

  • Select guide language (if available)

  • Choose ticket quantities

  • View refund and cancellation deadline

  • Add tickets to their cart

Calendar Options

There are two calendar views available:

1. Compact Calendar

  • Shows one month at a time

  • Customers can move between months using arrows

  • Available dates can be selected

  • Unavailable dates are greyed out

  • The selected date is highlighted

This is the default view.

2. Full Calendar

  • Opened by clicking “Show full calendar”

  • Displays a larger month view

  • Allows month and year selection via a dropdown

  • Makes it easier to book further in advance

Date & Start Time

After selecting a date:

  • Available start times appear below the calendar

  • Only available times can be selected

  • The selected time is highlighted

If no time is available, customers cannot continue.

Product Options (If Applicable)

If the product requires additional selections, these will appear within the Ticket Selection window.

This could include:

  • Guide language

  • Tour type

  • Any other configured option

For each option:

  • Only the available and configured options for that product are displayed

  • Options appear as selectable buttons or dropdown selections

  • The selected option is highlighted

  • Customers must complete all required selections before adding to the cart.

Ticket Types

Customers can choose ticket quantities using the + / – buttons.

Each ticket type displays:

  • Ticket name (e.g. Adult, Child, Infant)

  • Age range

  • Price

  • Any restrictions (e.g. “Must be accompanied by at least 1 adult”)

The subtotal updates automatically as quantities change.

Availability Confirmation

If tickets are available:

  • An “Available” status appears

  • The subtotal is shown before checkout

Cancellation Deadline

The ticket selection window clearly shows:

  • Whether the booking is refundable

  • The exact latest time the customer can cancel for a refund

Example:

Fully refundable if cancelled before 15:00 on Saturday, 14 February 2026.

This deadline is based on the product’s local time zone.

Add to Cart

Once the customer has selected:

  • Date

  • Start time

  • Ticket quantities

They can click “Add to cart” to proceed to checkout.

image-20260213-144843.pngimage-20260213-144939.pngimage-20260213-145001.pngimage-20260213-145029.png

Details

The details section provides the product overview, inclusions and exclusions, and other relevant information. A map indicates the product’s location, and selecting it opens the map in a new tab.

The product’s operator information may also be displayed here, subject to configuration.

image-20260102-145904.png

Images

All images associated with the product are presented in this section. Selecting an image opens the full-screen image gallery, which lets consumers browse all images in high resolution.

image-20260102-145930.pngimage-20260102-145942.png

Cart and Itinerary

Storefront supports the use of “cart” to add multiple products in a single transaction.

Cart Splash

When a consumer adds a product to their cart, a confirmation message appears indicating where the cart can be accessed.

The consumer can choose to proceed directly to checkout or return to product discovery to continue browsing.

image-20260102-150014.png

Cart Screen

The cart lists all added products with key details such as title, date, and time. The total amount is displayed with a fixed “Go to checkout” button at the bottom of the page.

Items can be removed from the cart by swiping; this is indicated by an animation when the item lands on the screen.

image-20260102-150054.png

Booking Information

Some products require additional information before booking, such as passenger details or pickup points. These extra details are gathered during the checkout flow.

Lead passenger details will be prefilled from the trip data if available; otherwise, they can be entered manually.

The “Save and Continue” button remains active but will not proceed until all required fields are complete.

image-20260102-150129.png

Payment

The payment step supports many payment methods, including card payment, Apple Pay, Google Pay and more. The checkout flow is powered by Stripe, ensuring secure, multi-currency payment processing.

image-20260102-150617.png

Confirmation

Once payment is completed, the consumer is presented with a confirmation screen displaying their booking code.

A confirmation email and booking voucher are automatically sent. The confirmation screen includes information on how to navigate to the itinerary page.

The call to action offers an option to return to the storefront to find more experiences.

Subject to configuration, this screen can also offer direct access to the vouchers required for entry.

image-20260102-150251.png

The main menu icon is present on most screens.

When opened, the menu animates over the current screen and allows the consumer to navigate to different areas of the storefront or update their preferences.

The menu includes the following sections:

  • Itinerary.

  • Recommended Experiences.

  • Saved & Recently Viewed.

  • Search.

  • Destination.

  • Language.

  • Currency.

image-20260102-144550.png

Itinerary

The itinerary provides consumers with a consolidated view of all experiences included within their booking. Each experience is displayed in chronological order to help consumers understand how their activities are organised across their trip. The ordering follows a clear logic: experiences are first grouped by date, and within each date, they are ordered by start time, where this information is available.

After completing payment, the consumer is presented with the confirmation screen followed by the itinerary for their booking. The confirmation message also informs the consumer that they can access their itinerary at any time through the main menu.

Each itinerary item includes the key details the consumer would expect to see on their voucher, such as the product name, date and time, number of participants and total price.

The itinerary improves post-purchase clarity and is particularly useful for multi-experience bookings. A call-to-action at the bottom of the screen enables consumers to return to the storefront to discover more experiences

image-20260102-144418.png

The recommended experiences section allows consumers to return to a curated set of experiences selected for their trip. This option is accessible via the main menu and takes the consumer back to the recommended product feed within the storefront.

The recommendations shown are tailored to the consumer’s trip context, including the selected destination travel dates and any known information about the consumer, such as who they are travelling with, what type of trip it is, business or leisue etc. This ensures that the experiences surfaced are relevant and appropriate for the period of travel, while still allowing consumers to continue browsing and discovering additional activities.

Selecting a recommended experience opens the standard product discovery flow, enabling consumers to view product details, check availability and proceed with booking.

image-20260102-144519.pngimage-20260102-144534.png

Saved and Recently Viewed

The Saved and Recently Viewed section provides quick access to products you've previously explored.

The Saved tab lists all products the consumer has bookmarked, allowing instant navigation back to product details. Any previously selected availability data, such as date, time, or number of participants, is preserved.

The Recently Viewed tab displays all products the consumer has recently interacted with, making it easy to revisit them.

image-20260102-150333.pngimage-20260102-150349.png

The search section allows consumers to actively explore experiences within the currently selected destination. This option is accessible via the main menu and opens a dedicated search screen scoped to the consumer’s destination context.

At the top of the screen, consumers can enter free-text search queries to look for specific experiences, themes or interests within the selected location. The search input is pre-scoped to the destination currently associated with the trip, ensuring results remain relevant without requiring the consumer to reselect a location.

Below the search input, a set of suggested search categories is displayed. These suggestions act as quick entry points into popular or seasonally relevant experience types, allowing consumers to begin discovery with a single tap rather than typing a query. Selecting a suggestion triggers a search based on that theme and surfaces matching experiences in the storefront.

image-20260102-150427.png

Destination

The destination section allows consumers to view and change the location for which they are browsing experiences within the storefront. This option is accessible via the main menu and provides a clear indication of the current destination associated with the consumer’s trip.

When selected, consumers are taken to the destination screen, where they can search for places worldwide or choose from a list of suggested destinations. Suggested destinations are presented as quick-select options to make it easier for consumers to switch locations without needing to type a search query.

Changing the destination updates the storefront context, ensuring that all subsequent search results, recommendations and experiences shown are relevant to the newly selected location. This allows consumers to explore and compare experiences across different cities while remaining within the same storefront session.

The destinations feature supports flexible discovery behaviour, particularly for consumers who are planning multi-city trips or who wish to explore experiences in nearby locations before committing to additional bookings

image-20260102-142243.png

Language

Storefront supports multiple languages, which can be selected from the main menu.

Options include English, Arabic, German, Spanish, French, Italian, Portuguese, etc. The list of supported currencies is managed within the Channel configuration.

Changing the language updates the interface instantly, ensuring accessibility for international consumers.

image-20260102-150447.png

Currency

Storefront automatically defaults to the most likely currency for the consumer, based on the currency assigned to their trip by the partner or the consumer’s detected location.

The Currency Selector, accessed from the main menu, allows consumers to change the display and checkout currency.

The list of supported currencies is managed within the Channel configuration.

image-20260102-150503.png

Privacy Policy

The privacy policy is accessible from the footer of the main menu. It outlines how personal data is collected, processed, and protected.

Consumers are required to agree to these terms during the checkout flow.

The policy covers the following topics:

  • Important information and who we are.

  • The data we collect about you.

  • How your personal data is collected.

  • How we use your personal data.

  • Disclosures of your personal data.

  • International transfers.

  • Data security.

  • Data retention.

  • Cookies.

  • Your legal rights, and Glossary.

image-20260102-150526.png

The footer contains copyright details and a link to the privacy policy. It remains visible at the bottom of the menu for transparency and compliance.

image-20260102-150542.png