# How to setup Editor Extension?

[Click here](https://chrome.google.com/webstore/detail/beaconli/mmclgbikmomngmmilcjodlhfipikjeji?hl=en) to install the Beacon Editor extension.

In the "Domains" field, input the website domain to activate the extension on your site. If you wish to open it in multiple dashboards, include multiple domains separated by commas, as shown in the screenshot below. Alternatively, if you want the extension to open in all tabs, leave the field empty.

Activate the visual editor and click "Save" to make the editor visible.

<figure><img src="/files/g9VhM66Le8Sr7OFUDIt9" alt="" width="375"><figcaption></figcaption></figure>

Enable the "Show Bar Launcher" and "Show Visual Editor Launcher" options to display icons at the bottom right. You can then customize the placement of these icons by dragging them according to your preferences. You can close these launcher icons by clicking on the cancel icon, which becomes visible upon hovering.

Click on these launcher icons to display the editor and bar, or alternatively, use "Command + K" or "CTRL + K" for the bar and "Command + E" or "CTRL + E" for the visual editor.

<div><figure><img src="/files/caruw9qX8SrS1wrZ9DgE" alt=""><figcaption></figcaption></figure> <figure><img src="/files/fe8yCdsrTWziezNuhSf4" alt=""><figcaption></figcaption></figure></div>

Within the Beacon Bar tab, you have the capability to create or edit actions. Additionally, you can preview the UI and functionality of smart journeys by clicking on the play icon in your dashboard.

To learn how to create commands, [click here](https://docs.beacon.li/how-to-create-commands). For guidance on creating smart journeys, [click here](https://docs.beacon.li/journeys-guides).

<figure><img src="/files/w7fqvNSnRlWJRRfFTmGE" alt=""><figcaption></figcaption></figure>

Within the Engagement tab, you can create modals, tooltips, banners, and survey forms. Additionally, you have the capability to add a workflow by connecting all these modules.

Click the links below to learn how to create or edit all these modules.

[Announcements - Modals/Slide Outs](https://docs.beacon.li/)

[Highlights - Tooltips / Hotspots](https://docs.beacon.li/highlights-tooltips-hotspots)

[Announcements - Banners/Info-Island](https://docs.beacon.li/announcements-banners-info-island)

[NPS\&Forms - Surveys](https://docs.beacon.li/nps-and-forms-surveys)

[Journeys - Work Flows](https://docs.beacon.li/journeys-flows)


---

# 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://docs.beacon.li/how-to-setup-editor-extension.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.