Back to app
PreFit ProDocumentation

Welcome to PreFit Pro

Thank you for your subscription!

In this documentation, we have primarily covered the sections and settings that require step-by-step guidance. Basic and self-explanatory settings are simply listed, as they can be easily understood directly from their respective sections.

If your question isn't covered in this help file, you need clarification, or you encounter any app-related issue, please create a support ticket — our support team will be happy to assist you.

We truly appreciate your support! Below, you'll find detailed instructions for installing and using PreFit Pro — use the menu on the left to jump to any section.

Cheers! 😊

How PreFit Pro works

PreFit Pro lets fitment-based stores — auto parts, wheels & tires, batteries, accessories — attach vehicle compatibility to their products, so shoppers instantly find what fits. It works through three storefront pieces:

  1. Search widget — a Year / Make / Model (plus optional Vehicle Type / Engine) or Wheel / Tire size selector you can add to your home page, a collection, or any page. On search it shows a results page listing only the products that fit, and remembers the shopper's vehicle across visits.
  2. Fitment Checker — on a product page, shows a clear Fits / Doesn't fit / Universal fit answer, suggests Compatible Alternatives when something doesn't fit, and lets shoppers change or save their vehicle to My Garage.
  3. Garage & Cart — lets shoppers save up to 5 vehicles and reuse them across the store (synced across devices for signed-in customers); each saved vehicle has a Browse parts button that opens a results page of everything that fits it, and Cart Validation confirms the fit or flags anything that doesn't.

Note: Feature availability varies by plan — see Plans & Pricing.

Install the app

Get PreFit Pro live in about 15 minutes — from install to a working fitment finder, by Year/Make/Model or wheel/tire size.

Install the app

  1. Open the PreFit Pro listing on the Shopify App Store and click Install.
  2. Approve the requested permissions to install it on your store.
  3. You'll land on the Dashboard (PreFit Pro).

Navigation & Quick Start

PreFit Pro app navigation in the Shopify admin left sidebar
PreFit Pro in the Shopify admin sidebar

PreFit Pro's admin has six sections, reachable from the app's navigation menu in the Shopify admin's left sidebar:

  • PreFit Pro (Home) — your dashboard: setup progress and key stats at a glance.
  • Database Setup — choose the vehicles and wheel/tire sizes shoppers can pick from.
  • Product Mapping — link products to vehicles (or wheel/tire sizes) and manage existing mappings.
  • Widgets — choose a widget style, customize it, and preview it live.
  • Analytics — searches, match rate, top & failed searches, and insights.
  • Plan — your subscription and billing.

The 4-step quick start

  1. Database Setup — choose which vehicles and wheel/tire sizes shoppers can pick from.
  2. Product Mapping — link your products to the vehicles they fit (or set wheel/tire sizes on wheel & tire products).
  3. Widgets — pick a style, customize it to match your brand, and add the widgets to your theme.
  4. Test — select a vehicle (or size) on your storefront and confirm the right products show.
TipStart with a single vehicle/product/collection to test the full flow before mapping your whole catalog.

PreFit Pro (Home)

The app's Home — the first item in PreFit Pro's left-sidebar navigation (labeled with the app name, PreFit Pro) — is your setup hub and health check.

PreFit Pro Home page — the stat cards and the setup steps grid
The PreFit Pro Home page — stat cards and setup steps

At-a-glance stats

Four live counters across the top:

  • Fitments — total product-to-vehicle fitment mappings you've created.
  • Vehicles — distinct Year/Make/Model entries in your database.
  • Wheel/tire specs — number of wheel + tire sizes configured.
  • Searches (30 days) — storefront vehicle/size searches in the last 30 days.

This stats row only appears once your store has data — at least one vehicle, fitment, or wheel/tire spec. On a brand-new install it's hidden and the Home page leads with the setup steps below; the counters appear automatically as soon as you start building your database and mapping products. (Storefront searches alone won't reveal it — a store that isn't set up yet stays on the setup view.)

Setup steps

A guided six-card grid — each card opens the relevant page. The three storefront cards show a live Active / Inactive badge for whether that block or embed is on your published theme.

  1. Set up your database → Open Database Setup
  2. Map products to vehicles & sizes → Open Product Mapping
  3. Customize the widget experience → Customize on Widgets Page
  4. Add widgets to theme (Active / Inactive) → Open Theme Editor
  5. Add fitment checker (Active / Inactive) → Open Fitment Checker
  6. My Garage & Cart Check (Active / Inactive) → Activate Garage & Cart

The Active / Inactive badges show which storefront pieces are already live, so you can see what's left to add.

Plan & help

Manage your plan opens the Plan page. At the bottom, three help cards point you to the right place:

  • Have a quick question? — Visit FAQ for quick answers to common questions.
  • Need the full guide? — Read the docs for full step-by-step documentation.
  • Need help getting started? — Contact support to email the support team.
TipComplete all setup steps to deliver the best fitment experience and increase customer confidence.

Database Setup

Database Setup defines the vehicles and wheel/tire specs your store works with — the vehicle dimensions (Years, Makes, Models, Vehicle Types, Engines) and wheel & tire specs. Your selections do double duty: they're the options shoppers pick in your storefront widgets, and the only vehicles and specs you can map products to in Product Mapping. PreFit Pro ships with a large built-in catalog (600+ makes and thousands of models); you pick the ones relevant to your store. It's an 8-step wizard.

