{"id":11832,"date":"2017-01-06T14:54:10","date_gmt":"2017-01-06T14:54:10","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=11832"},"modified":"2017-08-31T09:25:16","modified_gmt":"2017-08-31T09:25:16","slug":"contact-form","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/wpbackery\/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.[\/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-13039\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/general.png\" alt=\"\" width=\"978\" height=\"555\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/general.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/general-300x170.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/general-768x436.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.\n<ul>\n<li><strong>Bordered<\/strong> &#8211; each contact form fields are 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<\/li>\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<li><strong>Animation<\/strong> \u2013 choose between 14 preset animation effects.<\/li>\n<li><strong>Custom CSS class<\/strong>\u00a0\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\u00a0<strong>custom-style\u00a0<\/strong>class and then go to\u00a0<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>\u00a0<del>Custom CSS<\/del>\u00a0field 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 size-full wp-image-13742\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/border.png\" alt=\"\" width=\"978\" height=\"514\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/border.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/border-300x158.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/border-768x404.png 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.<\/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 #e8e8e8.<\/li>\n<\/ul>\n<h5>Text settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13743\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/text-settings.png\" alt=\"\" width=\"978\" height=\"697\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/text-settings.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/text-settings-300x214.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/text-settings-768x547.png 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 #565656.<\/li>\n<li><strong>Font-size<\/strong> &#8211;\u00a0set the font size for the content text.<\/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>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 text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Placeholder settings<\/h5>\n<ul>\n<li><strong>Custom font family for placeholder text<\/strong> &#8211; set it to\u00a0<strong>Enable\u00a0<\/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) for the text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"wpb_vc_param_value \">Placeholder text settings<\/h5>\n<ul>\n<li><strong>Font-size<\/strong> &#8211;\u00a0set the font size for the placeholder text.<\/li>\n<li><strong>Color<\/strong> &#8211;\u00a0\u00a0select the color of the\u00a0placeholder text.<\/li>\n<\/ul>\n<h5>Label settings<\/h5>\n<ul>\n<li><strong>Font size<\/strong>\u00a0\u2013 set the font size you need to use in the label text.<\/li>\n<li><strong>Letter spacing<\/strong>\u00a0\u2013 set the needed distance between letters.<\/li>\n<li><strong>Color<\/strong>\u00a0\u2013 set the color of the font.<\/li>\n<\/ul>\n<h5>Other settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13744\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/other.png\" alt=\"\" width=\"978\" height=\"357\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/other.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/other-300x110.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/other-768x280.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Textarea height <\/strong>\u00a0&#8211; define the height of the text area.<\/li>\n<li><strong>Vertical margins between inputs<\/strong> &#8211; define the height of the margins between the inputs in vertical respective.<\/li>\n<li><strong>Horizontal margins between inputs<\/strong> &#8211;\u00a0define the height of the margins between the inputs in horizontal\u00a0respective.<\/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 size-full wp-image-13044\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/button.png\" alt=\"\" width=\"978\" height=\"730\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/button.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/button-300x224.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/button-768x573.png 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>\u00a0<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 color on hover<\/strong>\u00a0&#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>Border radius<\/strong> &#8211;\u00a0\u00a0set the border radius for the button to have rounded corners.<\/li>\n<li><strong>Button 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<li><strong>Button background on hover<\/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>Button text color<\/strong> &#8211; select the color of the text to be displayed in the button. The settings are inherited from\u00a0inherited from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del><del class=\"support-arrow-right\">Default button options<\/del>\u00a0<del>Default Button Typography<\/del>\u00a0section.<\/li>\n<li><strong>Button text color on hover <\/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 text<\/strong>\u00a0&#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\">Google reCaptcha<\/a> page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13045\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/recaptcha.png\" alt=\"\" width=\"978\" height=\"336\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/recaptcha.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/recaptcha-300x103.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/recaptcha-768x264.png 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 size-full wp-image-13048\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/field-editor.png\" alt=\"\" width=\"978\" height=\"649\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/field-editor.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/field-editor-300x199.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/field-editor-768x510.png 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.<\/li>\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<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 size-full wp-image-13049\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/received-email-from.png\" alt=\"\" width=\"978\" height=\"220\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/received-email-from.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/received-email-from-300x67.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/received-email-from-768x173.png 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 size-full wp-image-13050\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/message-text.png\" alt=\"\" width=\"978\" height=\"534\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/message-text.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/message-text-300x164.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/01\/message-text-768x419.png 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:\/\/rnbtheme.com\/documentation\/knowledge-base\/contact-form-mail-tags\" target=\"_blank\" rel=\"noopener\">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:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/11832"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=11832"}],"version-history":[{"count":16,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/11832\/revisions"}],"predecessor-version":[{"id":14082,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/11832\/revisions\/14082"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=11832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=11832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=11832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}