# Chapters & Convert CTA

* [Chapters](#chapters)
* [Convert CTA](#setup-a-convert-cta-button)

***

### 👉 Chapters

Setting up a chapter menu is an excellent way to showcase multiple product features and use cases in a single demo - without overwhelming views with too many steps. To set up a chapter menu:

* Segment your demo steps into multiple chapters (8-10 steps per chapter)
* Select the menu icon to open the chapters 

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FGCpM62yMKCxCRWU3MxuB%2Fimage.png?alt=media&#x26;token=d322bbfd-4382-4fd8-bb07-d49e56924455" alt="" width="375"><figcaption></figcaption></figure></div>

* Select "Setup chapter menu" *(Chapter Menu works best when you have more than 1 chapter)*
* Add or remove chapters as needed

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2F2B5BcNXBJFFFCXhe8mL6%2FScreenshot%202026-04-10%20at%206.52.02%E2%80%AFPM.png?alt=media&#x26;token=09903ad1-77e1-4acb-9546-28b7b0ee5992" alt="" width="375"><figcaption></figcaption></figure></div>

* Enable/Disable optional features:
  * <mark style="color:purple;">Show checklist on start</mark>
  * <mark style="color:purple;">Expand checklist to middle of screen</mark>
  * <mark style="color:purple;">Mark checklist completed on click</mark>
  * <mark style="color:purple;">Display step count</mark>
* Design the Chapter Menu Button
  * Style the "Button Color" and "Button Text". The default will show like this <img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FSFtS9vUvHwHh0hQzbayh%2FSCR-20260226-ilxp.png?alt=media&#x26;token=7d303e27-e589-46df-aa5f-b7f986c531bd" alt="" data-size="line">
  * You can configure the position of the button to appear (left, middle, or right corner). If you need more customization then you can fine-tune the offset values.&#x20;

<figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FzoxZbQKSJsXOrU4a8U80%2Fimage.png?alt=media&#x26;token=21286d01-9179-41fd-9114-a9ab23c4e3c6" alt=""><figcaption></figcaption></figure>

By default, Storylane creates a chapter for you when you record a demo. If you want to add new chapters, then click on the next to the chapter name.

View Interactive Demo 👇

{% @storylane/embed subdomain="app" linkValue="7yxdhyi6v3y7" url="<https://app.storylane.io/share/7yxdhyi6v3y7>" %}

***

### 👉 Setup a Convert CTA Button

The Convert CTA button allows you to embed an always-visible CTA button within your demos. This strategic placement ensures that your viewers are constantly primed to take your most desired action, whether it's to book a demo, start a free trial, share a calendar link or any other key conversion event.&#x20;

<figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2Fbi9GhvW7kNYuB0hSSznV%2Fimage.png?alt=media&#x26;token=5ddf15e6-b10a-4ab4-9433-e74f026f0dd6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you need help or have any questions, feel free to contact us at <support@storylane.io>.
{% endhint %}


---

# 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.storylane.io/editing-demos/chapters-and-convert-cta.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.