Skip to main content

How to Create a Custom Search Results Page in Divi 5 Using Theme Builder

Learn how to create a custom search results page in Divi 5 using Theme Builder for an improved user experience and site design consistency.

Updated today

A custom search results page keeps your site's design consistent and gives visitors a better way to find content. Divi's Theme Builder lets you build one from scratch - full control over layout, styling, and functionality, no code required.

Create the Search Results Theme Builder Template

  1. From your WordPress Dashboard, go to Divi → Theme Builder.

  2. Create a new Template by clicking the Add New Template button.

    Divi 5 - Create a new Theme Builder Template

  3. Choose Build New Template.

  4. Assign it to Search Results.

    Divi 5 - Assign the template to Search Results Page

  5. Add the Custom Body by clicking on Add Custom Body → Build Custom Body.

Build the Search Results template's layout

  1. Add the Heading module in the First Section.

  2. In the Heading module settings, under the Content Tab → Heading, click on the Dynamic Content icon.

  3. Select Post/Archive Title from the dropdown list.

    Divi 5 - Add the Heading Module and display the Post/Archive Title

  4. Add the Blog module to the layout and:

    • In the Blog module's Content Tab, enable the option Posts For Current Page

    Divi 5 - Add the Blog Module and display Posts for Current Page

  5. Save all changes by expanding the Visual Builder's settings and clicking on the Save button or by pressing CTRL+S (for Windows/Linux) or CMD+S (for Mac)

  6. Click the top right Exit button to exit the Visual Builder.

  7. Click on the Save Changes button to save the new Search Results template.

    Divi 5 - Save Theme Builder changes

⚠︎ Note: The above template will be used when returning search results that include Pages and/or Posts. This will not include other custom post types, such as Products or Projects.

Did this answer your question?