{"id":1234,"date":"2023-03-04T21:50:45","date_gmt":"2023-03-04T21:50:45","guid":{"rendered":"https:\/\/priyodesign.com\/docs\/mou\/?post_type=docs&#038;p=1234"},"modified":"2023-03-04T22:42:07","modified_gmt":"2023-03-04T22:42:07","slug":"contact-form-7","status":"publish","type":"docs","link":"https:\/\/priyodesign.com\/docs\/mou\/wp\/contact-form-7\/","title":{"rendered":"Contact Form 7"},"content":{"rendered":"\n<p><strong>Mou<\/strong>\u00a0is compatible with the popular plugin\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\">Contact Form 7<\/a> for sending messages through your website. This plugin is required by\u00a0<strong>Mou<\/strong>\u00a0theme, so you are likely to already have it installed. If not, just search for it and install it from the WordPress Plugins repository.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full mou-docs-image\"><img loading=\"lazy\" decoding=\"async\" width=\"593\" height=\"348\" src=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-1.png\" alt=\"\" class=\"wp-image-1242\" srcset=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-1.png 593w, https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-1-300x176.png 300w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After installing and activating <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-black-color\">Contact Form 7<\/mark>, let\u2019s create a form and do some code adjustments according to the theme style. To do this, navigate to <code>Contact > Add New<\/code><\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full mou-docs-image\"><img loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"464\" src=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-2.png\" alt=\"\" class=\"wp-image-1244\" srcset=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-2.png 655w, https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-2-300x213.png 300w\" sizes=\"auto, (max-width: 655px) 100vw, 655px\" \/><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on <code>Add New<\/code> button<\/li>\n\n\n\n<li>Enter <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-black-color\">Form Title<\/mark><\/li>\n\n\n\n<li>You can replace the default code with the below code to get <strong>Mou<\/strong> theme style<\/li>\n\n\n\n<li>Click on <code>Save<\/code> button<\/li>\n<\/ol>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre title=\"Contact Form 7\" class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;div class=\"form_input_box\">\r\n  [text* your-name placeholder \"Your name\"]\r\n&lt;\/div>\r\n&lt;div class=\"form_input_box\">\r\n  [email* your-email placeholder \"Your email\"]\r\n&lt;\/div>\r\n&lt;div class=\"form_input_box\">\r\n  [text* your-subject placeholder \"Subject\"]\r\n&lt;\/div>\r\n&lt;div class=\"form_input_box\">\r\n  [textarea* your-message placeholder \"Your message\"]\r\n&lt;\/div>\r\n&lt;div class=\"theme-btn btn-large\">\r\n  &lt;button data-magnetic name=\"submit\" type=\"submit\">Send Message&lt;\/button>\r\n&lt;\/div><\/code><\/pre>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full mou-docs-image\"><img loading=\"lazy\" decoding=\"async\" width=\"865\" height=\"743\" src=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-3.png\" alt=\"\" class=\"wp-image-1248\" srcset=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-3.png 865w, https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-3-300x258.png 300w, https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-3-768x660.png 768w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Mou<\/strong>\u00a0comes with an Elementor widget based on Contact Form 7 called <code>Contact Form<\/code> with some options. <\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full mou-docs-image\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"765\" src=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-4.png\" alt=\"\" class=\"wp-image-1262\" srcset=\"https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-4.png 982w, https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-4-300x234.png 300w, https:\/\/priyodesign.com\/docs\/mou\/wp-content\/uploads\/2023\/03\/contact-form-4-768x598.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Mou\u00a0is compatible with the popular plugin\u00a0Contact Form 7 for sending messages through your website. This plugin is required by\u00a0Mou\u00a0theme, so you are likely to already have it installed. If not, just search for it and install it from the WordPress Plugins repository. After installing and activating Contact Form 7, let\u2019s create a form and do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-1234","docs","type-docs","status-publish","hentry","doc_category-tips-tricks"],"_links":{"self":[{"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/docs\/1234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/comments?post=1234"}],"version-history":[{"count":25,"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/docs\/1234\/revisions"}],"predecessor-version":[{"id":1263,"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/docs\/1234\/revisions\/1263"}],"wp:attachment":[{"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/media?parent=1234"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/doc_category?post=1234"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/priyodesign.com\/docs\/mou\/wp-json\/wp\/v2\/doc_tag?post=1234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}