Pages

Installation

Styling

Components / UI Kit

Password Protected Pages

Email Templates

3rd Party Integrations

Are you eager to connect your forms to over 500+ services? Don't fret! We're here to guide you through the process with a simple tutorial. We'll be using Pipedream for our example, an excellent tool that allows you to receive webhook notifications on its Free Plan.

Before we start, make sure you have an account on Pipedream.

If not, head over to their website and set one up.

Now, let's get started!

Step 1: Install Form Webhooks

First off, we need to install a brilliant package called Form Webhooks. Once installed, navigate to config/statamic-form-webhooks.php. This is where you'll be able to add a new webhook by adding a new item to the webhooks array.

Here's a sample config file:

[
    // ...
    'webhooks' => [
        // ...
        'your_form_handle' => [ // write here your handle of the form
            'url' => '', // The webhook URL of your integration platform
            'fields' => [ // The fields that should be sent to the webhook
                'email' => 'email',
                'first_name' => 'name',
								'last_name' => 'last_name'
            ],
        ],
    ]
 ]

Keep the url key empty for now. We need to set up Pipedream before we fill it in.

Make sure that you change "your_form_handle" with the form handle that your form has.

Step 2: Set Up Pipedream

Pipedream is a remarkable tool that we'll be using to listen to incoming webhooks. If you're not quite sure how to set it up, don't worry, we've got you covered.