> For the complete documentation index, see [llms.txt](https://docs.userlane.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.userlane.com/assistance/a-tour-of-the-editor.md).

# A tour of the Editor

The Editor is where Userlane content is built, separately from the portal where it is targeted and measured.

The Editor is where Userlane content is built. It opens on top of the application you are documenting, so a guide or a tooltip is created against the real screen rather than a mockup. The portal[^1] handles what happens next: who sees the content, in which language, and how it performed.

## Opening the Editor

You can open the Editor from a few places. A button in the Assistant, reachable from anywhere in the application after signing in to Userlane, opens the Editor panel over the application. The Userlane browser extension icon in the browser toolbar opens the same panel without going through the Assistant.

<div data-with-frame="true"><figure><img src="https://259567114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF6bxg8i3T6U4vZ3k7PHi%2Fuploads%2FWMPrTeDzK6FyzdNm47IC%2Fstart%20the%20editor.png?alt=media&#x26;token=d053fd2b-112f-4eb9-94a7-a3f05e5e4653" alt="Starting the Userlane Editor from the Assistant"><figcaption><p>Open the Editor from the Assistant or the browser extension icon.</p></figcaption></figure></div>

## What is built in the Editor

Six content types are created in the Editor. Each one produces something different for the end user.

<table><thead><tr><th width="124.81036376953125">Content type</th><th width="271.28216552734375">What it produces</th><th>What the end user sees</th></tr></thead><tbody><tr><td><a href="/assistance/in-app-guidance/creating-guides.md">Guides</a></td><td>A recorded tutorial of a process, built by clicking through it once in the live application.</td><td>Step-by-step prompts on the screen, in order, from the first action to the last.</td></tr><tr><td><a href="/assistance/in-app-guidance/validators.md">Validators</a></td><td>A check on what someone types into a form field, with three modes: Measure, Visible, and Warning.</td><td>Nothing at all in Measure mode. An inline hint in Visible mode. A warning at submit in Warning mode.</td></tr><tr><td><a href="/assistance/in-app-guidance/creating-tooltips.md">Tooltips</a></td><td>An explanation attached to a single element on the screen, set as either a hint or a beacon.</td><td>A hint appears on hover. A beacon marks the element so it gets noticed.</td></tr><tr><td><a href="/intelligence/tasks/create-a-task-in-the-editor.md">Tasks</a></td><td>A definition of a multi-step process, with a start and an end, built from scratch or from an existing guide.</td><td>Nothing. A task is a measurement definition and shows no content.</td></tr><tr><td><a href="/intelligence/tags/create-a-tag-in-the-editor.md">Tags</a></td><td>A definition of a single tracked action on one element.</td><td>Nothing. A tag records the interaction and shows no content.</td></tr><tr><td><a href="/assistance/in-app-guidance/creating-contextual-actions.md">Contextual Actions</a></td><td>A link between one or more conditions and one or more responses.</td><td>Whatever the action launches, at the moment its conditions are met.</td></tr></tbody></table>

{% hint style="warning" %}
**Not all Assistance elements live in the Editor.** The following are set up in the portal: announcements and other in-app messages, audiences, display rules, languages and translations, Assistant settings, knowledge connectors, and content analytics. Surveys, including Net Promoter Score (NPS) and customer satisfaction (CSAT), are also set up in the portal and are part of Intelligence.
{% endhint %}

<div data-with-frame="true"><figure><img src="https://259567114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF6bxg8i3T6U4vZ3k7PHi%2Fuploads%2FrT2Nye56pIfG1ELQsCjl%2Feditor.png?alt=media&#x26;token=66c97d26-f8b1-48bc-a189-ef0a8b28a8c8" alt="The Userlane Editor with the sidebar and content list"><figcaption><p>The Editor with its sidebar of content types on the left.</p></figcaption></figure></div>

## How the Editor is laid out

### The sidebar

The Editor sidebar runs down the left edge. It shows icons only, so hover an icon to see its label. The six content types sit at the top in this order: Guides, Validators, Tooltips, Tasks, Tags, and Contextual Actions. Settings sits at the bottom. Across the top of the panel, **Search for Userlane content** finds anything that already exists, and **Create** starts something new.

### Guides

A guide walks someone through a process one step at a time, on the real screen. This is where guides are built and organized. The list groups them into chapters, with anything ungrouped collected under **Unsorted Guides**, so a long process can be split into several guides that still read in order.

Building a guide means recording it. Click through the process once in the application and each click becomes a step. A left click makes an interactive step, where the user has to do the action themselves. A right click makes an explanation step, which just tells them something. The **Control** key pauses recording and **Escape** stops it.

Afterwards the steps appear as a list that you can reorder, rewrite, or add to. **Preview** runs the guide without publishing it, so you can check it before anyone sees it.

<div data-with-frame="true"><figure><img src="https://259567114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF6bxg8i3T6U4vZ3k7PHi%2Fuploads%2FMLqKmNSaWq5PjKA2jT4D%2Feditor%20record%20a%20guide.png?alt=media&#x26;token=e5b76fc4-95a3-4e23-925b-7de369559c6b" alt="Recording a guide in the Editor"><figcaption><p>Each click during recording becomes a guide step.</p></figcaption></figure></div>

### Validators

A validator checks what someone types into a form before it is saved, so a mistake gets caught where it is made rather than cleaned up later.

How much the user notices is a choice. **Measure** records errors silently and shows nothing, which gives a reading of how often something goes wrong before anything is changed. **Visible** shows a hint next to the field. **Warning** waits and warns at submit.

Every validator needs a completion button, meaning the control the user clicks to submit the form. Without one the validator cannot be edited, and the list shows a banner when any are missing.

<div data-with-frame="true"><figure><img src="https://259567114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF6bxg8i3T6U4vZ3k7PHi%2Fuploads%2F5BNI1r0VoPMB6ZPu9aea%2Feditor%20create%20a%20validator.png?alt=media&#x26;token=ec70d995-ed71-4b71-9061-a188bec3229b" alt="Creating a validator in the Editor"><figcaption><p>Choose how visible a validator is to the user: Measure, Visible, or Warning.</p></figcaption></figure></div>

### Tooltips

A tooltip explains one thing on the screen. It suits cases where a full guide is more than the situation needs, like a field whose label is not obvious.

There are two forms. A hint shows the text when someone hovers over the element. A beacon places a marker that draws the eye to it. Both can carry an icon, and the hint can be positioned automatically or by hand.

You write the text directly on the page, in a box beside the element it belongs to, so it is clear what it will look like in place.

<div data-with-frame="true"><figure><img src="https://259567114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF6bxg8i3T6U4vZ3k7PHi%2Fuploads%2F7srbsYN9i3KAxXkPE5lI%2FScreen%20Recording%202026-09-25%20at%2010.02.13.gif?alt=media&#x26;token=b6b90c36-d0f8-4a4b-8c36-4504f70eb548" alt="Creating a tooltip in the Editor"><figcaption><p>Tooltip text is written in place, beside the element it explains.</p></figcaption></figure></div>

### Tasks

A task marks out a process worth measuring: where it starts, where it ends, and the steps in between. Nothing appears on screen for the end user. The point is to find out how many people finish and where the rest give up.

There are two ways to make one. Build it from a guide that already documents the process, or define it from scratch. **View Analytics** shows the results once the task has been running.

### Tags

A tag tracks one action on one element, such as a click on a particular button. Like a task, it shows the end user nothing. It answers a narrower question: did this get used.

A tag points at an element on the page, so the main work is making sure it still finds that element after the application changes. **Test tag** confirms it fires, **Reselect element** points it somewhere else, and **Refine selector** adjusts how the element is identified by its selector[^2]. Tracking can be limited to certain pages or left on everywhere, and the **Active** toggle in the list switches a tag off without deleting it.

### Contextual Actions

A Contextual Action makes content appear on its own, instead of waiting for someone to go looking for it. It pairs a situation with a response: when this is true, do that.

The panel splits in two. Contexts on the left are the conditions. Actions on the right are what happens when those conditions are met. **Match all** decides whether every condition has to be true or just one of them. **Activate** switches the action on, which is separate from saving it, so you can set it up in advance and turn it on later.

<div data-with-frame="true"><figure><img src="https://259567114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF6bxg8i3T6U4vZ3k7PHi%2Fuploads%2Fy828faoKz4W8bJLd53hA%2FCA1.png?alt=media&#x26;token=5005a640-cf51-4140-bc60-d6d903ab4310" alt="Contextual Actions panel with contexts on the left and actions on the right"><figcaption><p>Contexts set the conditions; actions set what happens when they are met.</p></figcaption></figure></div>

## Relevant articles

{% content-ref url="/pages/OUb4HG9RxVliztfFeCLm" %}
[What Assistance is](/assistance/what-assistance-is.md)
{% endcontent-ref %}

{% content-ref url="/pages/ekWOHrKxU3Yp6xV24fPM" %}
[Userlane content types](/assistance/content-operations/authoring/userlane-content-types.md)
{% endcontent-ref %}

{% content-ref url="/pages/VZqRoAJSjPm9ZGD2jNVG" %}
[Create and manage content](/assistance/content-operations/authoring/create-and-manage-content.md)
{% endcontent-ref %}

{% content-ref url="/pages/1S0Ysrf45iMPMs4rp5yk" %}
[Creating guides](/assistance/in-app-guidance/creating-guides.md)
{% endcontent-ref %}

## FAQ

<details>

<summary>What is the difference between the portal and the Editor?</summary>

The Editor is where Userlane content is built. The portal is where that content is scoped to an audience, translated, scheduled, and measured. They are separate interfaces and can be open at the same time.

</details>

<details>

<summary>How is the Editor opened?</summary>

Signing in to Userlane inside the application shows a launcher in the bottom left corner of the page. Select **Start the Userlane Editor** to open the Editor over the application.

</details>

<details>

<summary>What content types are built in the Editor?</summary>

Six: guides, validators, tooltips, tasks, tags, and Contextual Actions. Announcements and surveys are written in the portal instead.

</details>

<details>

<summary>Can announcements be created in the Editor?</summary>

No. Announcements are written, targeted, and scheduled in the portal.

</details>

<details>

<summary>What is a chapter?</summary>

A chapter is a named group of related guides. Chapters keep a long process in order when it is split across several guides, and you create them from the guide list in the Editor.

</details>

<details>

<summary>Does every content type have the same tabs?</summary>

No. Guides, validators, and tooltips each have four tabs, though the first two differ by type. Tags and Contextual Actions have no tabs and show everything on a single panel.

</details>

[^1]: The portal is the Userlane web interface where content is configured, targeted, and measured, separate from the Editor where it is built.

[^2]: A selector is the rule Userlane uses to find an element on the page. If the application changes, the selector may need refining so it still matches.


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.userlane.com/assistance/a-tour-of-the-editor.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
