> For the complete documentation index, see [llms.txt](https://hoppn.gitbook.io/hoppn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hoppn.gitbook.io/hoppn/shopify/live-demo-mode.md).

# Live Demo Mode

For live demos, activate demo mode on your device for the best experience: 

<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;