Shortcut (Advanced only): Mapping products with CSV? You can skip manual selection here — CSV mapping enables your file's vehicles and wheel/tire sizes automatically. Otherwise, pick your options here.
The 8-step Database Setup wizard bar in PreFit Pro
The Database Setup wizard bar — click any step to jump to it

How the wizard works

  • Click any step in the wizard bar to jump to it. One exception: you must select a Make (Step 2) before you can choose that make's Models (Step 3).
  • Not every step is required — steps like Vehicle Type, Engine, and Wheel/Tire are optional. If they don't apply to your store, leave them empty and move on. Only the dimensions you fill in show up in your storefront widgets and Product Mapping.
  • Click an option to select or deselect it (selected options turn green with a check). Use the Search box and Select All / Clear All to move fast.
Selecting options with Select All and Clear All in Database Setup
Selected options turn green — use Select All / Clear All to move fast
  • Most steps let you add custom entries if something isn't in the catalog; custom entries are always kept across updates.
Adding a custom entry in Database Setup
Add a custom entry when something isn't in the catalog
  • The Database Summary panel on the right tracks your running totals for every dimension and spec. Selected vehicles and specs become available to map and appear in your storefront widgets.
The Database Summary panel showing running totals for each dimension and spec
The Database Summary panel — running totals for every dimension and spec
  • Click Save database (top-right, or on the Overview step) to publish. Changes appear shortly after saving. These become the vehicle and size options shoppers search with, and that you're ready to map.

Step 1 — Years

Choose the model years shoppers can pick.

Selecting years

  1. Filter the list with All Years, Popular (2000-2026), or Recent (2015-2026). With a filter active, click Select All to select every year in it, or Clear All to deselect them — or use Search years to find a specific year.
  2. To pick years individually, click each year you sell for (click again to deselect).
  3. Your number of selected years shows in the Summary panel.

Custom years & saving

  1. Under Add custom years, type a single year and click Add Year, or enter a span (e.g. 2010-2020) and click Add Range.
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step.
Step 1 Years — choosing model years in Database Setup
Choosing model years in Database Setup

Step 2 — Makes

Choose the vehicle makes (brands) you carry.

Selecting makes

  1. Filter with the A-Z letter filters or the POPULAR button. With a filter active, click Select All to select every make in it, or Clear All to deselect them — or use Search makes to find a specific brand.
  2. To pick makes individually, click each make you sell for (click again to deselect).
  3. Your number of selected makes shows in the Summary panel.

Custom makes & saving

  1. Under Add a custom make, type a brand name and click Add Make.
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step. Use Back to return to the previous step.
Heads up: If a make already has models selected under it, you can't deselect the make until you clear those models first. Deselect its models in Step 3 — Models, then remove the make here.
Step 2 Makes — choosing vehicle makes in Database Setup
Choosing vehicle makes in Database Setup

Step 3 — Models

Choose the models for each make you selected. Models are picked per make, so select your makes in Step 2 first.

Selecting models

  1. Your selected makes appear in the Make switcher at the top. Use the Make switcher (the arrows, or the dropdown showing e.g. "Acura — 3 of 22 selected" and "make 1 of 12") to move between your selected makes; Edit jumps back to the Makes step.
  2. For the make shown, search its models and click each one you carry (click again to deselect); use Select all / Clear all. Repeat for every make you selected (long model names are supported).
  3. Your total number of selected models shows in the Summary panel.

Custom models & saving

  1. Under Add a model to {make}, type a model name and click Add model to add it to that make.
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step. Use Back to return to the previous step.
Step 3 Models — choosing models per make in Database Setup
Choosing models for each selected make

Step 4 — Vehicle Types

Optionally segment vehicles by type — Cars, Trucks, Motorcycle, RV, ATVs, and more. This step is optional, so leave it empty if you don't need it.

Selecting vehicle types

  1. Browse the list or use Search, then click each type you want (click again to deselect); use Select All / Clear All.
  2. Your number of selected vehicle types shows in the Summary panel.

Custom types & saving

  1. Under Add a custom vehicle type, type a name and click Add Type.
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step. Use Back to return to the previous step.
Heads up: Vehicle Type only appears in a storefront widget when that widget has Include Vehicle Type turned on (on the Widgets page). You can still prepare your types here.
Step 4 Vehicle Types — segmenting vehicles by type in Database Setup
Segmenting vehicles by type (optional)

Step 5 — Engines

Optionally add engine-level fitment. This step is optional, so leave it empty if you don't need it.

Selecting engines

  1. Browse the engine sizes (1.0L-6.2L) and click each one you want (click again to deselect); use Select All / Clear All.
  2. Your number of selected engines shows in the Summary panel.

Custom engines & saving

  1. Under Add a custom engine size, type a value (e.g. 2.5L) and click Add Engine.
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step. Use Back to return to the previous step.
Heads up: Engine only appears in a storefront widget when that widget has Include Engine turned on (on the Widgets page). You can still prepare your engines here.
Step 5 Engines — adding engine-level fitment in Database Setup
Adding engine-level fitment (optional)

Step 6 — Wheels

For stores selling wheels. Choose the wheel specs shoppers search by — for wheels, the size is the fitment (no vehicle validation needed). If you don't sell wheels, skip this step.

Selecting wheel specs

  1. Switch between the Diameters, Widths, and Bolt patterns tabs, then click the sizes you carry, e.g. 10"-21" (click again to deselect); use Select all / Clear all.
  2. Your selected specs show in the Summary panel.

