> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.simplebooklet.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add a Custom Button to your Navbar

# Add a Custom Button to your Navbar

The **Custom Button** feature in your Simplebooklet allows you to add a personalized button to your navbar that links to a specific URL. This can be used to guide your audience to additional resources, promotions, or any content you want them to access. Here's how to set up a custom button in your Simplebooklet's navbar.

|| Available on all plans.

### How to Add a Custom Button to your Navbar

${youtube}[](ZnrHfewNW6E)

1. Open your **Dashboard** and select the Simplebooklet you want to update.

2. Click the **Design** tab.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/design-tab-crisp_l6ig1e.png =842xauto)

3. In the left-hand toolbar, click **Advanced**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-06-23t1_4ryztl.png =164xauto)

4. Under the Nav Buttons section, toggle on the **Custom Button** option.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-06-23t1_m3t2f2.png =534xauto)

5. Click the **pencil icon** to customize the button.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-06-23t1_1elnrdp.png =540xauto)

6.  In the **Custom Button Label field**, enter the text you want to display on the button (maximum 12 characters).

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-06-23t1_1a55ho0.png =568xauto)

7. Below the label, enter the **URL** where you want the button to link.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-06-23t1_1hbnuc5.png =571xauto)

8. Once you're happy with the button label and URL, click **Done** to save your changes.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-06-17t0_1wv5nl6.png =153xauto)

9. Your custom button is now visible in your navbar, allowing users to click and be directed to the specified URL!


### How this impacts the Reader’s Journey:

The **Custom Button** feature supports the **Action** stage of the Reader’s Journey. By providing a personalized link to additional resources or content, this button encourages readers to take immediate action, whether it’s exploring more about your product, signing up for a service, or accessing a promotion. The custom button creates a clear, direct path for your readers to follow, driving engagement and improving conversion rates.