# 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="/files/MTgdDqr12il359lwqpO3" 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*](/docs/experiences/tours-and-modals/components.md#image-video-demo)
* **Surveys** → [*Components ▶ Image/Video/Demo*](/docs/experiences/surveys/components.md#image-video-demo)
* **Hints** → [*Components ▶ Image/Video/Demo*](/docs/experiences/hints/components.md#image-video-demo)
* **Resource Center** → [*Components ▶ Image/Video/Demo*](/docs/experiences/resource-center/components.md#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.


---

# 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://help.usejimo.com/docs/integrations/arcade-storylane.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.