Custom sizes & saving

  1. To add a size that isn't listed, use the Add a custom field — it matches whichever tab you're on, so you can add custom Diameters, Widths, and Bolt patterns (e.g. a diameter of 21.5").
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step. Use Back to return to the previous step.
Heads up: Wheel sizes appear in your storefront only when the Wheels widget is on — prepare them here, or use Go to widgets to enable it. Next, tag products with these sizes in Product Mapping → Vehicle/Specs → Product, or use Manage Mappings → Wheel/Tire specs.
Step 6 Wheels — choosing wheel specs in Database Setup
Choosing wheel specs (Diameters, Widths, Bolt patterns)

Step 7 — Tires

For stores selling tires. Choose the tire specs shoppers search by — for tires, the size is the fitment (no vehicle validation needed). If you don't sell tires, skip this step.

Selecting tire specs

  1. Switch between the Tire width, Tire profile, and Tire diameter tabs, then click the sizes you stock, e.g. 225 (click again to deselect); use Select all / Clear all.
  2. Your selected specs show in the Summary panel.

Custom sizes & saving

  1. To add a value that isn't listed, use the Add a custom field — it matches whichever tab you're on, so you can add custom Tire widths, Tire profiles, and Tire diameters (e.g. a width of 225).
  2. Click Save database (top-right) to save your selections, or Save & Continue to save and move to the next step. Use Back to return to the previous step.
Heads up: Tire sizes appear in your storefront only when the Tires widget is on — prepare them here, or use Go to widgets to enable it. Next, tag products with these sizes in Product Mapping → Vehicle/Specs → Product, or use Manage Mappings → Wheel/Tire specs.
Step 7 Tires — choosing tire specs in Database Setup
Choosing tire specs (Width, Profile, Diameter)

Step 8 — Overview

The final step — review everything you selected, then publish.

Reviewing your selections

  1. The Overview shows a card for every dimension and spec: Years, Makes, Models, Vehicle Types, and Engines, plus each wheel/tire spec (Wheel diameters, Wheel widths, Bolt patterns, Tire widths, Tire profiles, Tire diameters).
  2. Check the counts — if something's off, click that step in the wizard bar to jump back and fix it.

Saving

  1. Click Save database to publish. Changes appear on the storefront within a couple of minutes.
  2. Use Back to return to the previous step.
Heads up: Your saved selections become the vehicle and size options shoppers search with, and the only data you can map products to in Product Mapping. You can come back and edit them anytime.
Step 8 Overview — review and save in Database Setup
Review your selections, then Save database

Product Mapping

Mapping tells PreFit Pro which products fit which vehicles or wheel/tire sizes. Pick the tab that matches how you want to map — you can review and edit everything anytime in Manage Mappings. There are four modes.

The four Product Mapping modes in PreFit Pro
The four Product Mapping modes

Database vs Mapping: Database Setup defines the vehicles and specs shoppers can choose; Mapping connects your products to them. You need both.

Vehicle/Specs → Product

1 vehicle/spec → many products — best when one vehicle (or one wheel/tire size) takes lots of products. A 3-step flow with a Mapping Summary and Tips sidebar; nothing saves until the last step.

1Select Vehicle/Specs

Choose the target on the Parts & Battery, Wheels, or Tires sub-tab. Parts & Battery: Year / Make / Model (choose a Make before its Model), with optional Vehicle type and Engine. Wheels: Diameter / Width / Bolt pattern. Tires: Width / Profile / Diameter. Also add these tags to the products in Shopify is optional — leave it on to write tags (e.g. 2013, Acura, MDX) you can use in collections and search, or turn it off if you don't need them.

If a spec's widget isn't enabled yet you'll see a note — you can still prepare the mapping and enable the widget later (Go to widgets).

Select Vehicle/Specs step — choosing the target vehicle or spec in Product Mapping
Choosing the target vehicle or spec

2Select Products

Narrow the list to find the right products — the same filters work whether you're mapping Parts & Battery or Wheels & Tires:

  • Quick tabs — All, plus Mapped / Unmapped (Parts & Battery) or Specs added / No specs added (Wheels & Tires).
  • Search — type to search all products.
  • Add filter — layer on Shopify filters and combine them: Spec status, Status, Vendor, Collection, Tag, and Type.

Tick the products that fit, or use Select all matching to select everything in the current filter.

Select Products step — filtering and choosing products in Product Mapping
Filtering products on the Select Products step

3Review & Map

The last step confirms what you're about to map — nothing is saved until here. Review the target and the product list, then click Map N products.

A success message confirms the products were mapped and shows the tags added in Shopify (e.g. 2023, Honda, Accord). Use Map more vehicles to keep going, or open Manage mappings to review, edit, or remove the mapping later.

Review & Map step — confirming the mapping in Product Mapping
The Review & Map confirmation

Product → Vehicle/Specs

1 product → many vehicles/specs — best when one product fits lots of vehicles. Same 3-step flow; nothing saves until the last step.

1Select Product

Narrow the list to find the right product — the same filters work whether you're mapping Parts & Battery or Wheels & Tires:

  • Quick tabs — All, plus Mapped / Unmapped (Parts & Battery) — each row shows Mapped (N) and its specs-added status.
  • Search — type to search all products.
  • Add filter — layer on Shopify filters and combine them: Spec status (Specs added / No specs added for Wheels & Tires), Status, Vendor, Collection, Tag, and Type.

Pick one; use Change product to swap. The sidebar shows how many vehicles are currently mapped. Click Continue to move to the next step.

Select Product step — browsing and picking a product in Product Mapping
Browse and pick a product
Select Product step — the picked product ready to map
The picked product, ready to add vehicles

2Select Vehicles/Specs

Add the vehicles (or wheel/tire specs) this product fits, one make at a time:

  • On the Parts & Battery, Wheels, or Tires sub-tab, choose the vehicle (Make → Models, plus any other fields) or the wheel/tire size.
  • Click Add to list — each one appears in the list below; remove one with ×, or use Clear all to start over.
  • Repeat for as many vehicles or specs as the product fits.
  • Click Continue to move to the next step.

The Mapping Summary sidebar shows the selected product and a Fits now → After saving counter.

Map by variant: turn it on to give each product variant its own set of vehicles — otherwise the mapping applies to the whole product.
Select Vehicles/Specs step — adding the vehicles a product fits in Product Mapping
Adding the vehicles this product fits
Map by variant — giving each product variant its own set of vehicles
Map by variant — per-variant vehicles

3Review & Map

Review the product and vehicles and the Fits now → After saving counter, then Map to N vehicle(s). A confirmation shows the tags were added; use Map another product to keep going.

Review & Map — the Fits now to After saving counter before mapping
Review before saving — Fits now → After saving
Map confirmation — the tags added to the product in Shopify
Confirmation — tags added in Shopify

Bulk Mapping

Many-to-many — map many products to many vehicles in one go; every (product × vehicle) combination becomes a fitment. It's a guided 3-step flow; nothing saves until the last step.

1Select Products

Narrow the list to find the products you want to map — the same filters work whether you're mapping Parts & Battery or Wheels & Tires:

  • Quick tabs — All, plus Mapped / Unmapped (Parts & Battery) or Specs added / No specs added (Wheels & Tires).
  • Search — type to search all products.
  • Add filter — layer on Shopify filters and combine them: Spec status, Status, Vendor, Collection, Tag, and Type.

Tick every product you would like to map, or use Select all matching to select everything in the current filter. You can select many products at once — just mind the per-batch fitment limit at the review step.

Bulk Mapping step 1 — select the products to map
Step 1 — select the products

2Select Vehicles/Specs

Add the vehicles (or wheel/tire specs) these products fit, one make at a time:

  • On the Parts & Battery, Wheels, or Tires sub-tab, choose the vehicle (Make → Models, plus any other fields) or the wheel/tire size.
  • Click Add to list — each one appears in the list below; remove one with ×, or use Clear all to start over.
  • Repeat for as many vehicles or specs as the products fit.
  • Click Continue to move to the next step.

The Bulk mapping summary sidebar keeps a running Products × Vehicles → Fitments to create count as you build the list.

Universal product: tick Mark products as Universal to make the selected products fit every vehicle — no makes needed.
Bulk Mapping step 2 — add the vehicles and specs to map to
Step 2 — add the vehicles/specs

3Review & Map

See products × vehicles = fitments, then Create N fitments. Keep Add vehicle tags to each product on to write tags (for big batches you can leave it off — matching works without tags).

Up to 3,000 fitments per batch; repeat batches as needed.

Bulk Mapping step 3 — review the products × vehicles fitments before creating them
Step 3 — review, then create the fitments

Manage Mappings

Review and edit everything you've mapped. Switch between two views at the top: Vehicle fitments and Wheel/Tire specs.

Vehicle fitments

  • Overview cards: All products, Mapped, Unmapped, Universal, and Total fitments.
  • Filter by All / Mapped / Unmapped / Universal, search, or Add filter.
  • Expand a product to see its vehicles; use Add to add more and the … menu to remove. Unmapped products show Map and Mark Universal; Universal products show Remove Universal.
  • Use Export CSV to download your fitments (Advanced plan), and Resync storefront statuses if a result looks stale.
Manage Mappings — the Vehicle fitments view with per-product vehicles
Vehicle fitments — review and edit each product's vehicles

Wheel/Tire specs

  • Overview: All products, Specs added, No specs added, Total specs. Filter by All / Specs added / No specs added.
  • Use Add specs on a product, or Add wheel/tire specs to open the size picker (Wheels/Tires, then Diameter/Width/Bolt pattern or Width/Profile/Diameter) and add a size to many products at once.
  • Removing a size only stops it matching in the Finder — only the app's own spec tags are touched, never your other tags. Export with Export Wheels CSV / Export Tires CSV (Advanced plan).
Manage Mappings — the Wheel/Tire specs view with per-product sizes
Wheel/Tire specs — review and edit each product's sizes

Widgets (Multi-Widget Manager)

The Widgets page — the Multi-Widget Manager — is where you configure the Parts, Battery, Wheel, and Tire compatibility widgets for your store. It's a 3-step wizard; click any step to jump between them anytime.

The Multi-Widget Manager — the Parts, Battery, Wheel, and Tire finders
The Multi-Widget Manager — enable the finders you want to offer

Step 1 — Choose widgets

Turn on the finder(s) you want to offer. Each has an Enabled / Disabled toggle and its own options.

  • Parts Finder — checks vehicle parts compatibility by Year, Make, and Model.
  • Battery Finder — battery fitment search by Year, Make, and Model. Products you map as Battery get the battery tag automatically.
  • Tire Finder — checks tire width, profile, and diameter compatibility.
  • Wheel Finder — checks wheel diameter, width, and bolt-pattern compatibility.

Each finder also has:

  • Show additional filters — add the Vehicle Type and Engine fields (Parts & Battery).
  • Allow "All years" search — match regardless of model year.
  • Limit to product tag — optional; leave empty to check all mapped products, or add a tag (parts, battery, tires, wheels) to limit it. Map wheels/tires to sizes in Product Mapping → Vehicle/Specs → Product.
Step 1 — choosing and configuring the finders in the Multi-Widget Manager
Step 1 — choose and configure your finders

Step 2 — Customize

Style, layout, and behavior across five tabs. Every change updates the Live Preview (desktop and mobile) instantly.

Search widget

  • Style — Widget style, Label style, and Dropdown items style.
  • Vehicle field labels — rename Year, Make, and Model (turn off Vehicle Type and Engine on the Parts finder to rename its labels).
  • Title — show or hide the Title and Subtitle; set the Vehicle title (Parts & Battery), Subtitle text, and Title position (with a separate mobile position).
  • Search & font — Search label, Search button (Icon + text / Icon / Text), and Google font.
The Search widget customization tab — Style, vehicle field labels, Title, and Search & font
The Search widget tab — Style, labels, Title & font
Live Preview on desktop — the horizontal search widget with a dropdown open
Live Preview — desktop
Live Preview on mobile — the vertical search widget
Live Preview — mobile

Layout & colors

  • Layout (Horizontal / Vertical), Width (Full / 80%), and Font size (S / M).
  • Colors — Background, Font, Title, Button, Button text, Dropdown highlight, and Dropdown background. Use Reset colors to return to the style's defaults.
The Layout & colors tab — layout, width, font size, and widget colors
The Layout & colors tab

Fitment checker

  • Product page messages — Fits, Doesn't fit, and No-vehicle-selected (use {vehicle} as a placeholder).
  • "Universal fit" badge — title and subtitle, shown on products you mark Universal.
  • Fitment checker colors — Button, Button text, Panel background, Panel text, Fits message, Doesn't-fit message, Dropdown highlight, and Dropdown background (separate from the search widget). Use Reset colors to return to the style's defaults.
The Fitment checker tab — product-page messages, Universal fit badge, and colors
The Fitment checker tab — messages, Universal badge & colors
Live Preview on desktop — fits and doesn't-fit messages for a 2021 Toyota Camry
Live Preview — desktop
Live Preview on mobile — the fitment checker
Live Preview — mobile

Behavior

  • Remember shopper's vehicle — keeps their selection between visits.
  • Automatic order notes (Advanced) — adds the vehicle and per-item fitment to order notes.
  • Compatible alternatives (Advanced) — suggests products that fit when one doesn't.
The Behavior tab — remember shopper vehicle, order notes, and compatible alternatives
The Behavior tab

My Garage & Cart Check (Advanced)

Let shoppers save up to 5 vehicles (kept across devices when signed in) and warn them at the cart when an item doesn't fit. Advanced plan — both are set up on one tab:

  • My Garage and Validate cart items — two independent toggles; enable either or both.
  • Placement — show a Floating button (set its Desktop and Mobile position), or switch to Menu link and add a navigation menu item linking to #vcp-garage (e.g. "My Garage") so shoppers can open the garage.
  • Appearance — Button style (Pill / Rounded square), Icon, and what the button shows (Icon + text / Icon / Text), plus the Button label and Add-vehicle button label.
  • Colors — Background, Text, Button, Button text, and Border & delete for the My Garage drawer and its button (separate from the search widget). Use Reset colors to return to the style's defaults.
The My Garage & Cart Check tab — toggles, placement, appearance, and colors
The My Garage & Cart Check tab
Live Preview — the My Garage drawer with saved vehicles and the floating button
Live Preview — the My Garage drawer & floating button

Step 3 — Add widget to theme

Each widget is placed separately in your theme editor — no code.

Add widget to theme — placing the PreFit Pro blocks in the Shopify theme editor
Add the PreFit Pro blocks in the theme editor — no code
  • Search widget (any page) — find products by vehicle or wheel/tire size. Open the theme editor and add the section.
  • Fitment checker (product pages) — tells shoppers if a product fits their vehicle. Open the product editor and add it; on themes like Turbo, add it as a section rather than a nested block.
  • My Garage & Cart Check (store-wide, Advanced) — save and switch vehicles and verify cart items fit. Enable under Theme settings → App embeds.
Theme editor Add section — the Apps tab with PreFit Search Widget and Fitment Checker blocks
Add section → Apps — the Search widget & Fitment checker blocks
Theme settings App embeds — the PreFit Garage & Cart app embed
Theme settings → App embeds — Garage & Cart

Storefront status: Active / Inactive / Unknown

Once a piece is placed, the Widgets page (and the Home dashboard) shows a live status for each of the three storefront pieces — Search widget, Fitment checker, and My Garage & Cart Check — so you can confirm it's really on your published theme:

  • Active — detected in your published theme and live for shoppers.
  • Inactive — not found in your published theme yet. Use the Open theme editor / Open product editor / Open app embeds button next to it to add the block, section, or app embed.
  • Unknown — PreFit Pro can't check yet (for example, right after install, or if theme access hasn't been granted). It clears once the blocks exist and access is available.

