{"title":"Phlox Search","id":36654,"link":"https:\/\/env.averta.net\/en\/step\/phlox-search\/","parent":[37224,35059],"content":"<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/search.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36655 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/search.png\" alt=\"search\" width=\"300\" height=\"365\" \/><\/a><strong>Phlox<\/strong> <strong>Search Widget<\/strong> adds a search box to any widget area you choose. ?Besides, you can add this widget between the content of your posts and pages with page builder. The visitors can search through your past posts and pages by using this search box.<\/p>\n<p>Follow below steps to add <strong>Phlox Search<\/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 on the <b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Then click on the <strong>Widgets<\/strong><\/li>\n<li>Find <strong>[Phlox] Search?<\/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<h3>2- In 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 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?the?<strong>Add Widget<\/strong><\/li>\n<li>Click the?<strong>Phlox?<\/strong>and choose?<strong>[Phlox]?Search<\/strong><\/li>\n<li>Click the?<strong>Edit?<\/strong>on the right side of the widget on?<strong>Page Builder<\/strong><\/li>\n<\/ol>\n<hr style=\"clear: both;\" \/>\n<h3>Search Box Options<\/h3>\n<h4><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/search-widget.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36656 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/search-widget.png\" alt=\"search-widget\" width=\"429\" height=\"275\" \/><\/a>Title<\/h4>\n<p>Adding a title for the widgets is not a must, but you can do this by filling out the title field.<\/p>\n<h4>Extra Class Name<\/h4>\n<p>By adding a class name of the style you have written in your CSS file, you can change the style of search widget.<\/p>\n","type":"solution"}