Custom Search Results Page in Elementor with Spexo Site Builder
This guide will walk you through the process of creating a custom Search Results template using the Site Builder module in Spexo Addons.
With Spexo Addons, you can create tailored layouts for different parts of your WordPress site — including search results, archives, single posts, products, headers, footers, and more — all without writing any code. This helps you maintain consistent branding and an enhanced user experience throughout your site.
For detailed information on the Site Builder module, please refer to the documentation.
How To Build A Custom Search Results Layout #
Follow these simple steps to design your search results page using the Site Builder.
1. Access Site Builder
Navigate to your WordPress Dashboard:
Spexo Addons → Site Builder
2. Create a New Search Results Template
- Click on the Search Results Page tab.
- Then click the Create Search Result Page Template button.
3. Name Your Template
A popup will appear asking for a name.
Enter a meaningful name like “Search Results Page” and click Create Template.
Set Display Conditions for Search Results Template #
You can create multiple templates for different purposes. Display conditions ensure that each layout is applied exactly where it’s needed.
4. Choose Where the Template Will Display
Once the template is created, the Display Conditions popup will appear.
Choose to apply the template specifically to search results pages, then click Save Conditions.
Want to learn more about how display settings work? Check out our Site Builder Display Settings documentation.
Design Your Search Results Layout #
After saving the display conditions, the editor will automatically open.
5. Use Widgets to Build Your Layout
Drag and drop the available widgets to design your search results layout.
Arrange and style them as needed to match your site’s branding and visual preferences.
6. Publish Your Template
Once your layout is ready, click the Publish button to save and activate your custom search results page.
Search Results Page Layout – Example #
Design a custom search results page using Site Builder to match your site’s branding and improve the user experience.
See this search on the Cosmetic Prebuilt Website for a live example of the layout in action.
How to Edit an Existing Search Results Template #
Need to update your existing search layout? Here’s how:
✓ Steps –
- Go to Spexo Addons → Site Builder and click the Search Results Page tab.
- Hover over the template you want to edit, then click Edit Template to make changes.
From there, you can easily modify the design, adjust widgets, and republish.
If you need assistance at any step, feel free to contact our support team — we’re always here to help you build better with Spexo Addons.
Navigation:
