> ## 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 an Image Button

# Add an Image Button to your Simplebooklet

Adding an image button to your Simplebooklet lets you link a button to an image, making it interactive. This allows users to click on the button and view a specific image, enhancing the engagement and visual appeal of your booklet. Here’s how to easily add an image button to your booklet:

|| Available on all plans.

### How to Add a Video Button to your Simplebooklet

1. Open your **Dashboard** and scroll to the Simplebooklet you want to add a button to.

2. Click the **Edit** tab.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/edit-tab-dashboard-crisp_yodfgk.png)

3. Select the page where you want to add the button.

4. In the left-hand toolbar, click the **Buttons** button.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-27_1i0jkc.png)

5. From the drop-down menu, select **Image**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-34_tu8op4.png)

6. Upload the **Image(s)** you want to use for your hotspot by clicking the **Image** button, or select from the **Current Images** section if you’ve previously uploaded images.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-18_yo9qq4.png)

7. Enter a **Caption** for your image button if desired. This is optional, but it allows you to provide additional context or information for your viewers.

8. Once you're satisfied with your selections, click the **Add** button. Your button will now be added to the page.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/add-button-crisp-hs_2y91vh.png)

9. Click on the button to reposition it using the **Element Editor**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-36_1l5ddzs.png)

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

11. Your image button is now added and ready to be interacted with!