How to Connect Contact Form 7 to Make.com

For a while I’ve been using all kinds of fancy form plugins for my WordPress websites.

But most of them are utter overkill, cost a lot for what it is, and slow down your website.

So I decided to try Contact Form 7 to create opt-in forms, contact forms, feedback forms, and more 🙂

Why do it?

By default, you just get an email like this when Contact Form 7 is submitted;

example email of contact form 7 submission
Example email

Which is fine if you use the form as a contact form only.

But I also use Contact Form 7 for my opt-in forms so people can join my email list 📩

(I don’t need to get an email every time that happens)

People fill out the opt-in form, and I want to automatically add them to a list & send a welcome email.

But there’s a bunch of other things you could use this for too;

  • Automatically forward emails to your helpdesk software.
  • Create a waiting list for a new product or service.
  • Simple giveaways.

And whatever else you want.

In the next steps, you’ll learn how we get the form submissions to Make 🙂

Pssst. Want my best tips for Make.com? Get the cheat sheet 😄📩

Psst. Want to get the most out of Make.com? Consider my in-depth course 😄

Psst. Want some 1:1 help with your project? Book a coaching call with me 😄

Create the scenario

To be able to receive the form submissions, we’re going to use webhooks.

A webhook is a bit like a URL that tools use to send data to one another.

So in this case, Contact Form 7 is going to send data to the Make webhook, which will then start our scenario.

Create a new scenario, and search for the Webhooks module:

search for webhooks module in make scenario

Click it, and select Custom webhook 🙂

select custom webhook in make

As you can see by the purple INSTANT label, this is an instant trigger âš¡

Which means the scenario will start immediately after receiving data to the webhook.

Now, click Create a webhook, give the webhook a clear name, and click Save.

create webhook give name

(leave the IP restrictions empty)

Make will now generate a new webhook URL that you can use to send the form submissions to 💪

copy generated webhook url to clipboard in make

Copy this URL, and proceed to the next step 🤓

Leave the scenario open, as it’s currently waiting for you to send data to the webhook so that Make knows how to structure that data.

How to forward form submissions to webhook

To send all Contact Form 7 submissions to Make, we have to send all form data to a webhook every time one is submitted.

The script

To do that, we’re going to need the script below.

// Hook into the Contact Form 7 submission process
add_action('wpcf7_mail_sent', 'send_form_data_to_webhook');

function send_form_data_to_webhook($contact_form) {
    // Get the form instance
    $submission = WPCF7_Submission::get_instance();

    if ($submission) {
        // Get form data
        $posted_data = $submission->get_posted_data();

        // Prepare data for the webhook
        $webhook_data = array(
            'form_name' => $contact_form->title(),
            'form_data' => $posted_data
        );

        // Webhook URL
        $webhook_url = 'https://hook.eu1.make.com/xxxxxxxxxxxxxxxxxxx';

        // Send data to the webhook
        $response = wp_safe_remote_post($webhook_url, array(
            'body' => json_encode($webhook_data),
            'headers' => array('Content-Type' => 'application/json')
        ));

        // Handle the response if needed
        // $response_code = wp_remote_retrieve_response_code($response);
        // $response_body = wp_remote_retrieve_body($response);
    }
}

Adding this to your website is pretty simple.

To add the code, you can use a free plugin like Code Snippets.

It’s also possible to add it directly to the functions.php file, but I personally prefer the Code Snippets plugin since you keep a better overview and it’s less likely you break your website.

To add the code, click Add New to create a new snippet.

add new code snippet

Now, copy the script above, paste it in the PHP field, and change the webhook to your own:

paste snippet in code field

Click Save Changes and Activate at the bottom.

And that’s it!

Now go to a form on your website, and submit it.

If everything went right, the form submission was now sent to the webhook in Make.

In the webhook module, you can now see that the data was successfully received.

make scenario webhook module successfully determined

Click OK, and save the scenario by clicking the floppy icon in the bottom of the screen.

Pssst. Want my best tips for Make.com? Get the cheat sheet 😄📩

Psst. Want to get the most out of Make.com? Consider my in-depth course 😄

Psst. Want some 1:1 help with your project? Book a coaching call with me 😄

Test again to see data

Now, let’s test it one more time so you can also see the actual data.

To do that, click Run once at the bottom left;

click run once in make scenario to test

The webhook module will now have a spinning icon, telling you it’s waiting for data.

So go ahead, and submit the form you’re using again.

You’ll now see a white bubble appearing next to the trigger, the webhook module in this case, which you can click to see what kind of data it got;

click white bubble next to trigger module to see data in make

Using the data in other modules

To use the form submission data inside other modules, you can use the variables that will show up whenever you select a field in another module;

use variables of webhook module

Handy, right? 😄

And with those variables, you can now automate whatever you like whenever a form is submitted 🔥

Over to you

Are you going to use this to connect Contact Form 7 to Make.com? 🙂

Or do you still have any questions about it?

Whatever it is, let me know in the comments below 🤗

Get the Make Cheat Sheet 🚀

Make can get a bit techy, but with this cheat sheet you’ll quickly understand how to easily setup scenarios. I hope these tips will save you some time! 🙂



Become an automation expert fast 🚀

Save hours a week in your online business with my in-depth Make.com course.

Tell me more about the course! 🔥
Max van Collenburg

I'm addicted to travel, love a good cappuccino, have two cute cats, and I help online business owners to win back their time with no-code automation. More weird facts about me.

Leave a Comment