Search Form Widget

Estimated reading: 2 minutes 58 views

Summary: 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.

The Search Form (Jobus) 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.

Purpose

Use this widget to:

  • Provide an interactive search option for jobs, companies, or candidates.
  • Improve site navigation and make it easier for users to discover relevant opportunities.
  • Integrate a clean, responsive search form into your page layout.

Common Use Case:
Place the Search Form (Jobus) widget at the top of a Job Listings, Company Directory, or Candidates page to help users search efficiently.

How to Use

  • Add the Widge
    • In the Elementor editor, search for “Search Form (Jobus)” in the widget panel.
    • Drag and drop it into your desired section on the page.
  • Customize Search Filters
    • In the Elementor sidebar, you can add attributes such as:
      • Location
      • Job Type
      • Category
      • Experience Level, and more.

These filters help refine search results and improve user accuracy.

  • Configure Search Options
    • Choose what the search form should target:
      • Jobs
      • Companies
      • Candidates

Set this under the “Search Level” option to define the form’s behavior.

  • Edit Button and Labels
    • Customize the button label (e.g., “Search Jobs”, “Find Companies”, “Explore Candidates”).
    • Adjust input field labels and placeholders for clarity and consistency with your site’s tone.
  • Enable Keyword Search
    • Activate the keyword search option to allow users to search by specific job titles, skills, or company names.
  • Styling and Layout
    • Use Elementor’s styling tools to:
      • Adjust spacing, borders, and colors.
      • Style the button and input fields for better visual integration.
      • Ensure the form remains fully responsive across devices.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Search Form Widget

Or copy link

CONTENTS