# Guest App

***

### **Guest App** <a href="#guest-app" id="guest-app"></a>

The guests have access to experiences on various places in the guest app. Below you can find an overview of where the amenities are used.

### **Homepage**

The guest app shows experiences on the home page, which can be viewed from there. The homepage shows a maximum of 10 items for both the experiences and upsells. The visibility of this section is controlled by the [branding reservation stages.](https://support.holidayhero.com/the-basics/brands/reservation-stages)

#### Upsells Section

Upsells are a special section within experiences. As they require special attention, they are displayed in a seperate section within the branding reservation stages.&#x20;

<figure><img src="/files/UiCqNC67hJ2fp62xSI1q" alt=""><figcaption><p>Upsell section on the homepage</p></figcaption></figure>

<table><thead><tr><th width="109">#</th><th width="648">Description</th></tr></thead><tbody><tr><td><code>1</code></td><td>The first experience image is used as the tile image, remaining images are displayed as a gallery</td></tr><tr><td><code>2</code></td><td>The name of the experience</td></tr><tr><td><code>3</code></td><td>If there are any products, this is the lowest product price</td></tr><tr><td><code>4</code></td><td>Button to view all upsells</td></tr></tbody></table>

#### Experience Section

Experiences are a section with the branding reservation stages that can be enabled and disabled. On the homepage of the guest app, we show up to 10 experience items. Guests can scroll through them and/or view them all through the view all button.

<figure><img src="/files/nwehC18EONw2j2JfLAiX" alt=""><figcaption><p>Experience section on the homepage</p></figcaption></figure>

<table><thead><tr><th width="91">#</th><th></th></tr></thead><tbody><tr><td><code>1</code></td><td>The <a href="/pages/XZAcVKgu19Qz5pZGkLjv#experience-categories">experience categories</a>, only categories that have items will be shown. </td></tr><tr><td><code>2</code></td><td>The first experience image is used as the tile image, remaining images are displayed as a gallery</td></tr><tr><td><code>3</code></td><td>The name of the experience</td></tr><tr><td><code>4</code></td><td>The location of the experience</td></tr><tr><td><code>5</code></td><td>Button to view all experiences</td></tr></tbody></table>

### Branding

The branding if the experience sections and pages is based on the [branding appearance](https://support.holidayhero.com/the-basics/brands/appearance) settings. See a detailed description below:

<figure><img src="/files/GzZxCkomh1quavlp4M9M" alt=""><figcaption><p>Experiences and the branding</p></figcaption></figure>

<table><thead><tr><th width="96">#</th><th></th></tr></thead><tbody><tr><td><code>1</code></td><td>The title has an <code>on-base</code> color </td></tr><tr><td><code>2</code></td><td>The background color is the <code>base</code> color</td></tr><tr><td><code>3</code></td><td>The category buttons have an <code>on-base</code> background color and <code>base</code>text color</td></tr><tr><td><code>4</code></td><td>The name has an <code>on-base</code> color </td></tr><tr><td><code>5</code> </td><td>The location has an <code>base-30</code> color</td></tr></tbody></table>

#### Maps Overview

The list map view can be triggered from within the experience overview, or the details itself.&#x20;

<figure><img src="/files/2SlTbnXlGlaXl2WyYFnf" alt=""><figcaption><p>Experiences on the Map</p></figcaption></figure>

<table><thead><tr><th width="87"></th><th></th></tr></thead><tbody><tr><td><code>1</code></td><td>The title has an <code>on-base</code> color </td></tr><tr><td><code>2</code></td><td>The category buttons have an <code>on-base</code> background color and <code>base</code>text color</td></tr><tr><td><code>3</code></td><td>The grid button has an <code>on-base</code> background color and <code>base</code>text color</td></tr><tr><td><code>4</code></td><td>The name has an <code>on-base</code> color </td></tr><tr><td><code>5</code></td><td>All experiences have an <code>secondary</code>  marker color</td></tr><tr><td><code>6</code></td><td>Your property has an <code>primar</code> marker color</td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.holidayhero.com/the-basics/experiences/guest-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.