Webhooks: A Complete Guide
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.
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
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
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
[
{
"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
Settings & Options
- User completes an Email Quote form
- User clicks on the Detailed List button
Video Tutorial
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 - trigger code during an event
Related Help Desk Articles
- Zapier- a complete guide to connect with Stylish Cost Calculator
- Integromat - 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
Learn more about All Features
Need Support?
Ask a question or request support
Request a feature or give feedback
Updated on: 14/07/2024
Thank you!