{"title":"Phlox Contact Form","id":36489,"link":"https:\/\/env.averta.net\/en\/step\/phlox-contact-form\/","parent":[37224,35059],"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-36492 size-full alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/contact-form-preview-e1478597826624.png\" width=\"258\" height=\"450\" \/>Phlox <strong>Contact Form Widget<\/strong>, allows you to create a contact form and add it to the sidebar, or to any post and page you want. This form gives your visitors an opportunity to contact you by sending a message.<\/p>\n<p>Follow below steps to add <strong>Phlox Contact Form<\/strong> to a widget area or in a page content:<\/p>\n<ol>\n<li>Go to your <strong>WordPress admin panel<\/strong><\/li>\n<li>Click <b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Then click?<strong>Widgets<\/strong><\/li>\n<li>Find <strong>[Phlox]?Contact Form<\/strong>?among the available widgets and add it to your desired <strong><a href=\"https:\/\/env.averta.net\/en\/step\/adding-widgets-to-different-widget-areas\/?b=36406,36406\" title=\"Adding Widgets to Different Widget Areas\">Widget Area<\/a><\/strong>.<\/li>\n<\/ol>\n<div style=\"clear: both;\"><\/div>\n<h3>Video Tutorial<\/h3>\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%;\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" style=\"position: absolute; width: 100%; height: 100%; left: 0; display: block;\" src=\"https:\/\/www.youtube.com\/embed\/gveFqSpfcQQ?rel=0\" frameborder=\"0\" encrypted-media=\"\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">?<\/span><\/iframe><\/div>\n<hr style=\"clear: both;\" \/>\n<h3>Access Contact Form Options in Elementor Page Builder<\/h3>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the <b>Pages?<\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click the <b>Add New<\/b><\/li>\n<li>Navigate to the top left hand of the WordPress text-box and find?<strong><a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-elementor-page-builder\/?b=55475,55475\" title=\"Getting Started with Elementor Page Builder\">Edit with Elementor<\/a>?<\/strong>button.<\/li>\n<li>Check out?<strong>Elements<\/strong><\/li>\n<li>Scroll down to?<strong>PHLOX &#8211; General?<\/strong>section<\/li>\n<li>Choose?<strong>Contact Form<\/strong><\/li>\n<\/ol>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/contact-form-content-elementor.gif\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-55802 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/contact-form-content-elementor.gif\" alt=\"\" width=\"276\" height=\"366\" \/><\/a>After you add contact form element to your post or page, you are able to customize it by available options:<\/p>\n<h4>Contact<\/h4>\n<p>Contact form has two types:<\/p>\n<p><strong>Phlox Contact Form?<\/strong>and?<strong>Contact Form 7 plugin<\/strong><\/p>\n<p>Phlox Contact Form is a premade form and you only need to add your?<strong>Email<\/strong> address of recipient. But If you want to use Contact Form 7, you need to create your form on the plugin, then put the shortcode of that on the contact form element.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>Check out <a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-elementor-page-builder\/?b=55475,55475\" title=\"Getting Started with Elementor Page Builder\">this article<\/a> to know more about Advanced tab and start working with Elementor.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3>Access Contact Form Options in SiteOrigin Page Builder<\/h3>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Pages?<\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click?<b>Add New<\/b><\/li>\n<li>Navigate to the top right hand of the WordPress editor and find <strong><a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-siteorigin-page-builder\/?b=36079,36079\" title=\"Getting Started with SiteOrigin Page Builder\">Page Builder<\/a><\/strong>, beside text tab<\/li>\n<li>Click?<strong>Add Widget<\/strong><\/li>\n<li>Choose?<strong>Phlox?<\/strong>and choose?<strong>[Phlox]?Contact Form<\/strong><\/li>\n<li>Click <strong>Edit?<\/strong>on the right side of the widget on?<strong>Page Builder<\/strong><\/li>\n<\/ol>\n<p>After you add contact form element to your post or page, you are able to customize it by available options:<\/p>\n<h4><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-36490 size-full alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/contact-form-widgety-e1478597871207.png\" width=\"428\" height=\"448\" \/>Title<\/h4>\n<p>You can add a title for the contact form.<\/p>\n<h4>Email<\/h4>\n<p>In this section, you can write your email address.<\/p>\n<h4>Contact Form Type<\/h4>\n<p>can be Phlox contact form or any other plugin you have installed.<\/p>\n<h4>Extra Class Name<\/h4>\n<p>Customize the contact form by adding the class name of your defined?CSS style.<\/p>\n","type":"solution"}