{"id":27828,"date":"2023-01-11T14:17:06","date_gmt":"2023-01-11T13:17:06","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=27828"},"modified":"2023-01-11T15:17:21","modified_gmt":"2023-01-11T14:17:21","slug":"how-to-create-a-custom-divi-contact-form-message-pattern","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/","title":{"rendered":"How to Create a Custom Divi Contact Form Message Pattern"},"content":{"rendered":"\n<p><strong>In this tutorial, you will learn how to easily create a custom Divi contact form message pattern.<\/strong><\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.markhendriksen.com\/divi-contact-form\">Divi contact form<\/a> 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&#8217;s where custom message patterns come in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Table of contents<\/h3>\n\n\n\n<ul class=\"listsquare listsquare-single wp-block-list\"><li><a href=\"#message-pattern\">What is the Divi contact form message pattern?<\/a><\/li><li><a href=\"#setup-message-pattern\">How to set up a message pattern for the contact form<\/a><\/li><li><a href=\"#dynamic-message-pattern\">Add more dynamic message pattern tags to the Divi contact form module<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"message-pattern\">What is the Divi contact form message pattern?<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setup-message-pattern\">How to set up a message pattern for the contact form<\/h2>\n\n\n\n<p>This is quite easy to do. Open your Divi contact form module and scroll down to the Email tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"725\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field.jpg\" alt=\"Divi contact message pattern field\" class=\"wp-image-27836\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field.jpg 574w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field-380x480.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field-238x300.jpg 238w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field-510x644.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field-48x60.jpg 48w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-message-pattern-field-71x90.jpg 71w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/><\/figure>\n\n\n\n<p>Under Message Pattern, you can place your message that will show in your email when a form is submitted.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>I will give you an example of creating a custom message pattern for this form:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"457\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example.jpg\" alt=\"contact for example\" class=\"wp-image-27837\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example-380x255.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example-300x202.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example-510x343.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example-89x60.jpg 89w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/contact-for-example-134x90.jpg 134w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>In the next few steps, I will show you how to create a custom message pattern. First, we need to get the field ID.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to get the field ID<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"723\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID.jpg\" alt=\"Field ID\" class=\"wp-image-27838\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID.jpg 573w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID-380x479.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID-238x300.jpg 238w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID-510x644.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID-48x60.jpg 48w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Field-ID-71x90.jpg 71w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/><\/figure>\n\n\n\n<p>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:<\/p>\n\n\n\n<p>%%First_Name%%<\/p>\n\n\n\n<p>You can add text before %% to make it more descriptive.<\/p>\n\n\n\n<p>Now do the same process for all the other fields.<\/p>\n\n\n\n<p>My message pattern will look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"533\" height=\"158\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern.jpg\" alt=\"Custom message pattern\" class=\"wp-image-27839\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern.jpg 533w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern-380x113.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern-300x89.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern-510x151.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern-190x56.jpg 190w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Custom-message-pattern-304x90.jpg 304w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/><\/figure>\n\n\n\n<p>And when a form is submitted, this is what my email looks like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"129\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/message-pattern-outcome.jpg\" alt=\"Email form the message pattern\" class=\"wp-image-27840\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/message-pattern-outcome.jpg 284w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/message-pattern-outcome-132x60.jpg 132w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/message-pattern-outcome-198x90.jpg 198w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dynamic-message-pattern\">Add more dynamic message pattern tags to the Divi contact form module<\/h2>\n\n\n\n<p>Adding more specific tags to your message pattern is easy with the <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=78612\" target=\"_blank\" rel=\"noreferrer noopener\">Divi Contact Form Helper plugin<\/a>. This plugin allows you to add dynamic tags for custom fields and offers great flexibility when creating a contact form message pattern.<\/p>\n\n\n\n<p>This handy plugin comes with 22 extra merge tags such as Post\/Page ID, Date, and Time to your message template. It&#8217;s great for adding more clarity or tracking essential data points &#8211; all with a few easy steps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>If you face any issue&#8217;s let me know in the comments!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">You might also like\u2026<\/h3>\n\n\n\n<ul class=\"wp-block-list\" id=\"listsquare-listsquare-single\"><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-style-the-divi-contact-form-success-message\/\">How to Style the Divi Contact Form Success Message<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-fix-missing-email-field-in-divi\/\">How to Fix Missing Email Field in Divi<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;s where [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":27830,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-27828","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Custom Divi Contact Form Message Pattern<\/title>\n<meta name=\"description\" content=\"In this tutorial, you will learn how to easily create a custom Divi contact form message pattern for your form.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Custom Divi Contact Form Message Pattern\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you will learn how to easily create a custom Divi contact form message pattern for your form.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-11T13:17:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-11T14:17:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How to Create a Custom Divi Contact Form Message Pattern\",\"datePublished\":\"2023-01-11T13:17:06+00:00\",\"dateModified\":\"2023-01-11T14:17:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\"},\"wordCount\":550,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\",\"name\":\"How to Create a Custom Divi Contact Form Message Pattern\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg\",\"datePublished\":\"2023-01-11T13:17:06+00:00\",\"dateModified\":\"2023-01-11T14:17:21+00:00\",\"description\":\"In this tutorial, you will learn how to easily create a custom Divi contact form message pattern for your form.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg\",\"width\":720,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Custom Divi Contact Form Message Pattern\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Custom Divi Contact Form Message Pattern","description":"In this tutorial, you will learn how to easily create a custom Divi contact form message pattern for your form.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Custom Divi Contact Form Message Pattern","og_description":"In this tutorial, you will learn how to easily create a custom Divi contact form message pattern for your form.","og_url":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2023-01-11T13:17:06+00:00","article_modified_time":"2023-01-11T14:17:21+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How to Create a Custom Divi Contact Form Message Pattern","datePublished":"2023-01-11T13:17:06+00:00","dateModified":"2023-01-11T14:17:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/"},"wordCount":550,"commentCount":2,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/","url":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/","name":"How to Create a Custom Divi Contact Form Message Pattern","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg","datePublished":"2023-01-11T13:17:06+00:00","dateModified":"2023-01-11T14:17:21+00:00","description":"In this tutorial, you will learn how to easily create a custom Divi contact form message pattern for your form.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-contact-form-message-pattern.jpg","width":720,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-create-a-custom-divi-contact-form-message-pattern\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"How to Create a Custom Divi Contact Form Message Pattern"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/27828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=27828"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/27828\/revisions"}],"predecessor-version":[{"id":27889,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/27828\/revisions\/27889"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/27830"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=27828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=27828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=27828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}