The status re-checks automatically when you return to the tab after editing your theme.

Don't confuse this with the Enabled / Disabled toggle in Step 1 — that just turns a finder on or off. A finder can be Enabled yet still show Inactive here if the shared Search widget block isn't placed in your published theme.

Analytics & actionable insights

PreFit Pro turns storefront activity into decisions. Analytics come in two levels — Standard (all plans) and Advanced. Here's what each includes — with a full comparison below.

Standard analytics

See searches, match rate, top vehicles and products, and failed searches — searches that returned nothing. Each failed search is actionable: use the Map button to add the missing products.

Advanced analytics

A deeper dashboard adds:

  • Store performance score (with real coverage components).
  • Fitment-assisted revenue (earned vs. estimated).
  • Actionable Insights — data-driven suggested next steps.
  • Conversion funnel, search heatmap, fitment-check insights, and more.

Standard vs Advanced analytics

FeatureGrowthAdvanced
Standard analytics (all plans)
Standard analytics (searches, matches, top vehicles)✓✓
Search & Match Trends✓✓
Match Rate✓✓
Advanced analytics
Actionable Insights—✓
Revenue Opportunities—✓
Failed Search Analysis—✓
Fitment Check Insights—✓
Conversion Funnel—✓
Search Activity Heatmap—✓
Store Performance Score—✓
Top Products & Brands—✓

