{"id":8713,"date":"2023-09-06T15:20:39","date_gmt":"2023-09-06T09:20:39","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/eazydocs-wordpress-plugin\/elementor-widgets\/how-to-add-a-search-bar-to-any-page\/"},"modified":"2026-01-23T12:06:15","modified_gmt":"2026-01-23T12:06:15","slug":"eazydocs-search-bar","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/eazydocs-wordpress-plugin\/elementor-widgets\/search-widget\/eazydocs-search-bar\/","title":{"rendered":"How to Add an EazyDocs Search Bar to Any Knowledge Base Page?"},"content":{"rendered":"\n<p>A functional search bar is a must-have feature for any content-heavy website. It allows users to quickly and easily find the information they are looking for, without having to scroll through pages of content. <\/p>\n\n\n\n<p><a href=\"https:\/\/eazydocs.spider-themes.net\/glossary-knowledge-base\/\" data-type=\"link\" data-id=\"https:\/\/eazydocs.spider-themes.net\/glossary-knowledge-base\/\" target=\"_blank\" rel=\"noreferrer noopener\">EazyDocs<\/a> makes it easy to add a functional live search bar to your website, without the need for any additional plugins.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Add an EazyDocs Search Bar to Any Knowledge  Base Page\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/3AB7fHeiCtw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add a Search Bar to Any Knowledge Base Page?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Head to your WordPress dashboard.<\/li>\n\n\n\n<li>Navigate to &#8220;[direction] Pages &gt; All Pages [\/direction]&#8221; and either:\n<ul class=\"wp-block-list\">\n<li>Create a new page for your knowledge base.<\/li>\n\n\n\n<li>Click &#8220;Edit with Elementor&#8221; to transform an existing page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8147d53ba5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8147d53ba5\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1887\" height=\"952\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Creating-a-new-Elementor-Page-for-Documentation.webp\" alt=\"Creating a new Elementor Page for Documentation\" class=\"wp-image-8703\" srcset=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Creating-a-new-Elementor-Page-for-Documentation.webp 1887w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Creating-a-new-Elementor-Page-for-Documentation-300x151.webp 300w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Creating-a-new-Elementor-Page-for-Documentation-1024x517.webp 1024w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Creating-a-new-Elementor-Page-for-Documentation-768x387.webp 768w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Creating-a-new-Elementor-Page-for-Documentation-1536x775.webp 1536w\" sizes=\"(max-width: 1887px) 100vw, 1887px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: <\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Elementor editor,&nbsp;search for the &#8220;EazyDocs Search&#8221; widget.<\/li>\n\n\n\n<li>Drag and drop it onto your page,&nbsp;bringing search magic to your content.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8147d541af&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8147d541af\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1920\" height=\"1036\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/EazyDocs-Search-Widget.webp\" alt=\"EazyDocs Search Widget\" class=\"wp-image-8717\" srcset=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/EazyDocs-Search-Widget.webp 1920w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/EazyDocs-Search-Widget-300x162.webp 300w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/EazyDocs-Search-Widget-1024x553.webp 1024w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/EazyDocs-Search-Widget-768x414.webp 768w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/EazyDocs-Search-Widget-1536x829.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Drag and drop the search bar where you want it on your page.<\/li>\n\n\n\n<li>In the &#8220;Content&#8221; tab,&nbsp;personalize the experience:\n<ul class=\"wp-block-list\">\n<li>Add placeholder text to guide users.<\/li>\n\n\n\n<li>Choose an icon to make the search bar stand out.<\/li>\n\n\n\n<li>Set preset focus keywords for relevant results.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Feeling creative?&nbsp;Customize margins,&nbsp;padding,&nbsp;typography,&nbsp;background,&nbsp;and border colors to match your brand.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e8147d549b2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e8147d549b2\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1920\" height=\"1056\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Using-EazyDocs-Search-Widget.webp\" alt=\"Using EazyDocs Search Widget\" class=\"wp-image-8720\" srcset=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Using-EazyDocs-Search-Widget.webp 1920w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Using-EazyDocs-Search-Widget-300x165.webp 300w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Using-EazyDocs-Search-Widget-1024x563.webp 1024w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Using-EazyDocs-Search-Widget-768x422.webp 768w, https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2023\/09\/Using-EazyDocs-Search-Widget-1536x845.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Once you&#8217;re happy with your search bar,&nbsp;hit &#8220;Publish&#8221; or &#8220;Update&#8221; to share the power of knowledge with your audience.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Adding a powerful search bar to your knowledge base is easy with EazyDocs. Follow simple steps in Elementor to add, customize, and publish a search bar, ensuring your users can quickly find the information they need.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":8854,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-8713","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/8713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=8713"}],"version-history":[{"count":1,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/8713\/revisions"}],"predecessor-version":[{"id":18103,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/8713\/revisions\/18103"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/8854"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=8713"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=8713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}