# Next step

The Next Step component allows you to add a visual element that represents the next step for a user (or a series of steps).

This section shows you how to add the Next Step component.

Below is an example of the Next Step component.

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

### How to add a Next Step

**Step 1**: Go to the page you'd like to add the Next Step to (or create a new page) and in the Content tab, Components section, select Next Step from the dropdown list.

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

Step 2: Fill in the fields as per below.

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

1. Title - Add in the Next Step's title
2. Content - Add in any additional content you'd like to include.
3. Link - Start typing the content page you'd like to link to and select the matching page/content.
4. Theme - Choose the light or dark theme.
5. Vertical spacing - Add vertical spacing on the component (above, below or above AND below).


---

# 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.civictheme.io/content-authoring/components/next-step.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.