Articles on: Design

How to Use the New Side Drawer Navigation

How to Use the New Side Drawer Navigation


The new side drawer navigation in Simplebooklet provides a sleek, user-friendly way for readers to navigate your content. These drawers, which open from the left side of the screen, give easy access to key sections such as Info, Contact, Share and Controls , offering an intuitive and streamlined navigation experience.


Here’s how to access and customize the side drawer navigation across desktop, mobile, and embedded views..


Available on all plans.



How to Access the Side Drawer Navigation


Your readers can access the side drawers through the navigation bar at any time while viewing your Simplebooklet.



These drawers will pop out from the left side of the screen when the navigation bar is interacted with. The three key drawers in the sidebar are:


  • Info



  • Contact



  • Share



  • Controls (part of the navbar, not a separate sidebar)



These drawers help guide your readers through the stages of their journey, providing easy access to key content sections.



Customizing the Side Drawer Navigation (Design Perspective)


You can customize the side drawers in the Design section of Simplebooklet. Here, you can:


  • Choose which sections to include in the side drawer by toggling them on and off.


  • Customize the content within some sections, tailoring them to match your booklet’s needs and provide valuable information to your readers.


These customization options allow you to tailor the side drawer navigation to better suit the look and feel of your booklet, ensuring a seamless and intuitive experience for your readers.



Breakdown of Each Drawer


  1. Info Drawer


The Info drawer contains important elements that help readers understand the booklet's content and purpose. These include:


  • Simplebooklet Title


  • Organization


  • Table of Contents


  • Summary


  • Page Numbers


  • Opens


  • Collections


  • Search


  • Terms of Service


How it helps the Reader’s Journey:


  • Awareness Stage: The Info drawer grabs the reader's attention and quickly informs them about the booklet's content. It provides easy access to key details, ensuring that readers understand what to expect and why they should continue exploring. This reduces friction at the Awareness stage, helping them make a decision to dive deeper into the booklet.



  1. Contact Drawer


The Contact drawer includes various ways for readers to get in touch with you or follow your updates. These elements are:


  • Contact Card: Displays your business details such as email, phone number, and social media links.


  • Message Me: Allows readers to send you a direct message through the booklet.


  • Following: Displays the option for readers to follow your updates, keeping them engaged with your content.


How it helps the Reader’s Journey:


  • Engagement Stage: The Contact drawer plays a crucial role in the Engagement stage. By providing easy access to your contact information, messaging options, and follow-up features, it enables readers to connect with you directly. This makes it easy for readers to inquire, give feedback, or stay connected, deepening their engagement with your booklet and your brand.



  1. Share Drawer


The Share drawer offers options for readers to share your booklet, helping expand its reach. These options include:


  • Social: Quick links to share your booklet on social media platforms.


  • Email: The option to share your booklet via email.


  • Download: Allows readers to download your booklet for offline use.


  • QR Code: Provides a scannable code to access the booklet on mobile devices.


  • Embed Code: Gives readers the option to embed the booklet on their website.


  • Install: Allows users to install your booklet for easy access across devices.


How it helps the Reader’s Journey:


  • Action Stage: The Share drawer plays a key role in the Action stage. By providing easy ways for readers to share your booklet, either socially or through email, it encourages them to take action. It also allows readers to download or embed the booklet, helping you extend your reach and further engage your audience. This makes it easier for your content to spread and for more people to engage with your brand.



  1. Controls (Navbar Controls)


The Controls section gives readers easy access to navigation tools like:


  • Page Numbers


  • Home


  • Zoom


  • Thumbnail Preview


  • Fullscreen


These interactive elements allow your readers to navigate your booklet with ease, enhancing their experience.


How it helps the Reader’s Journey:


  • Attention & Immersion Stages: The Controls section ensures that navigation is intuitive, allowing readers to seamlessly explore your content during the Attention and Immersion stages. Easy access to these tools keeps your readers engaged, ensuring they can navigate smoothly as they dive deeper into your content.


How this impacts the Reader’s Journey:


The new side drawer navigation is designed to guide your readers through their journey at every stage. The Info drawer captures attention at the Awareness stage, providing essential content details. The Contact drawer helps facilitate deeper engagement during the Engagement stage, and the Share drawer encourages readers to take action during the Action stage. Lastly, the Controls section keeps your readers engaged during the Attention and Immersion stages by ensuring smooth navigation.


Updated on: 16/07/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!