Integrating Product Filter & Search to GemPages for your Collection Page

This article will walk you through how to add the Product Filter & Search search bar for your Collection page on GemPages.

Shopify by default offers a limited filtering system, supported only by tags and a simple search function. This creates difficulties for merchants to organize their stores, and for shoppers to find the product they want as well. However, the barrier can easily be lifted by using a third-party application like Product Filter & Search.

Configure Product Filter & Search

Step 1: Install the Product Filter & Search app from the Shopify App Store


Step 2: Access the app, select "Tool" from the menu and choose the "Integration" category. Go to the Page Builder tab. When you find GemPages, enable the integration by toggling the switch and choosing "Run theme integration".

Check out the video below for the whole integration process!


Add Product Filter & Search To GemPages' Editor

Step 1: Access the Library at the top of the Editor page, then go to the Elements tab and search for Product Filter & Search.


Step 2: Click on the Product Filter & Search element, then choose "Add element".



Step 3: Drag and drop the element to the desired position on your pages.


Note: Please be noted that Product Filter & Search works solely on Collection pages. 

Exclusive Offer for GemPages Users

Get 15% off with code: Boost-Gempages

For first-time users, enjoy a lifetime of 15% discount on all plans, exclusively until Jun 30, 2021. To claim the offer, please follow the steps illustrated in the video or the guide below!



Note: You must integrate GemPages with Product Filter & Search to enable this discount code.

Step 1: Go to the Product Filter & Search dashboard in Shopify Admin.

Step 2: Copy the URL {} and paste it into the new Tab on the same Browser.

Step 3: Replace {} with your Shopify domain. For example the Shopify domain in this video: {}

Step 4: Copy and paste the discount code above into the Discount code box then click 'OK'.

Step 5: Now the discount code will be applied, you could select the suitable plan for your needs by clicking "Choose this plan".


We all know that happy shoppers spend more! With Product Filter & Search - a simple tool for seamless search and navigation, you can remarkably improve your customers’ shopping experience and consequently increase your sales.


Need more help? Feel free to reach out to our dedicated Customer Support Team for further assistance. 

Was this helpful?