Search Query

Introduction

The Search Query Widget in Elementor displays dynamic search results, offering users an easy way to find content and customize the layout to fit your site’s design.

Key Use Cases for the Search Query Widget:

• Display dynamic search results for seamless user experience.
• Customize search result layout to match your site’s design.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Search Query Widget?

• Go to Animation Addons → Elements in your WordPress dashboard.
• Find the Search Query widget in the list.
• Toggle it on to enable the widget.
• Now, the Search Query widget is ready to use!

How to Add Search Query Widget in Elementor

1. Open the page where you want to add the Search Query Widget.
2. Launch the Elementor editor.
3. In the Elementor panel, search for “Search Query Widget.”
4. Drag the widget to your desired section.
5. The Search Query widget is now ready for customization!

How to Configure Search Query Widget

Enable it, create a new page, set a title, choose the Elementor Full Width template, and publish. Adjust options as needed.

After selection, the Elementor panel appears with all tools and customization options.

Click the “+” icon to add a container, then select the appropriate column structure and layout.

Here’s the interface where you can configure the settings and customize the Event Slider Widget across various tabs. 

Configuring Search Query Widget : A Step-by-Step Guide

Once the Search Query Widget is added to your page, you can configure its settings under different tabs: Content,Style and Advanced.

Content Settings

Only one customization option is available in the content section. I made a slight change by setting the alignment—that’s it.

Style Settings

I also made some slight changes in the style section, just like in the content section!

You can also explore and experiment with all the customization options yourself to see how each change affects the appearance.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Outcome

That’s it! You’ve successfully learned how to configure the Search Query widget in Elementor to create a seamless and customizable search experience for your website.

For any further assistance or inquiries, feel free to contact our support team!