> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Make

> Make allows you to visually create, build, and automate workflows.

## "Send to Make" Action

The Make integration is available through a **Send to Make** action, which is available as a [Form](/4876cbed455842aebe38e0612d2da96e) submit button action. When you create a form, set the destination of the form response to be Make.

<Frame caption="“Send to Make” action">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image1.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=1c15edc969d6ad33b57ca07d77f1c44f" alt="“Send to Make” action" width="609" height="520" data-path="integrations/images/make/image1.png" />
</Frame>

After selecting Make from the dropdown, another field will appear where you will place a Make Webhook URL. More on that below:

<Frame caption="Custom Webhook URL field">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image2.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=0a7f076c2d833099424dd9663b79df67" alt="Custom Webhook URL field" width="794" height="914" data-path="integrations/images/make/image2.png" />
</Frame>

Here, you need to fill in a **Custom Webhook URL** to connect to Make. So, let's switch to Make to configure our automation and get the **Webhook URL**.

## Creating a Scenario in Make

In your Make account, you should create a new **Scenario**, set up a **Webhooks** app, and choose the **Custom Webhook** trigger. As soon as the **Custom Webhook** is ready, you need to hit **Copy address to clipboard** to get the **Webhook URL**. Below you can see how that's done.

<Frame caption="Setting up a Custom Webhook trigger and getting its URL">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image3.gif?s=d7b9579844a984d01e64e8641c6b9a38" alt="Setting up a Custom Webhook trigger and getting its URL" width="2880" height="1410" data-path="integrations/images/make/image3.gif" />
</Frame>

## Adding the Webhook URL in Form Settings

Now, you need to run your Make scenario and go back to your Softr form to enter the **Webhook URL**. After entering the URL, use the link below to **Send test data**. Further on, if you go back to your Make scenario, you should see a notification on top of your webhook icon. Click on it to see the content of the bundle that has been received. If your test data has arrived successfully, you can now add new modules to your webhook to receive the data on other services.

<Frame caption="Adding the URL and testing the integration">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image4.gif?s=367fd1f2930b8352cafcc674b62e02c0" alt="Adding the URL and testing the integration" width="2880" height="1410" data-path="integrations/images/make/image4.gif" />
</Frame>

<Warning>
  IMPORTANT: When sending a test call to the webhook from Softr Studio, not all fields will be sent from the Softr form to the Webhook - only some test fields will be sent. In order for Make to properly identify the correct data structure you will use in production, you should submit a form response from the live app or app preview while the webhook is listening.
</Warning>

## Sending Data to Trello

Now, you need to connect another service to send the data to. Let's assume you've set up a simple contact form and want to send the form submissions to the [Trello](https://trello.com/) task management tool, creating a new card on the board for each submission.

<Frame caption="A simple contact form">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image5.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=424b51b54de37c8ab45b69dc17433754" alt="A simple contact form" width="976" height="1052" data-path="integrations/images/make/image5.png" />
</Frame>

Therefore, you need to click **Add another module** on your custom webhook and search for **Trello** within the new module.

<Frame caption="Adding a Trello module">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image6.gif?s=3b07d072c3a16af8f7c7d3f33cb06bcb" alt="Adding a Trello module" width="2880" height="1410" data-path="integrations/images/make/image6.gif" />
</Frame>

Configuring Trello Account and Mapping the Fields

After selecting Trello in the list, scroll down and choose **Create a Card** action.

<Frame caption="“Create a Card” action for Trello">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image7.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=44015f69e4b8d35404c0f32a242d206e" alt="“Create a Card” action for Trello" width="1178" height="1022" data-path="integrations/images/make/image7.png" />
</Frame>

In the next step, you need to connect your Trello account, clicking the **Add** button under **Connection**. Afterwards, under **Enter a List ID** you can either enter your Trello **List ID** manually or choose **Select** to be provided with the list of your current boards and their lists to choose from.

<Frame caption="Connecting Trello account and board/list">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image8.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=679cb65c915fa99cc10f9513351c815f" alt="Connecting Trello account and board/list" width="1118" height="1084" data-path="integrations/images/make/image8.png" />
</Frame>

After setting the board and list you want the cards to be created on, you need to scroll down and map the form fields. In the example below, we've mapped the **Email** field to the card **Name**, and the form **Name** and **Message** fields to the card's **Description**.

<Frame caption="Mapping form fields to Trello">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image9.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=302630a0233d52c3e00815d781258a75" alt="Mapping form fields to Trello" width="964" height="588" data-path="integrations/images/make/image9.png" />
</Frame>

## Testing the integration

That's it. Now, let's run our Scenario and do a test submission from our Softr form to make sure the data is being received on Trello.

<Frame caption="Testing the Automation">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/make/image10.gif?s=431a21219dcf479793e0566906b31f44" alt="Testing the Automation" width="2880" height="1410" data-path="integrations/images/make/image10.gif" />
</Frame>

<Tip>
  Note: When sending a test call to the webhook from Softr Studio, not all fields will be sent from the Softr form to the Webhook - only some test fields will be sent. In order for Make to properly identify the correct data structure you will use in production, you should submit a form response from the live app or app preview while the Webhook is listening.
</Tip>
