> ## Documentation Index
> Fetch the complete documentation index at: https://strella-7d79fa26-mintlify-8c581790.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Add Images, Videos, and Prototypes to Your Interview

> Enrich your interviews with media so participants have context to react to—and the AI moderator can ask sharper, more targeted follow-up questions.

Adding media to your question guide lets participants see, explore, and react to real stimuli during the interview—whether that's a concept image, a working prototype, or a live website. When participants have visual context, the AI moderator can ask sharper follow-up questions and you walk away with more actionable insights.

## Why Add Media

Researchers add media to a question guide for two main reasons:

* **Test concepts** — Show participants images, prototypes, or embedded content to gather direct reactions and feedback.
* **Observe live interaction** — Watch how participants navigate a real website or app while the AI moderator asks questions in real time.

## How to Add a Media Step

<Steps>
  <Step title="Open the Add a Step panel">
    In the left-hand question guide panel, scroll to the bottom and click **Add a step**.
  </Step>

  <Step title="Scroll to the media section">
    Scroll through the element options until you reach the media types.
  </Step>

  <Step title="Select a media type">
    Click the media type you want to insert. The available options are described below.
  </Step>

  <Step title="Configure the media in the right-hand panel">
    After selecting a media type, fill in the relevant details—such as a URL, an uploaded file, or an embed code—in the panel on the right side of the screen.
  </Step>
</Steps>

## Available Media Types

<Tabs>
  <Tab title="Figma Prototype">
    Display an interactive Figma prototype so participants can click through your design mockup while the AI moderator guides them and captures feedback. Ideal for usability testing and concept validation.

    <Tip>Make sure your Figma file is set to **Anyone with the link can view** before adding it to the guide.</Tip>
  </Tab>

  <Tab title="Embed">
    Embed custom content—such as an instructional video or a third-party widget—directly in the interview. Use this when you need participants to react to content that doesn't fit another media category.
  </Tab>

  <Tab title="Website">
    Load a live website inside the interview so the AI moderator can ask questions while participants browse. Best for usability testing on production or staging environments.
  </Tab>

  <Tab title="Image">
    Display a static image—a logo concept, wireframe, ad creative, or any visual stimulus—for participants to review and react to before answering follow-up questions.
  </Tab>

  <Tab title="Video">
    Play a video clip for participants to watch before responding. Useful for testing ad concepts, product demos, or instructional content.
  </Tab>
</Tabs>

## Walkthrough: Adding a Website

Here is a step-by-step example of adding a live website so participants can navigate through it while the AI moderator asks questions.

<Steps>
  <Step title="Select Website from Add a step">
    Click **Add a step** at the bottom of the left panel, scroll to the media section, and select **Website**.
  </Step>

  <Step title="Paste the URL and import">
    In the right-hand panel, paste the URL of the website you want participants to visit, then click **Import website URL**.
  </Step>

  <Step title="Add questions, tasks, and statements">
    Click the **three dots** next to the website label in the left panel, then click **Add step**. Add any questions, tasks, or statements you want the AI moderator to deliver while the website is open.
  </Step>

  <Step title="Confirm the step nesting">
    Review the left panel to confirm that your questions, tasks, and statements are nested inside the website element. Only steps nested within the website toggle will be asked while the site is visible on screen.
  </Step>
</Steps>

<Note>
  Follow the same pattern for other media types—each one supports nested steps so you can pair media with targeted questions and tasks.
</Note>