Plans & Pricing

Start a 14-day free trial — every plan includes unlimited products. Growth is $25/month (or $270/year) and Advanced is $75/month (or $810/year); bill Monthly or Yearly to save 10%. All charges are billed in USD and recurring charges bill every 30 days.

What's included

FeatureGrowthAdvanced
Price$25/moor $270/yr$75/moor $810/yr
Fitment & widgets
Year/Make/Model + wheel/tire size search widget✓✓
Fitment widget for product pages✓✓
Built-in vehicle database (start instantly)✓✓
Add custom vehicles & wheel/tire specs✓✓
Works with parts, universal-fit & other products✓✓
Remember shopper's vehicle✓✓
Brandable widget styles1015
Mapping & data
Unlimited products, users & fitment mappings✓✓
Bulk map, edit & manage✓✓
CSV import (bulk-map + auto-build database)—✓
CSV export (backup & migration)—✓
Variant-specific fitment mapping—✓
Shopper experience
Cart validation (confirm fit before checkout)—✓
Compatible alternative recommendations—✓
My Garage (fully brandable)—✓
Automatic order notes—✓
Analytics
Standard analytics (searches, matches, top vehicles)✓✓
Search & Match Trends✓✓
Match Rate✓✓
Actionable Insights—✓
Revenue Opportunities—✓
Failed Search Analysis—✓
Fitment Check Insights—✓
Conversion Funnel—✓
Search Activity Heatmap—✓
Store Performance Score—✓
Top Products & Brands—✓
Support
Support24/724/7 Priority

