{"id":16983,"date":"2025-11-11T13:28:35","date_gmt":"2025-11-11T07:28:35","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/jobus-wordpress-plugin\/elementor-widgets\/search-form-widget\/"},"modified":"2025-11-11T13:28:35","modified_gmt":"2025-11-11T07:28:35","slug":"search-form-widget","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/jobus-wordpress-plugin\/elementor-widgets\/search-form-widget\/","title":{"rendered":"Search Form Widget"},"content":{"rendered":"\n<p>The <strong>Search Form (Jobus)<\/strong> widget allows you to add a fully customizable search bar for jobs, companies, or candidates directly onto any page. This widget enhances user experience by enabling visitors to quickly find relevant listings using keywords and filters.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Purpose<\/strong><\/h3>\n\n\n\n<p>Use this widget to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provide an interactive search option for jobs, companies, or candidates.<\/li>\n\n\n\n<li>Improve site navigation and make it easier for users to discover relevant opportunities.<\/li>\n\n\n\n<li>Integrate a clean, responsive search form into your page layout.<\/li>\n<\/ul>\n\n\n\n<p><strong>Common Use Case:<br><\/strong>Place the <strong>Search Form (Jobus)<\/strong> widget at the top of a <em>Job Listings<\/em>, <em>Company Directory<\/em>, or <em>Candidates<\/em> page to help users search efficiently.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How to Use<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add the Widge<\/strong>\n<ul class=\"wp-block-list\">\n<li>In the Elementor editor, search for <strong>\u201cSearch Form (Jobus)\u201d<\/strong> in the widget panel.<\/li>\n\n\n\n<li>Drag and drop it into your desired section on the page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Customize Search Filters<\/strong>\n<ul class=\"wp-block-list\">\n<li>In the Elementor sidebar, you can <strong>add attributes<\/strong> such as:\n<ul class=\"wp-block-list\">\n<li><strong>Location<\/strong><\/li>\n\n\n\n<li><strong>Job Type<\/strong><\/li>\n\n\n\n<li><strong>Category<\/strong><\/li>\n\n\n\n<li><strong>Experience Level<\/strong>, and more.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>These filters help refine search results and improve user accuracy.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Configure Search Options<\/strong>\n<ul class=\"wp-block-list\">\n<li>Choose what the search form should target:\n<ul class=\"wp-block-list\">\n<li><strong>Jobs<\/strong><\/li>\n\n\n\n<li><strong>Companies<\/strong><\/li>\n\n\n\n<li><strong>Candidates<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Set this under the <strong>\u201cSearch Level\u201d<\/strong> option to define the form\u2019s behavior.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit Button and Labels<\/strong>\n<ul class=\"wp-block-list\">\n<li>Customize the <strong>button label<\/strong> (e.g., \u201cSearch Jobs\u201d, \u201cFind Companies\u201d, \u201cExplore Candidates\u201d).<\/li>\n\n\n\n<li>Adjust input field labels and placeholders for clarity and consistency with your site\u2019s tone.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Enable Keyword Search<\/strong>\n<ul class=\"wp-block-list\">\n<li>Activate the <strong>keyword search<\/strong> option to allow users to search by specific job titles, skills, or company names.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Styling and Layout<\/strong>\n<ul class=\"wp-block-list\">\n<li>Use Elementor\u2019s styling tools to:\n<ul class=\"wp-block-list\">\n<li>Adjust spacing, borders, and colors.<\/li>\n\n\n\n<li>Style the button and input fields for better visual integration.<\/li>\n\n\n\n<li>Ensure the form remains fully responsive across devices.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Search Form (Jobus) widget lets you add a customizable search bar for jobs, companies, or candidates, streamlining user experience. Easily integrate features such as filters, keywords, and style options for a responsive form. Place it prominently to boost navigation and discoverability instantly.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":16524,"menu_order":10,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-16983","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/16983","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=16983"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/16983\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/16524"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=16983"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=16983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}