Version 4 Documentation

Using Elementor and SearchWP

Note: This documentation is for SearchWP 4
SearchWP 3.x: Integration with Elementor

Table of Contents

Elementor is an amazingly popular WordPress site builder used by millions of websites.

Screenshot of Elementor website

Elementor not only allows you to visually structure and build your entire website, it allows you to use all of its tools to customize your search results template as well!

Even better: SearchWP automatically integrates with Elementors’s search results templates! ?

Note: You should use Elementor’s Search Form Module for search forms

Set up Elementor Search Results Template

Elementor has a Theme Builder built in, allowing you to quickly set up a custom Search Results template.

You can either use the Theme Builder to build your results template, or click Add New Search Results on the Search Results tab of the Theme Builder page.

This article will focus on setting up a Search Results template in the Theme Builder.

Instructions for the Search Results tab of the Theme Builder page can be found here:

Screenshot of Elementor Theme Builder button

You can then choose Search Results:

Screenshot of Elementor Template type picker

You can then begin customizing your Search Results Template using all of the familiar Elementor Widgets.

Important: Use the Archive Posts Widget to display SearchWP’s results.

Screenshot of Elementor Archive Posts Widget

Once you are done editing you can Publish your template, making sure that it is set to Include Search Results:

Screenshot of Elementor Template Conditions

Customize Engine used

By default SearchWP will use its default Engine to perform the search. If you’d like to use a supplemental Engine instead you can use this hook:

All hooks should be added to your custom SearchWP Customizations Plugin.

// Customize SearchWP Engine used.
add_filter( 'searchwp\native\args', function( $args, $query ) {
$args['engine'] = 'supplemental';
return $args;
}, 15, 2 );