How to Add Custom CSS & HTML to Search Results Page in SearchGro

Oct 13, 2025

With the SearchGro app for Shopify, you can use custom HTML and CSS for advanced customization of the Search Results Page, allowing you to create layouts and styles that perfectly match your brand.

Steps to Add Custom Code to the Search Results Page:

  1. Navigate to the Search Tab in the left-hand menu of the SearchGro App Dashboard.
  2. Click on the Search Results Page.
  3. Find the Custom HTML & CSS tab.

In this section, you will find text areas where you can add your custom HTML and CSS to customize your search results page.

  • Custom HTML: Add your custom HTML content here. For example, the default "No Products Found" HTML content is shown.
  • Custom CSS: Add your personalized CSS rules here to style the search results page.

Always remember to click Save after adding custom HTML or CSS to apply your changes to the Search Results Page..

Need help?

Click “Help Me” and our chatbot will appear. You can then ask questions or request assistance in real time.

For email support, feel free to reach out to us at support@simprosys.com

Previous article

Previous-Arrow

Next article

Next-Arrow

SearchGro: Search & Filter

Raise a Ticket Icon

Can't find what you're looking for?

Raise a Ticket
Support Icon

Further assistance contact us at

support@simprosys.com