> For the complete documentation index, see [llms.txt](https://modernpress-io.gitbook.io/modernpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modernpress-io.gitbook.io/modernpress/widgets/search.md).

# Search

### **Introduction**

The **Search Widget** in **ModernPress** is a powerful and seamless search solution that allows users to quickly find content on your website. With advanced filtering options, users can refine their search results by **category, time frame, and content type (posts or pages).** This widget ensures a smooth and efficient search experience, making it an essential tool for blogs, business websites, and online stores.

***

**Key Features:**

\
✅ Fast & Smooth Search Experience\
✅ Search by Keyword\
✅ Filter by Category & Time Frame\
✅ Choose Between Posts or Pages\
✅ Highly Integrated & User-Friendly

***

### **Adding the Search Widget**

{% stepper %}
{% step %}
Open your WordPress Dashboard.
{% endstep %}

{% step %}
Edit a page with **Elementor**.
{% endstep %}

{% step %}
earch for **"Search"** in the **ModernPress Widgets** panel.

<figure><img src="/files/LhyVDr0m6Q2699XQpUf4" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Drag and drop the widget into your section.
{% endstep %}

{% step %}
Customize search settings, including filters and styling.

<figure><img src="/files/71NSQqmEnSVE0vlnHMga" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

### **Widget Features & Options**

#### **Search Bar**

📌 A clean, modern input field for entering search queries.

<figure><img src="/files/noh3s9IzgqNtdmsEU3ns" alt=""><figcaption></figcaption></figure>

#### **Filters**

🔍 **Category Filter** – Restrict searches to specific post categories.\
📆 **Time Frame Filter** – Search content within a custom date range.\
📄 **Content Type Filter** – Choose to search **posts, pages, or both**.

<figure><img src="/files/Az5pohWbDPsbA3IFtKRz" alt=""><figcaption></figcaption></figure>

#### **Search Results**

⚡ **Ajax-Based Search** – Get instant results without page reload.\
📝 **Highlighted Keywords** – Search terms are highlighted in results for better visibility.

<figure><img src="/files/zG2XILZ9NjXowu5hwKWs" alt=""><figcaption></figcaption></figure>

***

### **Customization Options**

#### **General Settings**

📌 **Placeholder Text** – Customize the default text inside the search bar.\
🔄 **Enable/Disable Filters** – Choose which filters (category, date, content type) to display.

#### **Style Settings**

🎨 **Search Bar Styling** – Customize border, background, and text colors.\
📏 **Typography & Spacing** – Adjust font size, padding, and margins.\
⚡ **Button Styles** – Modify the search button appearance.

#### **Advanced Features**

📱 **Mobile Optimization** – Ensures a responsive and user-friendly search experience on all devices.\
🔄 **Customizable Loading Effects** – Smooth animations for search result display.

***

### FAQs

<details>

<summary>Can I restrict the search to only pages or only posts?</summary>

Yes! You can enable the **Content Type Filter** to allow users to choose, or you can set a default option.

</details>

<details>

<summary>Can I change the placeholder text inside the search bar?</summary>

Absolutely! You can customize it under the **Content Settings** tab.

</details>

***

### **Need Help?**

For support, contact us at <support@modernpress.com>.