{"id":11832,"date":"2017-01-06T14:54:10","date_gmt":"2017-01-06T14:54:10","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=11832"},"modified":"2017-06-19T14:13:14","modified_gmt":"2017-06-19T14:13:14","slug":"contact-form","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/wpbakery\/contact-form","title":{"rendered":"Contact Form"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column css=&#8221;.vc_custom_1485963458300{padding-right: 35px !important;padding-left: 35px !important;}&#8221; col_shadow=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221; col_shadow_hover=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221;][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][vc_column_text]Use the customized contact form styles to display on the site. You may check the examples of the styles on the <a href=\"http:\/\/nativewptheme.net\/shortcodes\/contact-form\/\">Contact form<\/a> page.<\/p>\n<h5>Watch the video tutorial on <a href=\"https:\/\/youtu.be\/yhfBEnaWOBc\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Form module creation<\/a> for more details.<\/h5>\n<p>[\/vc_column_text][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][dfd_tta_tabs border_radius=&#8221;4&#8243; alignment=&#8221;left&#8221; active_section=&#8221;1&#8243; active_tab_background=&#8221;#3b55e6&#8243; tab_hover_text_color=&#8221;#3b55e6&#8243; tab_active_color_text=&#8221;#ffffff&#8221; border_color_active=&#8221;#3b55e6&#8243;][vc_tta_section title=&#8221;General settings&#8221; tab_id=&#8221;1486545572585-2437c7e1-5371&#8243;][vc_column_text]<\/p>\n<h3>General settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12868\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-1.png\" alt=\"\" width=\"978\" height=\"425\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-1.png 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-1-300x130.png 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-1-768x334.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Style<\/strong> &#8211; select the most suitable style of the contact form for your site.<\/li>\n<li><strong>Bordered<\/strong> &#8211; each contact form files is displayed separately with the border with shadow hover effect on click.<\/li>\n<li><strong>Boxed<\/strong> &#8211; there is the\u00a0border around the contact form displayed, and the contact form files are not separated from each other. On the field click there is line animation effect.<\/li>\n<li><strong>Simple<\/strong> &#8211; there is no border set around the contact form and its field, and the contact form files are separated from each other. On the field click there is line animation effect.<\/li>\n<\/ul>\n<ul>\n<li><strong>Form layout<\/strong> &#8211; select the layout style of the contact form which suits you more from the list of the available ones.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12871\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-2.png\" alt=\"\" width=\"978\" height=\"646\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-2.png 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-2-300x198.png 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/main-new-2-768x507.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Your own style<\/strong> &#8211; set it to <strong>Enabled<\/strong>\u00a0to design your own style for the contact form.<\/li>\n<li><strong>Right aligned button<\/strong> &#8211; set it to <strong>Enabled<\/strong> to align the button to the right side of the form. The button will be aligned to the first row of the contact form. Note: if this option is enabled all fields are divided into equal parts and the button is equal to the columns in size.<\/li>\n<\/ul>\n<p>You may divide the contact form into the columns as the row using the builder and add the elements for your contact form.<\/p>\n<p>For more reference please check\u00a0<strong>Field Editor\u00a0<\/strong>tab of this post.<\/p>\n<ul>\n<li><strong>Animation<\/strong> \u2013 choose between 14 preset animation effects.<\/li>\n<li><strong>Custom CSS class<\/strong> \u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type <strong>custom-style<\/strong> class and then go to <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Custom CSS\/JS<\/del> <del>Custom CSS<\/del> field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Input style&#8221; tab_id=&#8221;1486545572829-e1c1304c-ee12&#8243;][vc_column_text]<\/p>\n<h3>Input style<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2452 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-1.jpg\" width=\"978\" height=\"513\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-1.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-1-300x157.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-1-768x403.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Inputs inner background color<\/strong> &#8211; specify the background color for the inputs. The default color is inherited from\u00a0<del class=\"support-arrow-right\">Theme Options<\/del><del class=\"support-arrow-right\">Styling Options<\/del><del>Second site color<\/del>\u00a0lighter for 3.7 percents<del>.<\/del><\/li>\n<li><strong>Input style on focus<\/strong> &#8211; select the style of the inputs. You may select <strong>With Shadow<\/strong> or <strong>Simple<\/strong> style.<\/li>\n<li><strong>Paceholder<\/strong> &#8211; set it to\u00a0<strong>Enable <\/strong>to display<strong>\u00a0<\/strong>the placeholder text (the text will be visible inside the input).<\/li>\n<li><strong>Label for text field<\/strong> &#8211; set it to <strong>Enable<\/strong>\u00a0to show the label text (the text will be visible above the input). For <strong>Bordered<\/strong> style only.<\/li>\n<\/ul>\n<h5>Border settings<\/h5>\n<ul>\n<li><strong>Border style<\/strong> &#8211; select the border style for the form from the drop-down list.<\/li>\n<li><strong>Border width<\/strong> &#8211; set the width of the border.<\/li>\n<li><strong>Border radius<\/strong> &#8211; set the border radius for the form filed to have rounded corners.<\/li>\n<li><strong>Border color<\/strong> &#8211; select the color for the border. Default color is set to\u00a0#d9d9d9.<\/li>\n<\/ul>\n<h5>Text settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2453 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-2.jpg\" width=\"978\" height=\"369\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-2.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-2-300x113.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Inout-style-2-768x290.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Text color<\/strong> &#8211; choose the color for the content text. The default value is #000.<\/li>\n<li><strong>Custom font family for input text<\/strong> &#8211; set it to\u00a0<strong>Enable\u00a0<\/strong>to use custom Google font.\n<ul>\n<li><strong>Custom font family<\/strong> \u2013 set it to <strong>Enable<\/strong> to use custom Google font.<\/li>\n<li><strong>Font Family<\/strong> \u2013 select the font family from the drop-down list.<\/li>\n<li><strong>Font style<\/strong> \u2013 select the font weight and style (bold, italic) for the delimiter\u00a0text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Other settings<\/h5>\n<ul>\n<li><strong>Textarea height (number of visible paragraphs)<\/strong> &#8211; define the height of the text area. Set the number of the text paragraphs.<\/li>\n<li><strong>Padding between columns<\/strong> &#8211; select the padding between the contact form field. For <strong>Bordered<\/strong> and <strong>Simple<\/strong> styles only.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Button style&#8221; tab_id=&#8221;1486560719276-34d41a05-5bc7&#8243;][vc_column_text]<\/p>\n<h3>Button style<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2454 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-1.jpg\" width=\"978\" height=\"550\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-1.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-1-300x169.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-1-768x432.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Text transform<\/strong> &#8211; select the button text properties. You may select <strong>capitalize<\/strong>, <strong>uppercase<\/strong>, <strong>lowercase<\/strong>, <strong>initial<\/strong> and or inherit it from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del><del class=\"support-arrow-right\">Default button options<\/del>\u00a0<del>Default Button Typography.<\/del><\/li>\n<li><strong>Font size<\/strong> \u2013 set the font size you need to use in the contact dorm button.\u00a0The defaut value is 45px.<\/li>\n<li><strong>Letter spacing<\/strong> \u2013 set the needed distance between letters.<\/li>\n<li><strong>Border width<\/strong> &#8211; set the border width for the button. The border is not set by default.<\/li>\n<li><strong>Border color<\/strong> &#8211; select the border color for the button.<\/li>\n<li><strong>Border hover color<\/strong> &#8211; select the border color for the button on hover.<\/li>\n<li><strong>Border style<\/strong> &#8211;\u00a0allows you to choose the border style for the button from the list of available ones from the drop-down list.<\/li>\n<li><strong>Background<\/strong> &#8211; choose the background color for the button. The default value is inherited from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del><del class=\"support-arrow-right\">Default button options<\/del><del>Default button background color<\/del>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2455 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-2.jpg\" width=\"978\" height=\"470\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-2.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-2-300x144.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/button-style-2-768x369.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Hover background color<\/strong> \u2013\u00a0set the hover background color for the button. It is inherited from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del><del class=\"support-arrow-right\">Default button options<\/del><del>Default button hover background color<\/del>.<\/li>\n<li><strong>Text color<\/strong> &#8211; select the color of the text to be displayed in the button. The settings are inherited from\u00a0inherited from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del class=\"support-arrow-right\">Default button options<\/del> <del>Default button typography<\/del>\u00a0section.<\/li>\n<li><strong>Text hover color<\/strong> &#8211; set the text color on hover for the button.\u00a0It is inherited from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del><del class=\"support-arrow-right\">Default button options<\/del><del>Default button hover text color<\/del>.<\/li>\n<li><strong>Text alignment<\/strong> &#8211; align the text horizontally inside the button. You may select <strong>Left Align, Center Align<\/strong> and <strong>Right Align<\/strong>.<\/li>\n<li><strong>Button message<\/strong> &#8211; enter the text to be displayed inside the submit button of the contact form.<\/li>\n<li><strong>Button width<\/strong> &#8211; set the width of the button according to the width of the form. You may select <strong>full width, half size,\u00a0third size <\/strong>or inherit the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del><del>Default button options<\/del>\u00a0section.<\/li>\n<li><strong>Button alignment<\/strong> &#8211; align the button horizontally.\u00a0You may select <strong>Left Align, Center Align<\/strong> and <strong>Right Align<\/strong>.<\/li>\n<li><strong>Custom font family<\/strong> \u2013 set it to <strong>Enable<\/strong> to use custom Google font.\n<ul>\n<li><strong>Font Family<\/strong> \u2013 select the font family from the drop-down list.<\/li>\n<li><strong>Font style<\/strong> \u2013 select the font weight and style (bold, italic) from the list.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;ReCaptcha setting&#8221; tab_id=&#8221;1486545573068-02c117a6-3d50&#8243;][vc_column_text]<\/p>\n<h3>ReCaptcha setting<\/h3>\n<h4>Enable and set the reCaptcha, if needed. You may check more information about it on <a href=\"https:\/\/www.google.com\/recaptcha\/intro\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Google reCaptcha<\/a> page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2468 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Recaptcha.jpg\" width=\"978\" height=\"347\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Recaptcha.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Recaptcha-300x106.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/Recaptcha-768x272.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Recaptcha<\/strong> &#8211; set it to <strong>Enable<\/strong> to use ReCaptcha for the contact form.<\/li>\n<li><strong>Public key<\/strong> &#8211;\u00a0type the generated key to make the reCaptcha function properly.<\/li>\n<li><strong>Private key<\/strong> &#8211;\u00a0type the generated key to make the reCaptcha function properly.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Field Editor&#8221; tab_id=&#8221;1486560807874-70e0f74d-8edd&#8221;][vc_column_text]<\/p>\n<h3>Field Editor<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2470 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/field-editor.jpg\" width=\"978\" height=\"837\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/field-editor.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/field-editor-300x257.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/field-editor-768x657.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Field type<\/strong> &#8211; select what kind of field you need to use in the form field.\n<ul>\n<li><strong>Nothing<\/strong> &#8211; select this type to disable the field of the contact form<\/li>\n<li><strong>Radio<\/strong> &#8211; it will help you to create the radio bullets and to let your visitor select.\n<ul>\n<li><strong>Options<\/strong> &#8211; enter the options for the radio bullets and separate them with &#8216;enter&#8217; button.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Email<\/strong> &#8211; select this field to add the Email field to the contact form.\n<ul>\n<li><strong>Required field<\/strong> &#8211; set it\u00a0to <strong>Enable\u00a0<\/strong>to make this field required for the form.<\/li>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<li><strong>Default value<\/strong> &#8211; type the default content of the form type.<\/li>\n<li><strong>This field requires authors email address (Akismet validate)<\/strong> &#8211; switch it to <strong>Enable<\/strong> to make the email address checked by Akismet.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Drop Down<\/strong> &#8211; select this field type to add the drop down list for the form.\n<ul>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<li><strong>Options<\/strong> &#8211; enter the options for the drop down list and separate them with &#8216;enter &#8216;button.<\/li>\n<li><strong>Insert a blank item as the first option<\/strong> &#8211; set it to <strong>Enable<\/strong> to the have the empty item in the dropdown.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text<\/strong> &#8211;\u00a0select this field to add the text field to the contact form.\n<ul>\n<li><strong>Required field<\/strong> &#8211; set it\u00a0to <strong>Enable\u00a0<\/strong>to make this field required for the form.<\/li>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<li><strong>Default value<\/strong> &#8211; type the default content of the form type.<\/li>\n<li><strong>This field requires authors email address (Akismet validate)<\/strong> &#8211; switch it to <strong>Enable<\/strong> to make the email address checked by Akismet.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Textarea<\/strong> &#8211;\u00a0select this field to add the text area field for the contact form messages to the contact form.\n<ul>\n<li><strong>Required field<\/strong> &#8211; set it\u00a0to <strong>Enable\u00a0<\/strong>to make this field required for the form.<\/li>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<li><strong>Default value<\/strong> &#8211; type the default content of the form type.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Telephone\u00a0<\/strong>&#8211;\u00a0select this field to add the telephone field for the contact form messages to the contact form.\n<ul>\n<li><strong>Required field<\/strong> &#8211; set it\u00a0to <strong>Enable\u00a0<\/strong>to make this field required for the form.<\/li>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<li><strong>Default value<\/strong> &#8211; type the default content of the form type.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chexbox<\/strong> &#8211; choose this field to add the checkboxes to the contact form.\n<ul>\n<li><strong>Required field<\/strong> &#8211; set it\u00a0to <strong>Enable\u00a0<\/strong>to make this field required for the form.<\/li>\n<li><strong>Options<\/strong> &#8211; enter the options for the checkboxes and separate them with &#8216;enter&#8217; button.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Date<\/strong> &#8211; select this field to add the calendar with dates to the contact form.\n<ul>\n<li><strong>Required field<\/strong> &#8211; set it\u00a0to <strong>Enable\u00a0<\/strong>to make this field required for the form.<\/li>\n<li><strong>Min\/Max<\/strong> &#8211; enter the begging date and the target finish date.<\/li>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<li><strong>Default value<\/strong> &#8211; type the default content of the form type.<\/li>\n<li><strong>This field requires authors email address (Akismet validate)<\/strong> &#8211; switch it to <strong>Enable<\/strong> to make the email address checked by Akismet.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Acceptance<\/strong> &#8211;\u00a0select this field to add the acceptance field for the contact form messages to the contact form.\n<ul>\n<li><strong>Make this checkbox checked by default<\/strong> &#8211; put the check mark to make the acceptance field always checked.<\/li>\n<li><strong>Label<\/strong> &#8211; type the label text with field title to be displayed in the form.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Received email &amp; Message &#8221; tab_id=&#8221;1486545573311-423c930f-c6e7&#8243;][vc_column_text]<\/p>\n<h3>Received email from<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2472 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/received-email-from.jpg\" width=\"978\" height=\"222\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/received-email-from.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/received-email-from-300x68.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/received-email-from-768x174.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>To<\/strong> &#8211; enter the email address of the email recipient.<\/li>\n<li><strong>Subject<\/strong> &#8211; enter the subject to transmit the message subject. Here you may add the page or contact form title to distinguish the emails in the inbox folder.<\/li>\n<\/ul>\n<h3>Message text<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-2473 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/message-text.jpg\" width=\"978\" height=\"626\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/message-text.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/message-text-300x192.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/01\/message-text-768x492.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Mail-tags you can use in the message field<\/strong> &#8211; check the mail-tags to be used in the certain contact form and add them to the <strong>Message container<\/strong> to transmit the information from the contact form. You need simply to copy the mail tags and enter them into the message field.<\/li>\n<li><strong>Message<\/strong> &#8211;\u00a0generate the message, that you&#8217;ll receive via the contact form by copying the correct mail-tags from the field above. Note, you have to type the mail-tags <strong>with figure braces<\/strong>.<\/li>\n<\/ul>\n<p>More information about setting the correct mail tags for contact form can be found in <a href=\"http:\/\/nativewptheme.net\/support\/knowledge-base\/contact-form-mail-tags\" target=\"_blank\" rel=\"noopener noreferrer\">this post<\/a>.[\/vc_column_text][\/vc_tta_section][\/dfd_tta_tabs][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Use the customized contact form styles to display on the site.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[25,23,22,30,33],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11832"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=11832"}],"version-history":[{"count":11,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11832\/revisions"}],"predecessor-version":[{"id":12872,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/11832\/revisions\/12872"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=11832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=11832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=11832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}