Source: https://divicake.com/blog/custom-divi-contact-form-message-pattern/ [Blog](https://divicake.com/blog/)/[Blogging](https://divicake.com/category/blogging/) # How to Create a Custom Divi Contact Form Message Pattern By Divi Cake·28 May 2024·Updated 13 June 2024·5 min read The Divi contact form is indeed a powerful and user-friendly tool that enhances the interaction between website visitors and site owners. We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [Understanding the the Divi contact form message pattern](https://divicake.com#understanding-the-the-divi-contact-form-message-pattern) - [Setting up a message pattern for the contact form](https://divicake.com#setting-up-a-message-pattern-for-the-contact-form) - [How to get the field ID?](https://divicake.com#how-to-get-the-field-id) - [Conclusion:](https://divicake.com#conclusion) The [Divi](https://divicake.com/go/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. In the digital age, a website’s [contact form](https://divicake.com/blog/divi-contact-form-issues/) is a crucial component for facilitating communication between you and your site visitors. Whether it’s for customer inquiries, support requests, or feedback, having an effective and personalized contact form can significantly enhance user experience and streamline your communication process. Divi, the versatile and powerful WordPress theme and page builder developed by [Elegant Themes](https://divicake.com/go/elegant-themes-home-page/), is renowned for its intuitive design and customization capabilities. Among its many features, the Divi contact form module stands out as an essential tool for gathering visitor information and inquiries. However, the default settings may not always align with your specific needs, especially when it comes to the format of the messages you receive from the contact form submissions. This is where customizing the message pattern becomes invaluable. By creating a custom message pattern, you can ensure that the emails you receive are organized, detailed, and formatted according to your preferences. This customization can help you quickly identify key information, prioritize responses, and maintain a professional and consistent communication style. In this comprehensive guide, we will walk you through the process of creating a custom [Divi contact form](https://divicake.com/blog/divi-contact-form-helper-review/) message pattern. We’ll start with an overview of Divi’s contact form capabilities, followed by a step-by-step tutorial on how to add and configure fields in your contact form. Next, we’ll delve into customizing the email notification settings to implement your desired message pattern. Additionally, we’ll cover testing your form to ensure it works flawlessly, troubleshooting common issues, and exploring advanced customization options to further enhance your form’s functionality and appearance. By the end of this tutorial, you’ll have a fully customized contact form that not only meets your specific needs but also enhances the overall efficiency and professionalism of your communication. Let’s get started and transform your Divi contact form into a powerful tool tailored to your unique requirements. ## Understanding the the Divi contact form message pattern When someone fills out a form on your website and hits submit, you usually get a message about it. This message is called the message pattern. The default message you get is pretty plain, just giving you the basic details. But the cool thing is, you can actually change this message to make it look nicer and more interesting. Basically, the message pattern is like the [email](https://divicake.com/blog/add-multiple-recipient-email-addresses-in-divi-contact-form/) you receive after someone sends you a message through your website. By default, it’s pretty simple, just telling you the basic info like who sent the message and what they said. But you can actually customize this message to make it look better and more appealing. For example, instead of just saying “You got a new message from John Doe,” you could customize it to say something like “Hey there! You’ve got a new message from John Doe waiting for you.” It’s a small change, but it can make a big difference in how professional and engaging your website feels to visitors. So, if you want to make your website’s contact form stand out and leave a good impression on your visitors, customizing the message pattern is definitely worth looking into! Read More:[9 Best Contact Form Plugins for Divi and WordPress in 2024](https://divicake.com/blog/best-contact-form-plugins-for-divi-and-wordpress/) ## Setting up a message pattern for the contact form It’s actually pretty simple to do. Just go to your Divi contact form module and then scroll down to find the Email tab. From there, you can make the changes you want. In the “Message Pattern” section, you can craft the email message that appears when someone fills out your form. Setting up a message pattern for the contact form In the “Message Pattern” section, you can craft the email message that appears when someone fills out your form. It’s where you get to personalize what you see in your inbox after someone submits the form. Adding fields to your message pattern is simple. Just remember to use the %% symbol before and after the Field ID. This helps the form integrate the fields smoothly into your email. ## How to get the field ID? As mentioned earlier, remember to enclose the field ID within %% symbols. To obtain a field ID, simply click on the gear icon next to the respective field. By effectively using the contact form field IDs, you can enhance the functionality and appearance of your Divi contact form to better meet your website’s needs. Contact Form field ID Read More: [Bloom in Divi: Maximizing Email Marketing](https://divicake.com/blog/bloom-in-divi-email-marketing-guide/) Here’s the Field ID for your First Name field. Take this ID and head back to the message pattern field. Paste it in there with %% before and after, like this: %%First_Name%% Feel free to add some descriptive text before %% to make it clearer. Repeat this process for all the other fields. Let me give you an example of how to create a custom message pattern for the below contact form. The Divi Contact Form module is a versatile and powerful tool included in the Divi Builder, which allows you to easily create and customize contact forms on your website. Divi Contact Form When someone fills out your form, you’ll receive an email with the details. Here’s how you can set up your message pattern: First Name: %%First_Name%% Last Name: %%Last_Namel%% Email Address: %%Email_Address%% Phone Number: %%Phone_Number%% Message: %%Message% Divi Contact Form Settings ## Conclusion: In wrapping up, mastering the skill of tailoring your Divi contact form’s message pattern can greatly boost your website’s user experience and smooth out communication with your visitors. With Divi’s easy-to-use design and customization features, you can shape the email notifications you receive to match your brand and communication style perfectly. Throughout this guide, we’ve seen how important it is to have personalized contact forms for building meaningful connections with your website visitors. Divi’s [contact form](https://divicake.com/go/divi-contact-form-helper/) module is like a Swiss Army knife, helping you collect visitor information and handle inquiries efficiently. However, the default settings might not always fit your needs exactly. By diving into creating a custom message pattern, we’ve given you the tools to take charge of the messages you get and ensure they’re organized, detailed, and tailored to your liking. Whether you’re managing customer inquiries, support requests, or feedback submissions, customizing your Divi contact form’s message pattern lets you maintain a professional and consistent communication style while making your website more efficient and polished overall. So, armed with this newfound knowledge, it’s time to put it into action. Experiment, play around, and make the most of your Divi contact form to create a seamless and engaging experience for your website visitors. Read More: [How To Add Multiple Recipient Email Addresses In Divi Contact Form](https://divicake.com/blog/add-multiple-recipient-email-addresses-in-divi-contact-form/) ## Written by Divi Cake Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week. - [About Divi Cake](https://divicake.com/about/) ## Get the Divi Cake newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi 5 migration](https://divicake.com/divi-4-to-divi-5-migration/) - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Blogging [ How to make money with Divi Blogging10 min read ### How to Make Money with Divi Nine ways to earn an income with Divi — affiliate marketing, services, digital products, courses, memberships, sponsored posts and ads — and what your site needs before any of them work. 15 October 2026](https://divicake.com/blog/make-money-with-divi/) [ Customizing Divi for advanced WordPress development projects Blogging4 min read ### Customizing Divi for Advanced WordPress Development Projects Seven ways to take Divi past its stock settings on an advanced build: custom CSS and JavaScript, child themes, integrations, hooks and filters, and performance work. 11 October 2026](https://divicake.com/blog/customizing-divi/) [ Selling Divi websites and child themes Blogging10 min read ### How to Make Money Selling Divi Websites and Child Themes How to earn from Divi three ways: building sites for clients, selling finished websites through a brokerage or marketplace, and packaging child themes for sale. 29 September 2026](https://divicake.com/blog/selling-divi-websites-and-child-themes/)