Managing your subscription

Upgrade, downgrade, or cancel from the Plan page. There is no free tier; development and partner stores can test free. Billing is handled by Shopify (Shopify Billing API) and appears on your Shopify invoice — we never see your card details. Uninstalling the app cancels the subscription.

Performance

Speed & performance

The storefront widget is lightweight, deferred, and cached, and it renders in an isolated container (Shadow DOM) — so your theme can't break it and it can't break your theme.

Why changes aren't instant

Storefront option lists are cached for about two minutes for speed. If a fitment result looks stale, click Resync storefront statuses in the app.

Troubleshooting

Widget not showing

Re-add the block or section in the theme editor and Save; for My Garage confirm the app embed is ON; ensure vehicles are selected and products mapped.

Fitment Checker missing on a product page (Turbo, etc.)

Add it as a section instead of a nested block.

Fitment result looks out of date

Click Resync storefront statuses and wait for the ~2-minute cache window; confirm the product is mapped to that exact vehicle or marked Universal.

Cart validation not showing

Requires Advanced; ensure the app embed is on and the shopper has selected a vehicle.

Widget disappeared after a theme change

Theme changes can drop app blocks; re-add and Save.

CSV import shows "Import failed" or interrupted

Sometimes a CSV import ends with an Import failed message saying the import was interrupted. In most cases your data was still saved — the dialog just lost track of the final status, so don't re-run the import right away.

To confirm and recover:

  • Close the import dialog.
  • Open Product Mapping → Manage Mappings.
  • Click Resync storefront statuses.

You'll find your products mapped and your vehicle database built, just as expected.

Smart Bar (Wheels & Tires): "Search by Size" vs "Search by Vehicle"

The Smart Bar widget style (Advanced plan) adds a Search by Size / Search by Vehicle toggle to your Wheels and Tires finders. The two modes read different data, so a product only appears in a mode if it has the matching data set up:

  • Search by Size matches on each product's wheel/tire size specs — diameter · width · bolt pattern (wheels), or width · profile · diameter (tires).
  • Search by Vehicle matches on each product's vehicle fitments — the Year/Make/Models it's mapped to, exactly like a part.

To support both toggles, give each wheel/tire product both:

  • Size specs — add them in Product Mapping → Manage Mappings → Wheel/Tire specs, or bulk-import via Bulk Mapping → Import CSV (Wheels)/(Tires). (Powers Search by Size.)
  • Vehicle fitments — map the same products to the vehicles they fit (Vehicle/Specs → Product, Product → Vehicle/Specs, Bulk Mapping, or the fitments CSV), just like parts. (Powers Search by Vehicle.)

