> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.stylishcostcalculator.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).

# Element: Signature Box

# ${color}[#314AF3](Introduction)
  
Add a **digital Signature Box** to your robust calculator interface, enhancing user engagement and verification. This tool allows clients to sign directly within the calculator form, streamlining processes such as quotes and estimates, service agreements, or order confirmations.

![](https://storage.crisp.chat/users/helpdesk/website/ef4b70b8b16b0000/42c87bff-66e3-4224-b307-812de8_3zi93t.png)

---

# ${color}[#314AF3](Benefits, Features & Use Cases)

### Benefits & Features

* Integrates calculation and authorization into a single process
* Reduces the need for separate signature tools or documents
* Minimizes delays caused by waiting for physical signatures

### Use Cases:

*   **Service Agreements**: Clients can sign to accept the terms of service immediately after receiving a quote.
*   **Custom Orders**: For bespoke products, clients can approve dimensions, specifications, and prices.
*   **Work Orders**: In B2B transactions, clients can sign off on projected costs and timelines.
*   **Rental Agreements**: Rental services like equipment or venues can be used it for on-the-spot contract finalization.
*   **Consultation Services**: Professionals like designers or consultants can have their fees and service scopes signed for instantly.
*   **Home Improvement Quotes**: After using the calculator to estimate costs, homeowners can sign to initiate the work.
*   **Event Planning Services**: Event planners can get immediate approval of estimated budgets from clients.
*   **Automotive Customization Services**: Car customization quotes can be signed off, indicating acceptance of work to be done and associated costs.

---

# ${color}[#314AF3](Watch It In Action)

![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_zp4kuj.png)
---

# ${color}[#314AF3](How to Activate & Use This Feature)

1. Click on the **" + Add Element **" button.
![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_xe4vnx.png)

2. Then click over **"Signature"** and that's it! You've added a file upload field to your form.
![](https://storage.crisp.chat/users/helpdesk/website/4f186863fce12800/54e82890-8cd7-4dcb-af28-6ee9bc_1x2te21.png)
  
### Settings & Options

Choose to add it to your generated PDF Quote

![](https://storage.crisp.chat/users/helpdesk/website/6f9e527f640e000/35111586-42e0-4d87-9466-3a31f0_4heuft.png)

---

# ${color}[#314AF3](Frequently Asked Question)

**Q: Where Does the File Go? File Storage**

1.  The file gets sent to the user and admin email as a file attachment
2.  The file also gets stored in your [Quote Management Screen](https://help.stylishcostcalculator.com/en/article/leads-quotes-management-system-a-complete-guide-169932m/) 
    *   The file folder on your server will be [https://your-website.com/wp-content/uploads/scc-uploads/](https://your-website.com/wp-content/uploads/scc-uploads/)  
        * Please make sure this folder doesn't grow too big in file size as your hosting company might have storage limits  
![](https://storage.crisp.chat/users/helpdesk/website/4962f2b0cf03f400/2735f0a7-7f5e-4d35-a860-c00b9a_lzegdg.png)

---

# ${color}[#314AF3](Additional Information)
  
###### Related Elements

[Image Buttons](https://help.stylishcostcalculator.com/en/article/element-image-buttons-15nwxur/)
[Number input](help.stylishcostcalculator.com/en/article/element-quantity-input-box-nxgayn/)
[Text Area](https://help.stylishcostcalculator.com/en/article/element-texthtml-field-vzqdna/)
  
#### All Elements & Features

Learn more about [All Elements](/en/article/elements-13-12gquna/) 
Learn more about [All Features](/en/article/features-3-xlgunu/)  

#### Need Support? 

Ask a [question or request support](https://stylishcostcalculator.com/support/)  
Request [a feature or give feedback](https://stylishcostcalculator.com/how-can-we-be-better/)

[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508157/original/Txm2CafyMfEybziVGXvw-BnfU2V-9TJUBg.png?1666381303)](https://stylishcostcalculator.com/features/)

[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508158/original/DWBiVRBRBPATUwVN7APXzDACQgYCwYmXVQ.png?1666381303)](https://stylishcostcalculator.com/templates/)