# Settings

## Settings

### Navigation

* **On:** Displays a progress bar with indicators for each step at the bottom of your demo.
* **Auto:** Displays a progress bar with indicators for each step when users hover over the bottom of the demo.
* **Off:** No progress bar.

### Back/next buttons

* Toggle on to display Back/Next buttons, allowing users to navigate between steps.

### Autoplay

* Toggle on to automatically play the demo until the user interacts, allowing progression through the demo without clicking hotspots.

{% hint style="warning" %}
Autoplay can skew performance data, since no engagement or completion rates will be recorded.
{% endhint %}

### Auto Pan and Zoom

* Toggle on to add automatic Pan and Zoom animations to your demo.

### Invisible hotposts

* Toggle on to make all hotspot and callouts invisible in your demo. This is ideal for presentations.

### Mobile responsive

* Toggle on to optimize your demo for mobile screens. Hotspots will stay in place, while their text appears as subtitles.

***

## Cover and Fit

### Cover

* Expand the media to cover the frame of your demo.

### Fit

* Contain the media to fit within the frame of your demo.

***

## Metadata

### Title

* This is the title displayed throughout your the Interactively app.

### External title

* This is the title used externally when your demo is shared.

### Description

* This is the description used when your demo is shared.

### Thumbnail

* Upload an image or choose a step as the thumbnail for sharing your demo on social media. Recommended size: 1200 x 630 px.

***

## Audio

### Background music

* Upload an MP3 file to play background music on loop while users engage with your demo.

### Video sound

* When you upload a video with sound to your demo, the viewer will play it with audio.