Common symptom: "Search by Size returns products, but Search by Vehicle shows nothing" (or the reverse). That means the products have one kind of data but not the other — add the missing kind above.

Tip: set a tag filter on the Wheels/Tires widget (Widgets → Customize) so each finder only returns its own product type — otherwise Search by Vehicle can surface any product mapped to that vehicle, including parts.

Finally, make sure the sizes you use are selected in Database Setup → Wheels / Tires — the storefront only offers selected sizes.

A widget tab shows the wrong products — or nothing — after I set a product tag

Symptom: You set a widget's Limit to product tag (e.g. Battery → battery), but that tab shows nothing on the storefront, or still shows products from other categories.

Why: The tag filter matches a snapshot of each product's tags taken at the moment you mapped it — not the product's live tags (this keeps storefront searches fast). So if you tagged the products after mapping them, or they aren't tagged at all, the snapshot doesn't contain the tag and the filter can't match.

Fix:

  • Make sure the products carry the tag in Shopify → Products → (product) → Tags.
  • In the app, go to Product Mapping → Manage Mappings and click Refresh product tags. This re-reads every mapped product's current Shopify tags into the filter.
  • Reload your storefront — the tag filter now matches.

Tip: in Customize, if you type a tag that none of your mapped products carry, a warning appears under the field — so you'll catch this before it goes live.

A wheel/tire size I enabled in Database Setup isn't showing in the widget

Symptom: You turned on a size in Database Setup — say a 20-inch diameter or a 5x120 bolt pattern — but it doesn't appear in the storefront Wheels or Tires finder.

Why: The Wheels/Tires finder only offers sizes (and size combinations) that have at least one mapped product. This is intentional — it stops a shopper from picking a size combo that returns zero results. So a size appears only after you've mapped a product to it.

Fix:

  • Map a product to that size — Product Mapping → import a wheel/tire spec CSV, or map via Vehicle/Specs → Product.
  • The size (and its valid combinations) then shows in the finder automatically.

Note: the finder also cascades — picking a Diameter narrows Width and Bolt Pattern to the ones that exist for it (and any order works), so every combination a shopper can build returns products.

Still need help?

Email support@pretechpark.com. Advanced merchants receive priority support.

TipMost storefront issues clear up after a Resync and the ~2-minute cache window.

Questions, answered.

A complete FAQ for merchants using PreFit Pro (Year / Make / Model fitment for Shopify). Pick a topic, then click a question.

Getting started

What does PreFit Pro do?

PreFit Pro lets auto-parts (and any fitment-based) stores attach vehicle compatibility data — Year, Make, Model, and optionally Submodel/Engine, or wheel/tire specs — to their products. Shoppers pick their vehicle once and instantly see which products fit via a dedicated results page of only compatible products, and get a "fits / doesn't fit" answer on product pages.

Do I need any coding or a developer?

No. Everything is done from the app's admin and Shopify's theme editor (drag-and-drop blocks/sections). No theme code editing is required.

Which Shopify themes are supported?

All Online Store 2.0 themes. The widgets render in an isolated container (Shadow DOM) so your theme's styles won't break them, and they've been tested across many popular themes (Dawn, Horizon, Refresh, Craft, Sense, Prestige, Impulse, Motion, Empire, Turbo, Roadster, Automobile, Drive, Swift, and more).

How do shoppers actually use it?

Three storefront pieces work together: the YMM Search widget, the Fitment Checker on product pages, and My Garage (Advanced) for saved vehicles.

Add widgets to theme

How do I add the widgets?

In Shopify admin go to Online Store > Themes > Customize. Add the PreFit Pro blocks/sections, then Save. The My Garage app embed is enabled under Theme settings > App embeds.

The Fitment Checker won't appear on my product page (e.g., Turbo). Why?

Some themes don't allow app blocks nested inside their product section. On those themes, add the Fitment Checker as a SECTION (via "Add section") instead of a nested block.

A widget isn't showing at all. What should I check?

  1. Confirm you added the block/section and clicked Save.
  2. For My Garage, confirm the app embed is ON.
  3. Make sure vehicles are selected and products mapped.
  4. Give it a minute — option lists are cached briefly.

Will the widgets clash with my theme's design?

No. They render in an isolated container (Shadow DOM), so your theme's CSS can't leak in and theirs can't leak out. You control colors, fonts, and labels from the app.

Vehicle database

What is Database Setup?

Where you choose which Years, Makes, Models, Vehicle Types, and Engines (and wheel/tire specs) appear in your widgets. PreFit Pro ships with 600+ makes and thousands of models.

Do I have to select every make and model manually?

Only the ones you want shoppers to see. Use the POPULAR filter to enable common makes quickly. If you import a product-to-vehicle CSV, those vehicles are enabled automatically.

A make or model I need isn't in the catalog. Can I add it?

Yes — you can add custom makes/models, and custom entries are always kept across app updates.

What's the difference between the database and mapping?

The Vehicle Database is the list of vehicles shoppers can choose from; Product Mapping is which of your products fit which vehicles. You need both.

Product mapping

How do I map products to vehicles?

Product Mapping has four modes: Vehicle → Product, Product → Vehicle, Bulk, and Manage.

What is a Universal product?

A product marked Universal fits all vehicles (e.g., a cleaning cloth). It always passes the fitment check.

