How to automate email sending on Webflow using Make?

To offer an engaging and personalized experience to your Webflow site users, you can automate sending custom emails with Make.com!

‍

Instantly generate a pre-configured message for your readers by connecting your Webflow contact form to your professional Outlook or Gmail inbox. This will save you time and improve your conversion process.

‍

This article guides you step-by-step to configure Make.com and generate automatic emails. To do this, we will show you how to connect Webflow to your Outlook inbox.

‍

I. Create a Scenario

‍

To automate sending personalized emails after a contact form submission on Webflow, we will use Make.com (formerly Integromat) to link Webflow to our inbox.

‍

Go to your Make.com account or create one if you don't have one. If you want to learn more about this no-code tool, we encourage you to read our overview of Make.com.

‍

Once logged in, select « + Create a new scenario » to create the email sending scenario.

‍

II. Create a Webflow Module

‍

Once in your new scenario, click the « + » button, then add a Webflow module.

‍

‍

The module will allow you to communicate with Webflow to share and receive the necessary information for triggering and executing the desired scenario.

‍

For this module to be activated when a contact form is submitted on your site, select the « Webhook – Watch Events » option. By creating a webhook, your Make scenario will instantly receive information that a form has been filled out on your Webflow site.

‍

‍

III. Create a Webhook

‍

A webhook is a tool that allows one application to communicate with another when an event is triggered. 

‍

It is therefore necessary to specify the site on which we want to configure our automatic email sending in the Site ID field. All your Webflow projects will be offered to you.

‍

Next, "Trigger Type" expects the type of event that will trigger the email sending. In our case, we will select "Form Submission" which corresponds to the contact form submission.

‍

‍

IV. Retrieve webhook information

‍

Once the webhook is created, you need to retrieve the information contained in the contact form. To do this, right-click on your Webflow module, then click "Run this module only".

‍

‍

Then go to your site and fill out a contact form to check connectivity with your Webhook.

If the connection is established, your module will turn green!

‍

‍

V. Create an Outlook Module

‍

Once our trigger is configured, we'll set up the action to take!

‍

To do this, let's create a new Outlook module to connect our work email account.

‍

After clicking the + button, select the Microsoft 365 mail application. Next, select the "Create and Send a Message" option to configure sending an email.

‍

‍

VI. Connect the Outlook Account

‍

Once the module is selected, you will be asked to enter the associated email address. You can then follow Microsoft's connection steps to link your account to Make.com. 

‍

You may be asked to confirm an action via your mobile authenticator if you have two-factor authentication enabled, for security reasons.

‍

VII. Customize the Email

‍

Once the account is connected, you can set up the email as you wish. 

When writing the email, you can use information from your contact form to personalize your message. 

‍

Use the field that contains your contact's email address to populate the « To recipients » field.

‍

‍

VII. Conclusion

‍

Your automatic email is now set up! With Make.com, you can also automate many actions, such as publishing posts on your social media, creating blog articles, and more.

‍

If you'd like to explore this tool further, we recommend reading our article on Make.com.

To discover our other Webflow tips, we invite you to check out our Webflow tutorials!