> ## 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). # Webhooks: A Complete Guide # ${color}[#314AF3](Webhooks Introduction) Add powerful automation to your contact & cost calculator form with webhooks (Zapier, Integromat, IFTTT). Integration Apps (Zapier, IFTTT) are automation tools that connect your applications and services. It enables you to automate repetitive tasks by connecting two or more apps. ![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_8r6f1t.png) --- # ${color}[#314AF3](Benefits, Features & Use Cases) * Based on the services selected in the cost calculator, route a lead to a specific employee * Send automated text messages to your leads * Organize leads and quote forms in Google Sheets * Import orders, leads and quote forms into Monday.com * Receive notice of a new lead in Slack.com * Create a contact in your CRM * Customize the Email Quote form - disable the default email and send it yourself with Zapier. Use the data in the webhook to organize the email the way you would like it --- # ${color}[#314AF3](How to Activate & Use This Feature) ### Settings & Options * **Step 1.** Click on calculator settings * **Step 2.** Choose the event that you would like to trigger the webhook * **Step 3.** Paste your webhook URL, press save * **Step 4.** Activate the trigger ![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_1ca3cf0.png) --- # ${color}[#314AF3](Webhook Data) ## Lead Details * Customer Name * Customer Email * Customer Phone (if inputted) * Custom Fields: any added custom fields to the email quote form * Today's date ## Calculator Form Details * Total Price * Tax (if applicable) * Coupon Codes (if applicable) * Selected elements * Name of element * Price of element ## Example Webhook Data ```json [ { "Quantity Input Element": { "name": "Quantity Input Element", "unit": 15, "value": 1, "unit_price": 1, "element_price": 1, "item_total_value": 15 } }, { "Comment Box": { "name": "Comment Box", "unit": 0, "value": 0, "unit_price": 0, "element_price": 0, "item_total_value": 0, "user_content": "121212" } }, { "Slider Element": { "name": "Slider Element", "unit": "5.00", "value": 2, "unit_price": 2, "element_price": 2, "item_total_value": 10 } }, { "Dropdown Element": { "name": "Choice A", "unit": "5.00", "value": 10, "unit_price": 10, "element_price": 10, "item_total_value": 50 } }, { "Date Picker": { "name": "Date Picker", "unit": 0, "value": 0, "unit_price": 0, "element_price": 0, "item_total_value": 0, "date": "07-17-2024" } }, { "Distance Element": { "name": "Distance Element", "unit": 50.949999999999996, "value": 2, "unit_price": 2, "element_price": 2, "item_total_value": 101.89999999999999, "address_of_first_input": "Place A", "address_of_second_input": "Place B", "distance_unit": "KM" } }, { "Simple Button A": { "name": "Simple Button A", "unit": "5.00", "value": 10, "unit_price": 10, "element_price": 10, "item_total_value": 50 } }, { "Text field": { "name": "Text field", "unit": 0, "value": 0, "unit_price": 0, "element_price": 0, "item_total_value": 0 } }, { "Fee & Discount Adjuster One": { "name": "Fee & Discount Adjuster One", "unit": 0, "value": 3, "unit_price": 3, "element_price": 3, "item_total_value": 3 } }, { "Advanced Pricing Formula": { "name": "Advanced Pricing Formula", "unit": "5.00", "value": 30, "unit_price": 30, "element_price": 30, "item_total_value": 30, "calculation_details": " Item 1 x 1 , Item 2 x 2" } }, { "total": 259.9 } ] ``` ##### Data Not Sent * File Uploads * Link to PDF files --- # ${color}[#314AF3](Settings & Options) * User completes an Email Quote form * User clicks on the Detailed List button --- # ${color}[#314AF3](Video Tutorial) ${youtube}[Video Tutorial](vc7JEvegm4U) --- # ${color}[#314AF3](Additional Information) ## Special Notes No matter which integration app you use, you can follow any of the guides listed below to integrate your app since they all follow a similar process. ## Related Feature * [Custom Events](/en/article/custom-events-trigger-js-code-a-complete-guide-bwwykw/) - trigger code during an event ## Related Help Desk Articles * [Zapier](/en/article/zapier-integration-a-complete-guide-dn6qnh/)- a complete guide to connect with Stylish Cost Calculator * [Integromat](/en/article/integromat-how-do-i-connect-to-integromat-for-automation-13tvim3/) - a complete guide to connect with Stylish Cost Calculator ## Limitations It works with the following events: * user clicks on the Detailed List button * user completes an Email Quote form #### All Elements & Features Learn more about [All Elements](/en/category/elements-hnffz2/) Learn more about [All Features](/en/category/features-22x2mc/) #### 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/)