Back to contents

JetSmartFilters: How to Set Up a Redirect Path to Filter Results Page

From this tutorial, you will learn how to use the redirect path to filter the content on the one page and see already filtered results on the other one.

Use an amazing option from JetSmartFilters plugin that allows you to add a redirect path to filter the results page. Now you’ll be able to filter your content, click on the Apply Button and redirect to the page with already filtered results. Moreover, filters on the results page will show what you’ve chosen on the previous page. So, let’s start!

Preparations

Firstly, you need to create two pages. The first one will be a search page where you’ll add filters.

JetSmartFilters Search page

The second page will be a result page. This page should contain the same filters.

JetSmartFilters Result page
ATTENTION! Note, that you can apply the Redirect option to any widgets that can be filtered by the JetSmartFilters plugin. For example, your WooCommerce products using the JetWooBuilder plugin widgets, such as Products Grid or Products List. Or, you can apply it to your Custom Post Types displayed via Listing Grid widget.

Adding a redirect path

1 Step — Adding the Apply Button widget

After you’ve added all the content you will need to your first page (for me it will be the “Search page”), you need to drag-n-drop the Apply Button widget to the needed section.

Add the Apply Button

2 Step — Enable the Redirect option

The next step is to apply the Apply Button widget to the Products Grid, as we’re going to filter the Products. Then, enable the Apply Redirect option. After that, you’ll need to copy the link from the second result page you’ve created before and paste it to the Redirect Path field in the Apply Button widget settings.

Redirect page
ATTENTION! Please note, that the link you’ve pasted to the Redirect Path field should be the link from the frontend!

Don’t forget to save the changes.

3 Step — Check how it works

The last step here is to open your first page on the frontend, choose the needed filter options and click on the Apply Button to use filters. After that, you’ll be redirected to the second page with results.

Redirect filter in action

So, now you know how to add the redirect path to the filter results page easily with the help of the JetSmartFilters plugin!