> ## 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).

# Include a Search Bar in your Navbar

# Include a Search Bar in your Navbar

Adding a Search Bar to your Simplebooklet’s navbar allows your audience to easily search for specific content within your booklet. This is a great way to improve navigation, helping your readers find exactly what they're looking for with just a few clicks.

|| Available on all plans.

${youtube}[](YNt0bq9kl3A)

### How to Include a Search Bar in your Navbar

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 =854xauto)

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

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

4. Toggle on the **Search** option to add a search bar to your navbar.

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

5. A live preview drawer will automatically pop out from the right side of the Info section, allowing you to see how the Search Bar will appear to your viewers in the navbar as you make changes.

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

6. Your changes will be saved automatically. When you're done, simply close the drawer.

7. Your Search Bar is now visible in the info section of your navbar, allowing your audience to search your Simplebooklet with ease!


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

Including a **Search Bar** in your navbar directly enhances the **Attention** and **Immersion** stages of the Reader’s Journey. In the **Attention stage**, it helps readers quickly find what they’re looking for, minimizing any frustration and allowing them to focus on your content. In the **Immersion** stage, it deepens their engagement by giving them the tools to navigate your booklet more effectively, encouraging them to explore more of your content without getting lost. This feature empowers your readers, making their experience more efficient and enjoyable.