How to create a product filter Interaction


Most of the time, visitors know exactly what they’re looking for, so why not give them the chance to go directly there, as soon as they land on your website? You can do this by creating an Overlay that is triggered on load, on the landing pages (like category or homepage).

Here is how you can do it:

Step 1. Go to ‘Overlay’ on the left side menu.

omniconvert overlay menu

Step 2. Create an Overlay.

create overlay

Step 3. Filter the available templates by selecting ‘Personalization’ and choose a template from the list (or, create your custom personalized one).

overlay templates personalization

Step 4. Choose the ‘On Load’ trigger.

experiment trigger on load

Step 5.  Now you must enter the link towards the pages you chose (example: the pages with the size filter active).  Example:

experiment url redirects

Step 6. Choose your ‘Audience’ and enter the URL of the page(s) where you want to trigger the experiment at ‘Manage the pages where you want to run this experiment’.

experiment audience manage pages

Step 7. Create or select a segment.

experiment create select segment

Step 8. Then, this window will appear:

create new select existing segment

Step 9. Set up the device type segmentation and the desired frequency.

device frequency segmentation

Step 10.  Allocate traffic.

experiment traffic

Step 11.  Set up goals.

experiment goals

***When you click on the red button, this window will show up:

experiment new goal

Step 12.  Schedule and publish.

publish live experiment

***Here is a preview of how it will look on your website:

experiment final look product filter

That’s all. Enjoy your conversions.

DON’T FORGET: After each time you publish or update an experiment, you have to wait 3-4 minutes until it will be visible on your website. If you want to see the changes live instantly, install the OmniTool extension that helps bypass the cache system which generates the delay. You can download OmniTool here.

Shopping Basket