{"id":6480,"date":"2017-12-18T11:55:37","date_gmt":"2017-12-18T11:55:37","guid":{"rendered":"http:\/\/qantumthemes.xyz\/manuals\/fluid\/?post_type=ht_kb&#038;p=6480"},"modified":"2017-12-18T11:55:52","modified_gmt":"2017-12-18T11:55:52","slug":"5-8-contact-form-7","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/kentha\/knowledge-base\/5-8-contact-form-7\/","title":{"rendered":"5.8 Contact Form 7"},"content":{"rendered":"<p>Useful to add custom forms to the website.<\/p>\n<p>Official documentation: <a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\">https:\/\/wordpress.org\/plugins\/contact-form-7\/<\/a><\/p>\n<h2 id=\"important\" >IMPORTANT:<\/h2>\n<p>To correctly build contact forms using this theme, follow these rules:<\/p>\n<ul>\n<li>Wrap the fields in a div input-field<\/li>\n<li>add a &#8220;for&#8221; to the labels<\/li>\n<li>do NOT wrap the field in the labels<\/li>\n<li>always add the ID to the fields with same value as the field name<\/li>\n<li>add classes to the submit for correct styling<\/li>\n<\/ul>\n<h3 id=\"default-fields-structure-is-bad\" >Default fields structure is BAD:<\/h3>\n<p><del>&lt;label&gt;<br \/>\n&lt;input tyle=&#8221;text&#8221; name=&#8221;&#8221;&gt;<br \/>\n<\/del><del>&lt;\/label&gt;<\/del><\/p>\n<h3 id=\"example-form-with-correct-structure\" >Example form with correct structure:<\/h3>\n<p><code><br \/>\n&lt;div class=\"input-field\"&gt;<br \/>\n[text* your-name id:your-name]<br \/>\n&lt;label for=\"your-name\"&gt;First Name&lt;\/label&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<p>&lt;div class=\"input-field\"&gt;<br \/>\n[email* your-email id:your-email]<br \/>\n&lt;label for=\"your-email\"&gt;Email&lt;\/label&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<p>&lt;div class=\"input-field\"&gt;<br \/>\n[text* your-subject id:your-subject]<br \/>\n&lt;label for=\"your-subject\"&gt;Subject&lt;\/label&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<p>&lt;div class=\"input-field\"&gt;<br \/>\n[textarea your-message class:materialize-textarea id:your-message]<br \/>\n&lt;label for=\"your-message\"&gt;Message&lt;\/label&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<p>[submit \"Send\" class:qt-btn class:qt-btn-l class:qt-btn-primary]<br \/>\n<\/code><br \/>\n&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[674],"ht_kb_tag":[685,679,94],"class_list":["post-6480","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-plugins","ht_kb_tag-cf7","ht_kb_tag-contact-form","ht_kb_tag-plugins"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb\/6480"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/comments?post=6480"}],"version-history":[{"count":0,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb\/6480\/revisions"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/media?parent=6480"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb_category?post=6480"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb_tag?post=6480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}