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

# Build and Add a Custom Form

# Build and Add a Custom Form

Creating a custom form for your customers to fill out and send results directly to your designated email is a great way to gather information. You can embed forms directly into your booklet, making it convenient for your customers to submit information without leaving the page.

|| Available on all plans.

### How to Build and Add a Custom Form

1. Open your **Dashboard** and scroll to the Simplebooklet you want to add text 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 form.

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

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_1r6xgxt.png)

5. Click on the **Form Builder** option.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_zse4bw.png)

6. Here you can create your form by dragging and dropping the following form elements:

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_1v5gn8r.png)

* **Header**: Add a title to your form and choose the font size from the dropdown.

* **Paragraph**: Add descriptive text to provide more context to your form.

* **Text Field**: Add a field for users to enter a short text response.

* **Text Area**: Add a larger field for users to input longer responses.

* **Select**: Create a dropdown menu for users to select an option.

* **Radio Group**: Add a set of options where users can choose only one.

* **Checkbox Group**: Add checkboxes where users can select multiple options.

* **Date Field**: Allow users to pick a date from a calendar.

* **Number**: Let users input numbers.

* **File Upload**: Enable users to attach files with their form submission.

* **Autocomplete**: Offer pre-filled options for users to choose from.

* **Hidden Input**: Add an invisible field that captures information in the background.

7.  Once you've added your elements, double-click on any element to edit it. You can change the **Label**, **Content**, and other field-specific settings. Each element will offer different editable options, depending on the type of field. Press **Close** when you're done editing.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_11v03cn.png)

| When you hover over any form element, you'll have the option to delete, edit, or copy the element.

8. Once you're satisfied with the form, click **Next: Add Form Recipients**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_1x327dw.png)

9. Enter the email address where you want to receive the form submissions. You can also add additional email recipients if needed.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_mo6xud.png)

10. After you're done, click **Save Recipients**. The form will automatically be placed on your page.

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

11. Click on the form to adjust its placement using the **Element Editor**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-2025-05-16t1_1818rcn.png)

12. Preview your booklet to ensure everything is working as expected.

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

9. Your form is now added and ready to be used!!