[Limited Time Offer] Get 40% off MEMBERSHIP PLUS before it's gone! 👉Get This Deal
Mark Hendriksen Logo

How to Create a Custom Divi Contact Form Message Pattern

Mark Hendriksen | January 11, 2023 | 2 Comments
Disclosure Note: Sometimes, I include links in my articles that can earn me money. It won't cost you anything, but it helps me pay for coffee ☕ so I can make more helpful content.

In this tutorial, you will learn how to easily create a custom Divi contact form message pattern.

The Divi contact form is a great tool for allowing your visitors to easily submit messages and inquiries. But what if you want to customize the message that you receive when they successfully submit their inquiry? That’s where custom message patterns come in.

Table of contents

What is the Divi contact form message pattern?

Perhaps you do not know what the message pattern is. This is the message that you will receive after a form on your website is submitted. By default, this is a very basic message pattern but you can change this to make it more appealing.

How to set up a message pattern for the contact form

This is quite easy to do. Open your Divi contact form module and scroll down to the Email tab.

Divi contact message pattern field

Under Message Pattern, you can place your message that will show in your email when a form is submitted.

Adding fields to your message pattern field is easy to do. Just be sure to include the %% symbol before and after the Field ID for successful integration.

I will give you an example of creating a custom message pattern for this form:

contact for example

In the next few steps, I will show you how to create a custom message pattern. First, we need to get the field ID.

How to get the field ID

As I said before we need to wrap the field ID in %% symbols. To get a field ID just open a field by clicking on the gear icon.

Field ID

This is the field ID for my First name field. Copy this and go back to the message pattern field and paste it in with %% before and after. It should look like this:

%%First_Name%%

You can add text before %% to make it more descriptive.

Now do the same process for all the other fields.

My message pattern will look like this:

Custom message pattern

And when a form is submitted, this is what my email looks like.

Email form the message pattern

Add more dynamic message pattern tags to the Divi contact form module

Adding more specific tags to your message pattern is easy with the Divi Contact Form Helper plugin. This plugin allows you to add dynamic tags for custom fields and offers great flexibility when creating a contact form message pattern.

This handy plugin comes with 22 extra merge tags such as Post/Page ID, Date, and Time to your message template. It’s great for adding more clarity or tracking essential data points – all with a few easy steps.

Conclusion

In conclusion, with this tutorial, you should have a good understanding of how to make a custom message pattern. With just these few steps, you can ensure that your messages are delivered as intended and laid out exactly how you want them to be.

If you face any issue’s let me know in the comments!

You might also like…

Article by

Mark Hendriksen

I am the founder here at MarkHendriksen.com a blog website for Web design, WordPress, and Divi. Learn more about Mark

2 thoughts on “How to Create a Custom Divi Contact Form Message Pattern”

Leave a Comment

0 Shares
Share
Pin
Tweet