# Live Demo Mode

For live demos, activate demo mode on your device for the best experience:&#x20;

<figure><img src="/files/kJh8qd3wqS5S4W6Q6JDZ" alt=""><figcaption></figcaption></figure>

## What it does

While in demo mode,

* 🌈 After 60 seconds of inactivity, the Infinite Color Search overlay automatically re-opens.&#x20;
* 💬 After 60 seconds of inactivity, the text-based search input is cleared for the next user.&#x20;
* 🍃 Every 3-5 hours, the browser page automatically refreshes during an ideal moment of inactivity. This prevents typical errors that occur from prolonged browser use.&#x20;

## How to activate

1. Visit your home page and open the Infinite Color Search overlay.
2. Type "**DemoMode**" after the "**=**" sign in the URL

```
YourWebsite.com/?InfiniteColorSearch=DemoMode
```

To deactivate demo mode for a device, use "**DemoModeOff**"

```
YourWebsite.com/?InfiniteColorSearch=DemoModeOff
```

## iPad Demo Tips&#x20;

### Guided Access

In Apple settings, activate "Guided Access" to limit use to one app.  This prevents shoppers from closing the browser or turning off the device.

In Guided Access, you can also block elements on the page, preventing shoppers from navigating to other websites.&#x20;

### Brightness Automations

Using Apple's Shortcuts app, you can automatically dim and brighten the screen.&#x20;

* Set a time for the screen brightness to rise to 100%&#x20;
* Set a time after your store closes to set the screen brightness to 10% to preserve the life of your device.&#x20;

<figure><img src="/files/2vzJL0lOP7bFpwRh1SpV" alt=""><figcaption></figcaption></figure>

It's a good idea to set multiple brightness change automations in case one fails.&#x20;


---

# 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://hoppn.gitbook.io/hoppn/shopify/live-demo-mode.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.
