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.



It is sometimes referred to as fitment information, as the different category levels assist customers in finding automotive parts specifically suited to fit their vehicle.

This documentation is to provide an overview of how the product finder is implemented and to provide assistance for advanced users with web design experience. We recommend customers purchase a Product Data Setup and a Design Tweak to have this installed on their behalf.

How it works

Traditionally, finding a part for a specific make, model and year of a car can be a cumbersome 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

Please Note: Parts/Product finders involve a complex data set. As such, we recommend setting up the data on your behalf. If you would like a quote to set this up you can order a Product Data Setup.

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.

Configuration

Uploading your product finder information requires a specific Content Type to house the information. This works the same as a category tree, with different parent and sub categories to define the levels in your product finder.

To create a content type, follow the steps in our setup guide. Be sure to name it appropriately (e.g. Parts finder).

Once the content type is created you can now populate it with information. This can be done in the same manner as product categories. The only difference is that your content type will be found under the Webstore menu (e.g. Webstore > Parts Finder).

Alternatively, you can create the data for your content type and assign them to your products at the same time. Again, this process is similar to adding product categories, just substitute Product Category for your content type name.

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 Submit A Design Tweak for a quote to install this for you, or follow the steps in 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: 26/05/2017 Neto Version: 6.9