# Guide content development from in-app Adopt Editor

After [creating a guide](https://docs.nexthink.com/platform/user-guide/adopt/guide-creation-and-management-from-nexthink-applications/creating-guides) in Nexthink Infinity, and [configuring Adoption settings](https://docs.nexthink.com/platform/user-guide/adopt/guide-creation-and-management-from-nexthink-applications/configuring-adoption-settings) for a specific web application; use the Nexthink browser extension to access Adopt Editor directly on the target web application.

## Accessing a specific guide in Adopt Editor

To access a specific guide:

1. Authenticate to the the Nexthink environment where the guide was created:
   * Access the **Tenants Configuration** page in the Nexthink browser extension and select **Authenticate** from the action menu**.**
   * Alternatively, to authenticate to the default Nexthink tenant, right-click on the Nexthink icon on the browser toolbar and select **Sign in as admin**.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-dbcb79a8ffff72386680e931523a8084b0a86d81%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

3. Once authenticated, click on the Nexthink icon from the browser toolbar or select **Inspect pop-up window** from extension options.
   * Select the Nexthink **Tenant** where you have created the guide.
   * Select the target web **Application**.
4. Click the guide of interest to open Adopt Editor directly on the web application URL.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-7a9f693e01d685b02fd2aa1597fedf8e9951c1b3%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

## Understanding Adopt Editor

After you select the guide from the browser extension, **Adopt Editor** opens on the left side of the screen, allowing you to create and manage guide content.

### Guide options

The Adopt Editor's in-application interface displays the following options:

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-15e33cf3914d0cd21a6dc237b162099af532cc9c%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

1. Move the editor to the right or left side of the page.
2. Add a new item, depending on the guide type:
   * Walkthrough step, action or decision
   * Tooltip step
   * Media item
3. Change the [guide language](https://docs.nexthink.com/platform/user-guide/guide-creation-and-management-from-nexthink-applications/creating-guides#localizing-content-with-ai) to review and override guide content localized by Nexthink—AI generated.
4. Turn off the editor.
5. Preview the name of your guide.

### Guide item options

After you add guide items, see the following options:

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-c0f0922463200f8981547dcc8290e2edb844d761%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

1. Move the item up or down to rearrange the order.
2. Access the [item properties](#item-properties) to configure its details.
3. Remove the step or make it optional.
4. Select multiple steps at once to configure **position** properties for all your selected steps (only available for Walkthroughs).

### Item properties

Select the gear icon to access the step or media item's properties. Depending on the guide type, different properties are available. Media items include only the Content tab, whereas Tooltips and Walkthrough steps provide interactive options across all four tabs: **Content**, **Appearance, Position**, and **Display** or **Triggers**.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-f1017fc4325060555af6ead6ea41a14ced2e4075%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Guide type-specific features contained in each tab are described in detail in the following sections:

* [Developing Walkthrough Guides](https://docs.nexthink.com/platform/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-walkthrough-guides)
* [Developing Tooltip Guides](https://docs.nexthink.com/platform/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-tooltip-guides)
* [Developing Media Guides](https://docs.nexthink.com/platform/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-media-guides)

{% hint style="warning" %}
Refer to the [Deploying a guide: end-to-end](https://docs.nexthink.com/platform/user-guide/adopt/getting-started-with-adopt/deploying-a-guide-end-to-end-procedure) procedure for a summarized sequence of steps for publishing a guide.
{% endhint %}