# Arcade / Storylane

## Demos Integration

Embed fully interactive, pre-recorded product demos directly within your Jimo experiences by connecting **Arcade** or **Storylane**. This integration lets you:

* **Showcase features** in context: Walk users through new functionality without leaving your app.
* **Onboard seamlessly**: Deliver step-by-step guidance in your tours, surveys, hints, or resource center.
* **Boost engagement**: Interactive demos drive deeper product exploration and reduce support overhead.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FnNultDzlkSvbf0NKqp4h%2Fimage.png?alt=media&#x26;token=142dd86e-ecb7-489c-b486-5c1b067c05fc" alt=""><figcaption></figcaption></figure>

***

### How It Works

1. **Create your demo** in Arcade or Storylane, creating a fixed, prerecorded walkthrough.
2. **Copy the share link** provided by your demo platform.
3. **Paste the link** into any **Image/Video/Demo** block within Jimo. An iframe automatically renders the interactive demo.

### Supported Experience Types

You can include demos in the **components** section of these Jimo experiences:

* **Tours & Modals** → [*Components ▶ Image/Video/Demo*](https://help.usejimo.com/docs/experiences/tours-and-modals/components#image-video-demo)
* **Surveys** → [*Components ▶ Image/Video/Demo*](https://help.usejimo.com/docs/experiences/surveys/components#image-video-demo)
* **Hints** → [*Components ▶ Image/Video/Demo*](https://help.usejimo.com/docs/experiences/hints/components#image-video-demo)
* **Resource Center** → [*Components ▶ Image/Video/Demo*](https://help.usejimo.com/docs/experiences/resource-center/components#media)

***

### Arcade/Storylane vs. Native Jimo Steps

| Aspect            | Arcade / Storylane Demo                | Jimo Native Media        |
| ----------------- | -------------------------------------- | ------------------------ |
| **Interactivity** | Full click-through walkthrough         | Static image or video    |
| **Step Timing**   | Fixed, prerecorded sequence            | User-driven progression  |
| **Customization** | Authoring in demo tool                 | In-Jimo styling only     |
| **Use Case**      | Guided feature tours, product launches | Lightweight media embeds |

### Best Practices

* **Keep demos concise**: Aim for 1–3 minutes to maintain focus.
* **Highlight key actions**: Leverage hotspots and callouts in Arcade/Storylane.
* **Align branding**: Match colors and typography between your demo and Jimo theme.
* **Fallback content**: Provide a short text summary or screenshot in case iframe fails to load.
* **Test across devices**: Ensure your demo embeds scale well on different viewports.

***

Need help? Reach out to the support team to fine-tune your demo embeds and maximize user impact.