How do I add a Parts/Product Finder?



Overview

A parts/product finder is an awesome navigational tool that allows users to quickly narrow down products using a selection of drop-down boxes.

How it works

Traditionally, finding a part for a specific make, model and year of a car can be a cumbersomb experience. The Parts/Product Finder is here to fix that!

In the example of car auto parts, you might offer 3 unique drop-downs:

  • Make
  • Model
  • Year

When the customer chooses a make, the model field auto-populates with the models related to the chosen make. The year drop down will work in the same way - when a model is chosen, the year field auto-populates with the years related to the model.

After a choice is made for the final drop-down (e.g. the year), the user is redirected to a search results page, showing the products relevant to their choice.

Preparing your data

Parts/Product finders involve a complex data set. As such, we recommend setting up the data on your behalf. Please let us know if you would like a quote on setting this up.

The content for the product finder is hierarchical in nature. In the below example, Holden is the top-level content, Commodore is a child of Holden as a second-level piece of content, and 2016 is a child underneath Commodore as third-level content.

When using the product finder on the website, this hierarchical structure ensures that when choosing a manufacturer (e.g. Holden), only the models that are direct children will be shown (e.g. Commodore, Barina, etc.)

Holden > Commodore > 2016

Each level has its own drop-down box, and you can have as many levels as you like for your parts/product finder (although we would recommend making it as concise as possible, for the sake of usability).

There’s usually a lot of data involved with a product finder, so be sure to set some time aside to create the spreadsheet for the import process.

The Design

Once your data is set up some design work is required to add the product finder to your Neto site.

You can either contact us for a quote to install this for you, or follow this tutorial to add the code yourself (this second option requires FTP access. If you don;t already have SFTP access, you can request it here.

Alternative layouts can be quoted for by the design team if required, for example you might want to emphasise the product finder by placing it inside a large banner section on your home page, or have the finder fixed to the top of the page when scrolling, so that it’s always visible.


  • Last Modified: 18/11/2016