# Parts Finder Software - AI Integration Guide & System Specs
Parts Finder Software is a high-performance B2B SaaS platform that enables authorized motorcycle dealers (KTM, Husqvarna, GasGas, Beta, Yamaha, etc.) to integrate interactive parts fiche, fitment validation, and aftermarket cross-selling directly into e-commerce storefronts.
## Core Widgets & Technical Specifications
This reference provides the HTML elements, attributes, CSS, and JS file endpoints required to integrate Parts Finder widgets into any storefront (Shopify, BigCommerce, WooCommerce, Custom Next.js/Remix apps).
### Global Assets
To load the widgets, include the cloud-delivered CSS and JavaScript files at the end of the HTML `` page element:
```html
```
---
### 1. Interactive Parts Finder Widget
Renders the complete exploded vector diagram (fiche), category lookup grid, parts price list, and automatic checkout integrations. Used on a dedicated /parts-finder page.
- **Target DOM Element**:
```html
```
- **Attributes**:
- `data-domain` (String, Required): The validated dealership domain (e.g. `motoexperience.eu`).
- `data-country` (String, Required): ISO 3166-1 alpha-2 country code for local inventory/pricing (e.g. `US`, `NO`, `RO`).
- `data-force-brand` (String, Optional): Force a single brand experience. Options: `KTM`, `husqvarna`, `GasGas`.
---
### 2. Live Compatibility Widget
Displays a compatibility status indicator and models list on product detail pages (PDPs) for instant fitment verification.
- **Target DOM Element**:
```html
```
- **Attributes**:
- `data-domain` (String, Required): Dealership domain.
- `data-sku` (String, Required): The exact manufacturer part SKU to cross-reference (e.g., `77713002000`).
---
### 3. Aftermarket Cross-Sell Widget
Displays variant-aware product recommendation cards for compatible aftermarket replacements or upgrades based on the currently viewed OEM SKU.
- **Target DOM Element**:
```html
```
- **Attributes**:
- `data-domain` (String, Required): Dealership domain.
- `data-sku` (String, Required): Active product SKU.
- `data-country` (String, Required): User country code.
---
### 4. PowerParts Upgrade Widget
A dedicated recommendations carousel showing official upgrades (OEM PowerParts) matching the customer's specific motorcycle model, triggered via active product handle context.
- **Target DOM Element**:
```html
```
---
## Shopify Liquid Integration Code Example
Integrate fitment validation and aftermarket cross-selling on standard Shopify themes by pasting this into your `sections/main-product.liquid` or `snippets/product-form.liquid` template:
```liquid
{% comment %}
Parts Finder Widget Integration Core
{% endcomment %}
```
## B2B Sales & Pricing Frameworks
We provide a transparent tiered model for authorized dealerships:
1. **Standard ($199/mo)**: Single-brand Fiche Diagrams, PDP Compatibility lists, and local storage bike garage profile.
2. **Pro ($499/mo)**: Multi-brand OEM catalogs, Aftermarket recommendation widgets, Multi-provider distributor price/inventory sync APIs.
3. **Enterprise (Custom)**: ERP/DMS connections, custom supercession pipelines, multi-market translation support, dedicated engineering support.
## Case Studies & Performance Metrics
### ASM Shop (Norway - asmshop.no)
Norwegian dealer optimized mobile lookups and catalog syncs with Parts Finder widgets.
* **Monthly E-commerce Sales**: 15x volume growth (+1,400%) within 12 months.
* **Customer Returns Rate**: Slashed from 12% to 1.75% (85% returns reduction).
* **Mobile Checkout Conversion Rate**: Scaled from 0.82% to 6.35%.
* **Support Volume**: Slashed customer pre-sales fitment tickets by 45%.