# Chrome extension

The HelpHero Chrome extension is the fastest way to get going with HelpHero. It allows you to create/edit and preview tours without making any changes to your web app.

Prefer to watch? This two minute walkthrough covers everything on this page.

[Video](https://www.youtube.com/embed/O5jFeiJXIx0?rel=0)

## 1. Install the HelpHero Chrome extension

The extension is available to install from the [Chrome Web Store](https://chrome.google.com/webstore/detail/helphero-editor/igddcfndiapddcmgkkkjaalanbclolni?hl=en).

## 2. Navigate to your website URL

Go to any page on your website where you want to create a HelpHero tour.

![](/docs/images/ext-workflow-1@2x.webp)

## 3. Click the HelpHero icon

Click the HelpHero Icon to bring up the HelpHero extension settings popup.

![](/docs/images/ext-workflow-2@2x.webp)

### Don’t see a HelpHero icon in your chrome toolbar?

Click the toolbar extensions icon, then click the pin icon. You can also [watch this step in the video](https://www.youtube.com/watch?v=O5jFeiJXIx0&t=78s).

![](/docs/images/extension-icon1@2x.webp)
![](/docs/images/extension-icon2@2x.webp)

## 4. Enable your website URL

Click **ADD URL** to enable HelpHero Editor on your website.
Note: You only need to do this on one page of your site.

![](/docs/images/ext-workflow-4@2x.webp)

### Have you created multiple HelpHero apps?

If you belong to multiple HelpHero teams. Please ensure you have selected the correct App in the HelpHero extension settings popup.

![](/docs/images/ext-workflow-4-1@2x.webp)

## 5. Start creating tours

The HelpHero Editor should appear on the right hand side of your website. You can now start creating and previewing tours.

![](/docs/images/ext-workflow-5@2x.webp)

Once you are ready to publish your tours to your users you will need to [install the HelpHero script tags.](/docs/install/)