# Steps & Navigation

***

### Quick Access <a href="#id-2-quick-access" id="id-2-quick-access"></a>

* [Top Bar](#navigation-top-bar)
* [Navigator Menu](#navigator-menu)

***

### **Top Bar**

<figure><img src="/files/A2BFLhd0pOpLU1mXrV0e" alt=""><figcaption><p>Top Bar</p></figcaption></figure>

This toolbar allows you to add, remove, and navigate through the hints of your group efficiently, offering tools to interact directly with individual hints of a group.

<figure><img src="/files/5yL1hXb7HNzh2oA3ebGS" alt=""><figcaption><p>Top Bar (Navigate through steps)</p></figcaption></figure>

* **Current Hint Indicator (A)**: Displays the currently active step highlighted in blue, here a simple icon, making it clear where you are in the hint group.
* **Step Editing Controls**:
  * **Add Button (B)**: Enables the addition of new steps directly after the current one, facilitating the expansion of your hint group without needing to navigate back to the main menu.
  * **Preview and Delete Button (C)**: Hovering a step allows you to preview and delete it.

Here's an overview of the [different types of hints](/docs/experiences/hints/components.md) you can add to enhance user interaction and guide users through your digital environment effectively.

<figure><img src="/files/JqF2RcP16wJzfkeWy1wh" alt=""><figcaption><p>Hints types</p></figcaption></figure>

### Group Management

**Adding multiple hints to a group:** You can add multiple hints to your experience, allowing you to apply the same targeting parameters to the whole group. (Unlike the Tours & Surveys the order doesn't matter.)

<figure><img src="/files/A2BFLhd0pOpLU1mXrV0e" alt=""><figcaption><p>Top Bar</p></figcaption></figure>

**Drag-and-Drop Reordering**: The interface allows you to simply grab a hint and move it to a new position within the sequence.

<figure><img src="/files/Q2inerUP74Roq0Io6e8z" alt=""><figcaption><p>Reorder steps</p></figcaption></figure>

***

***

### Navigator Menu

The Navigator within Jimo's Builder is a powerful tool designed to streamline the creation and organization of elements in a hint.

<figure><img src="/files/b9PNiXpEsOCkVr5SEPfZ" alt=""><figcaption><p>Hint  Full Navigator</p></figcaption></figure>

&#x20;It functions as a centralized interface for managing and navigating between different components of a step and adjusting their specific parameters.

<figure><img src="/files/NSPj1QXwFalctSSOJSSX" alt=""><figcaption><p>Navigator elements</p></figcaption></figure>

* **A (Main or Parent Element)**: This is the central control for the step. It provides access to settings that determine how the step behaves and is positioned on the page. Here, you can adjust progression behaviors, like how a user moves to the next step, and how the step is visually placed.
* **B (Components of the Current Step)**: This section lists all active components within the step, such as text, images, or call-to-action buttons. It's designed for quick editing and the addition of new elements, allowing for real-time customization of step content.
* **C (Special Elements)**: Located below the main components, this area is for adding and configuring unique elements like hotspots, which focus user attention on particular aspects of the page. These elements include specialized settings for enhanced interaction.

<figure><img src="/files/o6q5fC4Kc8MgHZbOPNmF" alt=""><figcaption><p>Access element parameters</p></figcaption></figure>

In the Jimo Builder interface, managing element-specific parameters is made straightforward:

* **Navigator Selection**: You can select an element directly from the Navigator menu. When selected, the element is highlighted in a blue box (A), indicating it's ready for parameter adjustments.
* **Preview Interaction**: Alternatively, clicking an element in the live preview pane automatically highlights and selects it in the Navigator. This feature allows for immediate access to the element's settings, facilitating quick edits.


---

# 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://help.usejimo.com/docs/experiences/hints/steps-and-navigation.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.
