PartsPal – Smarter Auto Parts


Add data fitment and vehicle compatibility to your store.



  1. Install plugin
  2. There will be a notification bar at the top of the admin pages that reads “PartsPal installed successfully. Set up PartsPal” – click that
  3. Click Connect PartsPal to WooCommerce
  4. Click Approve
  5. Add the line <ngx-element class="parts-pal" selector="home-vehicle-selector"></ngx-element> to the HTML of the page where you want the vehicle selector to be

To customise the plugin’s behaviour, go to Tools → PartsPal.
On that page, there is a button “Open PartsPal dashboard”.
This will open PartsPal and automatically log you in created when you linked WooCommerce to your site.

If the main selector of your WordPress site is not #site-content, you will need to change this.
First, work out what the main selector of your site is:
1. Go to a 404 page on your site (e.g.
2. Inspect the “page not found” message (on Chrome, right click → Inspect) – this will open the dev tools panel
3. Hover over the selected element, and you will see the “page not found” message highlighted
4. Move your mouse up the HTML document tree until the entire main content of the page (not including your headers and footers) is highlighted
5. Read the element you are hovering over (e.g. <main id="site-content" role="main">), and look for a class or id property – in this example there is an ID
6. If it is a class, prepend it with a .; if it is an ID, prepend it with a # (e.g. #site-content) – this is your main selector
You can now update this in Tools → PartsPal → Main selector


  • Problem: Refreshing a PartsPal page results in a blank page or 404.
    • Solution: Change the permalinks settings. Settings → Permalinks → Choose something other than Plain.


There are no reviews for this plugin.

Contributors & Developers

“PartsPal – Smarter Auto Parts” is open source software. The following people have contributed to this plugin.