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