> ## 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).

# Make.com (Integromat): Complete Guide

# ${color}[#314AF3](Introduction)
---
In just **2-3 minutes**, you will have **Stylish Cost Calculator** synced with your favourite apps for numerous automation.

**IMPORTANT: If you use Cloudflare, please follow the instructions mentioned in the section "Important Cloudflare WAF setup" of this document**

**Some ideas are:**

**1. Stylish Cost Calculator -> Google Sheets**  
Store all your leads into a Google Sheet

**2. Stylish Cost Calculator -> Email**  
Send the quote to different employees depending on certain conditions.

**3. Stylish Cost Calculator -> CRM**  
Add a new contact in your CRM. Tag them with the detail, quote details and more.

**4. Stylish Cost Calculator -> Newsletter**  
Add a new lead into an email sequence (drip-feed) campaign and start feeding them emails to nurture the lead.

---

### Make.com (Integromat)
# Method 1: Offical Make.com App

We now have an offical app on Make.com at https://www.make.com/en/integrations/stylish-cost-calculator

### Step 1. Make New Scenario
### Step 2. Add Stylsih Cost Calculator App

# Method 2: Manual Method wtih Webhooks


### Step 1  
Make a new scenario

![](https://storage.crisp.chat/users/helpdesk/website/6e5985747813bc00/5ff2cfad-086f-4d34-8a55-b9a401_wvwv2z.png)

### Step 2  
Search for webhook

1. Type 'webhook'  
2. Click Webhooks  
3. Click continue (top right)

![](https://storage.crisp.chat/users/helpdesk/website/b99bdc8b863a2800/193c596f-6908-4e9e-b5e7-e46495_1jmnxta.png)

### Step 3  
Click 'Webhooks' to edit

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48102305257/original/TRe3dyn4TmqGCHsoeCei0loRNQFTuqKxPA.png)
![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48102305387/original/4ItbyC4ktLacLL1oubvYkbo4B7canY1YFQ.png)
![](https://storage.crisp.chat/users/helpdesk/website/b3595ed8719a2800/1fa90cfc-2c80-4535-94e6-da0987_iz1xdt.png)

### Step 4  
Name your 'Webhooks' to remember for later

![](https://storage.crisp.chat/users/helpdesk/website/b81140795b74d000/21ff1164-8497-45ca-90d1-01b67f_mxj8dr.png)

### Step 5  
Copy the webhook URL

1. Copy the webhook URL.  
2. Keep Integromat open in a browser tab  
3. Open up SCC in another tab.

![](https://storage.crisp.chat/users/helpdesk/website/f5e19a9b00823000/27e67607-8944-4f75-8c63-9c2ff8_y2fpwf.png)
  
### (Stylish Cost Calculator)

### Step 6  
Access your calculator's dashboard in SCC

1. Edit your calculator  
2. Click 'Calculator Settings'

![](https://storage.crisp.chat/users/helpdesk/website/8c953c49e694c800/a993b3b1-030e-4fef-ab03-404f1b_1tnnqtt.png)

### Step 7  
Select the Event you want to POST

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48102307843/original/ERYsgkInf7eFuGYb4bZqOo4kfhG8O-xpOg.png)

### Step 8  
Paste webhook and submit

![](https://storage.crisp.chat/users/helpdesk/website/77359a7db5f4b400/68c79e06-a345-4669-b90e-2c558f_1wvpx7g.png)

### Step 9  
Send a test quote

Within the dashboard, select a few items and send yourself a quote. This will trigger the webhook and send the data to Integromat.

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48102307847/original/Gva5MWTPSPgdQ-3mXUX8T0Y7GwJ0TSwXcQ.png)

###(Integromat.com)

### Step 10  
Add the app you want to connect

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48102309234/original/MRuW0taitGgO-SwYB7V-4T2bvXSjC8r4WQ.png)

## Important Cloudflare WAF setup
If you use Cloudflare, please follow the steps below to exclude the Stylish Cost Calculator related URL patterns
* Go do your domain's settings page from Cloudflare Dashboard
* Navigate to **Security > Security rules** ![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/image_14cjsfx.png)

* In the "Security Rules" page, give the rule a proper name. Click on the "Edit expression" link ![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/image_g1vcaz.png)

* Write the following expression ![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/image_19gbwjt.png)

* http.request.uri.query contains "scc_action=df_zapier"
* In the "Choose action" select dropdown, pick "Skip"
* If you have other rules, make it a priority before all of the other rules
* Finally, click the "Deploy" button.

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

#### 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/)