> For the complete documentation index, see [llms.txt](https://interactively.gitbook.io/interactively-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interactively.gitbook.io/interactively-docs/getting-started/quick-start.md).

# Quick Start

In this guide, we'll walk you through installing the **Interactively Chrome Extension**, recording your first interactive demo, building and editing your demo to perfection, and analyzing demo engagement data.

***

## Step 1: Download the Chrome Extension

### How does it work?

The Interactively Chrome extension captures every interaction, including clicks, scrolls, and typing, and saves them as video snippets and screenshots that are easy to edit using our no-code demo editor.

### Chrome extension features:

* **Resize** your display screen.
* **Modify page** content before you record.
* **Record interactive demo**.
* **Record video** with a floating personal video bubble or voice narration.
* **Take a screenshot** to add to an existing demo.

{% hint style="info" %}
Download the Interactively Chrome extension here.
{% endhint %}

## Step 2: [Record](/interactively-docs/build/record.md)

### How do I record my demo?

1. Open the Interactively Chrome Extension.
2. Adjust the screen size and modify the page content as needed.
3. Click **Record**.
4. Navigate and click through your product.
5. Click the extension icon to end the recording.

{% hint style="info" %}
**Tip:** Use the keyboard shortcut <kbd>⌘E</kbd> to start and stop recording.
{% endhint %}

## Step 3: [Edit](/interactively-docs/build/edit.md)

### How do I edit my demo?

Edit and customize your interactive demo with our user-friendly drag-and-drop editor. Bring it to life with interactive elements like hotspots and callouts to guide users, and personalize it with your brand colors, custom variables, chapters, recordings, and more.

## Step 4: Share

### Where can I share my demo?

* [**Website embed**](/interactively-docs/share/website-embed.md)**:** Embed your demo on your website, blog, knowledge base, changelog, or any other webpage.
* [**Share links**](/interactively-docs/share/share-link.md)**:** Share custom trackable links generated from your demo with prospects.
* [**Export video**](/interactively-docs/share/export-as-video-gif.md)**:** Export your demo as a video to share on social media, email campaigns, video platforms, and more.
* [**Export GIF**](/interactively-docs/share/export-as-video-gif.md)**:** Select a 30 second clip of your demo and turn it into a GIF. Add GIFs to webpages, documentation, emails, and more.

## Step 5: Track and Analyze

### What can I track and analyze?

* [**Demo performance**](/interactively-docs/track-and-analyze/demo-performance-analytics.md)**:** In your analytics dashboard, track unique visitors, engaged visitors, CTA clicks, session duration, click-through rate, and completion rate for individual demos, demo groups, or your entire workspace.
* [**Step analysis**](/interactively-docs/track-and-analyze/advanced-demo-analytics.md)**:** View the completion rate for each demo step and identify where visitors are dropping off.
* [**Visitors**](/interactively-docs/track-and-analyze/visitors.md)**:** Identify visitors and track their last visit, time spent, steps completed, and total sessions.
* [**Account-based engagement**](/interactively-docs/track-and-analyze/account-based-engagement.md)**:** Identify company accounts who viewed your demo and track their engagement.
* [**CTA clicks**](/interactively-docs/track-and-analyze/advanced-demo-analytics.md)**:** See who clicked on a CTA during your demo.
* [**Share links**](/interactively-docs/track-and-analyze/track-link-activity.md)**:** Get notified when a user clicks a share link and track engagement metrics like time spent, completion rate, and total visits.
* [**Form submissions**](/interactively-docs/track-and-analyze/form-submissions.md)**:** Collect information from your visitors such as name, email, company info, and feedback.&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://interactively.gitbook.io/interactively-docs/getting-started/quick-start.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.