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