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

# Customize your Page Flip Button

# Customize your Page Flip Button

Customizing the **Page Flip Button** allows you to control how users navigate through your Simplebooklet. You can choose from a variety of icons, shapes, sizes, and placements for the button, ensuring it fits seamlessly with your booklet's design. Here's how to customize the Page Flip button to suit your needs.

|| Available on all plans.

### How to Customize your Page Flip Button

${youtube}[](6FW9MY4_940)

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

3. In the left-hand toolbar, click **Page Flip**.

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

4. Toggle on the **Page Flip Button** option to enable the button in your navbar.

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

5. Click the pencil icon next to **"Page Flip Button"** to open the customization options.

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

6. In the drawer that appears, you can adjust the following settings:

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

* **Icon**: Choose the icon that will appear on the button (Arrow, Chevron, Caret, Finger).

* **Shape**: Select the shape of the button (Square, Circle, Tab, Teardrop).

* **Color**: Choose the color of the button (White, Black).

* **Placement**: Decide where you want the button to appear (Top, Middle, Bottom).

* **Size**: Select the size of the button (Small, Medium, Large).

* **Opacity**: Adjust the transparency of the button (25%, 50%, 75%, 90%, 100%).

7. Once you're happy with your settings, click **Done** to save your changes.

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

8. Preview your booklet to ensure that everything works as expected.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/preview-eye-button_crh8q1.png =216xauto)

9. Your **Page Flip Button** is now customized and will appear as you configured it, ready to enhance your Simplebooklet's navigation!


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

Customizing the **Page Flip Button** enhances the **Attention** and **Immersion** stages of the Reader's Journey. A well-designed and functional navigation button allows readers to seamlessly explore your content, keeping them engaged and reducing friction. Whether it’s a more prominent button or one with a style that aligns with your branding, an easy-to-use navigation feature ensures that readers stay focused on the content without distraction. This helps maintain a smooth flow as they dive deeper into your booklet, improving their overall experience.