{"id":1066,"date":"2022-12-29T06:43:05","date_gmt":"2022-12-29T06:43:05","guid":{"rendered":"https:\/\/kentatheme.com\/docs\/kenta-theme\/integration\/contact-form\/"},"modified":"2022-12-29T08:35:50","modified_gmt":"2022-12-29T08:35:50","slug":"contact-form","status":"publish","type":"docs","link":"https:\/\/kentatheme.com\/docs\/kenta-theme\/integration\/contact-form\/","title":{"rendered":"Contact Form"},"content":{"rendered":"\n

Do you want to collect user feedback on your website? If your answer is Yes, then you have come to the right place. Kenta theme is perfectly integrated with the world’s most popular free Contact Form 7<\/a> plugin which is being actively\u00a0used on nearly 5 million WordPress sites<\/strong>.<\/p>\n\n\n\n

The Contact Form 7 plugin can be downloaded and installed for free from the WordPress dashboard.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Create New Contact Form<\/h3>\n\n\n\n

After installing the Contact Form 7 plugin, you will need to create a form to be displayed on the front-end.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Here is the sample code:<\/p>\n\n\n\n

<div class=\"kenta-cf\">\n<div class=\"kenta-inner-label\">\n<label for=\"your-name\"> Your name <\/label>[text* your-name autocomplete:name id:your-name]\n<\/div>\n\n<div class=\"kenta-inner-label\">\n<label for=\"your-email\"> Your email <\/label>[email* your-email autocomplete:email id:your-email]\n<\/div>\n\n<div class=\"kenta-inner-label\">\n<label for=\"subject\"> Subject<\/label>[text* your-subject id:subject] \n<\/div>\n\n<div class=\"kenta-inner-label\">\n<label for=\"message\"> Your message<\/label>[textarea your-message id:message]\n<\/div>\n\n<div class=\"kenta-full-width-submit\">\n[submit \"Submit\"]\n<\/div>\n<\/div><\/code><\/pre>\n\n\n\n
Show In Frontend<\/h3>\n\n\n\n
You can use the shortcode to display the contact form on any page. Here’s what it looks like on the front end:<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
In the Pro version<\/a> we support display forms via HTML element in the header and footer. This way it can be displayed on all pages.<\/p>\n\n\n\n
Built-in Form CSS class<\/h3>\n\n\n\n
Kenta theme has some form CSS classes built in. It allows you to customize the style of your forms, and this list will change as the theme is updated.<\/p>\n\n\n\n
.kenta-inner-label<\/h4>\n\n\n\n
Using this class to wrap your form inputs, the label will be displayed inside the input control and hiding the label when the user clicks or edits the input control.<\/p>\n\n\n\n
\n
\"\"\/<\/figure>\n\n\n\n
with .kenta-inner-label class<\/p><\/div>\n<\/div>\n\n\n\n
\n
\"\"\/<\/figure>\n\n\n\n
default label style<\/p><\/div>\n<\/div>\n\n\n\n
.kenta-full-width-submit<\/h4>\n\n\n\n
This class allows your submit button to be displayed at full width.<\/p>\n\n\n\n
.kenta-form-classic & .kenta-form-modren<\/h4>\n\n\n\n
Kenta theme has two built-in styles of forms: classic and modern. You can configure the form style globally via Customizing \u25b8 Content Settings \u25b8 Forms<\/code>.<\/p>\n\n\n\n
When you create a custom form, we allow you to override the default styles by using .kenta-form-classic<\/code> and .kenta-form-modren<\/code> class wrappers. Here is the different:<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/p>\n","protected":false},"featured_media":0,"parent":1063,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1066","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/comments?post=1066"}],"version-history":[{"count":4,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1066\/revisions"}],"predecessor-version":[{"id":1092,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1066\/revisions\/1092"}],"up":[{"embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1063"}],"prev":[{"title":"Mailchimp","link":"https:\/\/kentatheme.com\/docs\/kenta-theme\/integration\/mailchimp\/","href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1065"}],"wp:attachment":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/media?parent=1066"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/doc_tag?post=1066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}