{"id":4952,"date":"2022-01-20T15:50:38","date_gmt":"2022-01-20T09:50:38","guid":{"rendered":"https:\/\/betterdocs.co\/?post_type=docs&p=4952"},"modified":"2026-06-16T12:54:35","modified_gmt":"2026-06-16T06:54:35","password":"","slug":"betterdocs-advanced-search-elementor","status":"publish","type":"docs","link":"https:\/\/betterdocs.co\/it\/docs\/betterdocs-advanced-search-elementor\/","title":{"rendered":"How To Configure BetterDocs Advanced Search In Elementor?"},"content":{"rendered":"

BetterDocs Pro<\/b><\/a> allows you to make your knowledgebase search panel more advanced with the popular or category-wise searches in Elementor to help your site visitors more. Follow this step by step guideline below to <\/span>configure BetterDocs Advanced Search <\/b>in Elementor:<\/span><\/p>\n

Nota: <\/i><\/b>If you want to configure this <\/span><\/i>BetterDocs Doc Search Form<\/i><\/b> advanced search features in Elementor, then make sure you have <\/span><\/i>installed and activated<\/i><\/b> BetterDocs Pro<\/i><\/b><\/a> on your WordPress site.<\/span><\/i><\/p>\n

Step 1: Configure BetterDocs Doc Search Form In Elementor<\/b><\/h2>\n

First, navigate to your <\/span>Elementor Editor <\/b>and open up your doc page to<\/span> configure BetterDocs<\/span> Modulo di ricerca documenti<\/b>.\u00a0<\/span><\/p>\n

Afterward, just look for BetterDocs <\/span>\u2018Doc Search Form\u2019<\/b> element in your Elementor Editor <\/span>\u2018Search\u2019<\/b> panel and <\/span>drag & drop <\/b>the element in the <\/span>\u2018+\u2019<\/b> sign section.\u00a0<\/span><\/p>\n

Nota: <\/i><\/b>If you want to know in detail about creating a <\/span><\/i>doc page in Elementor with\u00a0 BetterDocs<\/i><\/a><\/strong>, just go through the link.\u00a0<\/span><\/i><\/p>\n

\"BetterDocs<\/a><\/p>\n

From BetterDocs Doc Search Form, you will get three advanced search options<\/span> \u2018Enable Category Search\u2019, \u2018Enable Search Button\u2019 <\/b>&<\/span> \u2018Enable Popular Search\u2019<\/b>.<\/span>\u00a0\u00a0<\/b><\/p>\n

\"BetterDocs<\/a><\/p>\n

BetterDocs Enable Category Search<\/b> option is there to help you add a category-based advanced search in your Knowledgebase in Elementor. This will help you sort documentation with any required keywords with available categories you have created.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Dal <\/span>Enable Search Button<\/b>, you can search the knowledgebase and hit the keywords <\/span>\u2018Search Button\u2019<\/b> to get all related results.\u00a0\u00a0\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Con <\/span>Enable Popular Search<\/b>, you can showcase the most popular keywords on your BetterDocs Advanced Search panel. It can help visitors to go to your most searched documentation right away.\u00a0<\/span><\/p>\n

Nota:<\/i><\/b> This <\/span><\/i>BetterDocs Popular Search<\/i><\/b> feature is functional for a particular doc when it is <\/span><\/i>searched a minimum of five times<\/i><\/b>. Otherwise, it will not visualize any of your popular search terms in BetterDocs Doc Search Form panel.<\/span><\/i><\/p>\n

\"BetterDocs<\/a><\/p>\n

Step 3: Add Style To BetterDocs Advanced Search\u00a0<\/b><\/h2>\n

As you have fully configured your BetterDocs Doc Search Form advanced search features in Elementor, you can now <\/span>'Stile'<\/b> your doc search form the way you want.\u00a0<\/span><\/p>\n

BetterDocs Doc Search Form comes with four separate styling options <\/span>Search Box<\/b>, <\/span>Search Field<\/b>, <\/span>Search Result Box<\/b>, <\/span>Search Result List<\/b>, and<\/span> exclusive<\/span> Ricerca Avanzata<\/b> options. <\/span><\/p>\n

Search Box<\/b><\/h3>\n

A partire dal Search Box<\/strong>, you can customize your doc search panel <\/span>\u2018Background Type\u2019<\/b> into <\/span>\u2018Classic\u2019 <\/b>&<\/span> \u2018Gradient\u2019. <\/b>Accordingly make the changes with background color, fonts, add a background image, and others.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Others\u00a0<\/b><\/h3>\n

A partire dal <\/span>Search Field<\/b>, you can change the placeholder, field background, or text color, typography, field padding, margin, and border-radius. You can even change the search icon and close the size and color.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

A partire dal <\/span>Search Result Box<\/b>, you can change search results box width, background type with Classic & Gradient. And experiment with color, add a background image, border types, and more in advance.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

From this <\/span>Search Result List<\/b>, you can configure the <\/span>Normal <\/b>&<\/span> Hover <\/b>option. You can customize the<\/span> \u2018Normal\u2019<\/b> search result list typography, item color, border type, padding, doc category, and more.\u00a0<\/span><\/p>\n

Moreover, you can change <\/span>\u2018Hover\u2019<\/b> over your doc search result transition speed, item background type, color, border type, count, and more as per your preference.<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Ricerca Avanzata<\/b><\/h3>\n

A partire dal<\/span> Ricerca Avanzata<\/b>, you can style all BetterDocs Doc Search Form advanced styling options like <\/span>category search, search button, <\/b>e<\/span> popular search<\/b>.\u00a0<\/span>You can change the doc category typography and font color. Also can style the doc search <\/span>typography, font color, background color,<\/b> hover padding, and more.<\/span><\/p>\n

Besides, if you want, you can modify the <\/span>placeholder content, color, keyword typography<\/b>, background color, hover color, text color, and more in advance.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Esito finale<\/b><\/h2>\n

By following the basic steps and a bit more modifying, you can configure your <\/span>BetterDocs Advanced Search <\/b>as per your preference in Elementor.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

By using <\/span>BetterDocs Doc Search Form<\/b><\/a>, this is how you can organize an amazing knowledgebase advanced search panel for visitors to improve user experience.<\/span><\/p>\n

Getting stuck? Feel free to contact our amazing <\/span>Team di supporto<\/b><\/a> for any assistance.<\/span><\/p>","protected":false},"excerpt":{"rendered":"

BetterDocs Advanced Search allows you to create an advanced knowledgebase search panel in Elementor and encourage self-servicing more.<\/p>","protected":false},"author":8,"featured_media":4955,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"doc_category":[309],"doc_tag":[232,231,277,230],"knowledge_base":[282],"class_list":["post-4952","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-advanced-search","doc_tag-betterdocs-advanced-search","doc_tag-betterdocs-doc-search-form","doc_tag-betterdocs-knowledgebase-gutenberg","knowledge_base-wordpress"],"year_month":"2026-06","word_count":635,"total_views":"7923","reactions":{"happy":"12","normal":"2","sad":"15"},"author_info":{"name":"Afrin","author_nicename":"afrin","author_url":"https:\/\/betterdocs.co\/it\/author\/syeda-sanjida-afrin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/betterdocs.co\/it\/docs\/shopify\/configurations\/"}],"doc_tag_info":[{"term_name":"Advanced Search","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/advanced-search\/"},{"term_name":"BetterDocs Advanced Search","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs-advanced-search\/"},{"term_name":"BetterDocs Doc Search Form","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs-doc-search-form\/"},{"term_name":"BetterDocs Knowledgebase Gutenberg","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs-knowledgebase-gutenberg\/"}],"knowledge_base_info":[{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs\/wordpress\/","term_slug":"wordpress"}],"knowledge_base_slug":["wordpress"],"_links":{"self":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/4952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/users\/8"}],"version-history":[{"count":9,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/4952\/revisions"}],"predecessor-version":[{"id":17656,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/4952\/revisions\/17656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/4955"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=4952"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=4952"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=4952"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=4952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}