Can I map different fitments to different variants?

Yes — per-variant vehicle mapping is available on the Advanced plan (Product → Vehicle, then turn on Map by variant).

How do wheels and tires work?

For wheels and tires the SIZE is the fitment (diameter, width, bolt pattern, etc.), so there's no vehicle validation — you set specs and shoppers search by size.

My Smart Bar Wheels/Tires finder shows products in one search mode but not the other — why?

Smart Bar's "Search by Size" and "Search by Vehicle" modes use different data — size specs vs vehicle fitments — so each wheel/tire product needs both to appear in both modes. See Troubleshooting → "Smart Bar (Wheels & Tires): Search by Size vs Search by Vehicle" for the full setup.

What are Parts / Battery categories?

You can tag products by category (e.g., Battery) so category-specific widgets filter correctly. There's also an optional "All years" search for Parts/Battery widgets.

I added a product tag but my widget's "Limit to product tag" filter isn't working. Why?

The filter uses the tags stored when you mapped each product, not its live tags. If you tagged a product afterward, go to Product Mapping → Manage Mappings → Refresh product tags to update the stored tags. (The tag must already exist on the product in Shopify.)

What does "Refresh product tags" do?

It re-reads every mapped product's current Shopify tags and updates what the storefront widget filters on. Use it whenever you add or change product tags after mapping — no re-import needed.

I added a wheel/tire size in Database Setup but it's not in the widget. Why?

The Wheels/Tires finder only shows sizes that have at least one mapped product, so shoppers never hit a "no results" dead-end. Map a product to that size (Product Mapping) and it appears automatically.

How do the Wheels/Tires size dropdowns decide what to show?

They cascade to your real inventory — each dimension narrows to the values that co-occur on an actual mapped product for what's already been selected. So every combination a shopper can pick returns products.

CSV import / export

Can I import my fitment data via CSV?

Yes — CSV import/export is available on the Advanced plan. The importer is chunked, so large files upload without timeouts.

Does importing a CSV save me setup time?

Yes. Importing a product-to-vehicle CSV automatically enables the vehicles in your file, so you can skip manual Database Setup.

Can I export my data?

Yes, CSV export is available on Advanced — useful for backups and migration.

Widgets & customization

Can I change how the widgets look?

Yes. Choose from multiple styles (10 on Growth, 15 on Advanced) and customize colors, fonts, labels, and button text.

Can I rename the dropdown labels (Year / Make / Model)?

Yes — you can rename the field labels (for example, "Make" to "Series").

Are the widgets mobile-friendly?

Yes. All styles use a consistent, tested mobile layout.

Features by plan

What is My Garage?

My Garage lets shoppers save one or more vehicles and reuse them across your store; saved vehicles persist for logged-in customers across devices. Advanced plan.

What is Cart Validation?

Cart Validation warns shoppers at the cart if an item doesn't fit their selected vehicle. Advanced plan; works with page, drawer, and popup carts.

What are Compatible alternatives?

When a product doesn't fit, the app can suggest compatible alternative products that do fit. Advanced plan.

What are automatic order notes?

On Advanced, the app can attach the shopper's selected vehicle to the order as a note.

What analytics do I get?

Searches, match rate, top vehicles/products, and actionable failed searches. Advanced adds a store-performance score, fitment-assisted revenue, and Actionable Insights.

Plans, pricing & billing

What are the plans and prices?

  • Growth — US$25/mo (or US$270/yr): unlimited fitments, bulk mapping, Universal products, remember-vehicle, analytics, 10 widget styles.
  • Advanced — US$75/mo (or US$810/yr): everything in Growth, plus cart validation, compatible alternatives, My Garage, per-variant mapping, order notes, CSV import/export, Actionable Insights, 15 widget styles, priority support.

Yearly plans save about 10%. There is no free tier.

Is there a free trial?

Yes, a 14-day free trial. Development and partner stores can test free.

How does billing work? Do you see my card?

All billing is handled by Shopify (Shopify Billing API) and appears on your Shopify invoice. We never see or store your card details.

Can I upgrade, downgrade, or cancel anytime?

Yes — manage your plan from the Plan page. Uninstalling cancels the subscription.

Do you offer refunds?

Fees are generally non-refundable except where required by law. Use the 14-day trial to evaluate first.

Performance, data & privacy

Will PreFit Pro slow down my store?

No — the widget is lightweight and deferred, assets are minified and split, and option lists/fitment checks are cached.

Why don't my changes show immediately?

Option lists are cached for about two minutes for speed. If a fitment status looks stale, use Resync storefront statuses.

Is PreFit Pro GDPR compliant? What data do you collect?

Yes. We collect only what's needed to run the app; shopper vehicle selections tie to an anonymous token (and a customer ID only when logged in). We don't collect shopper names/emails/addresses for the core widgets, don't sell data, and don't use it for ads or AI training.

What happens to my data if I uninstall?

Your shop data is deleted on Shopify's uninstall webhook and again on the shop-redact webhook. Customer data requests and erasure are honored automatically.

Updates & maintenance

Do I need to update the app?

No. PreFit Pro is a hosted app — improvements and catalog additions reach your store automatically.

When you add new makes/models, do they appear automatically?

New catalog makes/models appear as OPTIONS in Database Setup, with your existing selections untouched. They aren't auto-enabled on your storefront — select them and Save to show them.

Support & resources

No articles match your search.