Can I link more than two products to a single hotspot position?

Yes, Konfigr allows you to link as many Shopify products as needed to a single item/hotspot position on your diagram. Each will appear as a selectable option in the parts list.

How do customers distinguish between OEM and aftermarket parts on the diagram?

When a customer clicks a hotspot, the linked products appear in the parts list with the custom labels you've assigned (e.g., 'OEM Original', 'Aftermarket Replacement'), making it clear which option is which.

Does Konfigr automatically create OEM and aftermarket variants for my products?

No, Konfigr works with your existing Shopify products. You must create separate Shopify product entries for your OEM and aftermarket parts, then link them to the diagram hotspots.

Will offering multiple product options make my diagram cluttered?

No, the diagram itself remains clean with single markers. The multiple product options are revealed in the interactive parts list when a specific hotspot is clicked, keeping the visual diagram clear.

What is the difference between OEM and aftermarket parts?

OEM (Original Equipment Manufacturer) parts are made by the original company that produced the equipment, ensuring an exact fit. Aftermarket parts are made by other companies, designed to be compatible replacements, often at a lower cost.

How do I sell replacement parts online effectively?

Selling replacement parts effectively involves clear product identification, high-quality images, detailed descriptions, and often interactive diagrams or configurators to help customers find the exact part they need.

Should I offer both OEM and aftermarket parts to my customers?

Yes, offering both OEM and aftermarket parts can significantly broaden your customer base by catering to different budgets and preferences, potentially increasing sales and customer satisfaction.

What tools can help me display parts diagrams on Shopify?

Apps like Konfigr are designed to turn standard parts diagram images into interactive, clickable shopping experiences on your Shopify store, allowing customers to easily identify and purchase components.

OEM vs Aftermarket: How to Offer Multiple Product Options per Diagram Position

Introduction

For e-commerce store owners selling parts, offering customers choice is paramount. Often, this means providing both Original Equipment Manufacturer (OEM) parts and more budget-friendly aftermarket alternatives. The challenge lies in presenting these options clearly and intuitively, especially when customers are identifying parts from a diagram.

Konfigr simplifies this process by allowing you to link multiple Shopify products to a single position on your interactive parts diagram. This means a single clickable hotspot can reveal several choices—for example, an OEM version and an aftermarket version of the same component. This tutorial will guide you through setting up multiple product options per diagram position, enhancing your customer's shopping experience.

Understanding the Need: OEM vs. Aftermarket in Parts Sales

When selling replacement parts, the distinction between OEM and aftermarket is critical. OEM parts are manufactured by the original company that made the equipment, guaranteeing a perfect fit and often coming with manufacturer warranties. Aftermarket parts are produced by other companies and designed to function as direct replacements, often at a lower cost.

Customers often have strong preferences or budget constraints that drive their choice between these two types. Providing both options directly within your visual parts catalogue caters to a wider audience and ensures you don't lose a sale because a customer couldn't find their preferred part type.

Why Offer Multiple Options per Hotspot?

Integrating OEM and aftermarket options directly into your konfig offers significant benefits for both you and your customers:

Enhanced Customer Choice: Customers can easily compare options and select the part that best fits their needs and budget, all from a single, intuitive interface.
Increased Sales Opportunities: By offering a range of price points and quality levels, you cater to diverse customer segments, potentially converting more browsers into buyers.
Clarity and Transparency: Presenting options clearly on your konfig's hotspots eliminates confusion, allowing customers to make informed decisions without guesswork.
Reduced Support Inquiries: Visual presentation minimizes questions about compatibility or available alternatives, freeing up your support team for more complex issues.
Streamlined Shopping Experience: Customers can identify the part visually, then immediately see and choose from available options, adding their selection to the cart with ease.

Step-by-Step Guide: Offering OEM and Aftermarket Options with Konfigr

This tutorial assumes you have already created a Konfigr "konfig" and uploaded your diagram image. If you're new to Konfigr, you'll first want to create a new konfig for your parent product and upload your diagram image.

Step 1: Access Your Konfigr Diagram

Log in to your Shopify admin and navigate to the Konfigr app. From the Konfigr dashboard, select the specific konfig (interactive diagram) you wish to edit. This will open the Konfigr builder interface, displaying your diagram image and the associated parts list.

Ensure you have the correct diagram image loaded. This is where you'll be placing your markers and linking products.

Step 2: Place or Select Your Hotspot Marker

Identify the position on your diagram where you want to offer multiple product options (e.g., an OEM and aftermarket version of the same component). You can either:

Place a new hotspot: Click the "Add Item" button and then click on the diagram image to place a new numbered hotspot marker. Assign it a unique marker label (e.g., "1", "2a").
Select an existing hotspot: If you already have markers placed for this part, simply click on its marker in the diagram or select the corresponding item in the parts list to open its editing panel.

This hotspot will serve as the visual anchor for all the product options you're about to link.

Step 3: Link the First Product Option (e.g., OEM)

With your item (hotspot position) selected, it's time to link your first product. Typically, this would be the OEM part:

Search for Product: In the item's editing panel, use the search bar to find your desired OEM product from your existing Shopify catalogue. Konfigr works seamlessly with your current Shopify products.
Select Product: Click on the product name to link it to the item.
Add Custom Label: Konfigr allows you to assign a custom label for each linked product. In the "Product Label" field, enter a clear descriptor such as "OEM Original," "Genuine Part," or "Factory Part." This label will be visible to customers in the parts list.

This first product is now associated with the diagram position. Customers clicking on this hotspot would initially see this option.

Step 4: Add a Second Product Option (e.g., Aftermarket)

Now, let's add the alternative—the aftermarket version—to the *same* diagram position. Konfigr makes this straightforward:

Click "Add Product": Within the same item's editing panel, locate and click the "Add Product" button or similar option. This indicates you want to link another product to this exact hotspot position.
Search for Aftermarket Product: Use the search bar again to find the corresponding aftermarket product from your Shopify inventory.
Select Product: Click on the aftermarket product to link it.
Assign Custom Label: In the new "Product Label" field for this second product, enter a descriptive label like "Aftermarket Replacement," "Economy Option," or "Alternative Part."

You can repeat this step to add more options if needed (e.g., a "Premium Aftermarket" option) to the same hotspot. Each linked product will appear as a distinct choice when the customer interacts with the hotspots.

Step 5: Review and Refine Product Labels

Clear and consistent labelling is crucial for customer understanding. Take a moment to review the custom labels you've assigned to each product option:

Ensure labels accurately describe the product (e.g., "OEM Water Pump," "Aftermarket Water Pump").
Maintain consistency across all your konfigs for similar product types.
These labels provide vital context for customers viewing your markers, helping them quickly differentiate between choices.

Step 6: Preview Your Interactive Diagram

Before publishing, it's essential to preview your changes to ensure everything looks and functions as expected. Konfigr provides a live preview within its interface, and you can also use the Shopify theme editor preview:

Konfigr Preview: Use the preview function within the Konfigr app to see how your konfig will appear.
Shopify Theme Editor Preview: Navigate to your parent product page in the Shopify theme editor. Here, you can test the hotspots and verify that both the OEM and aftermarket options appear correctly in the parts list when you click the hotspot.

Check that the labels are clear, prices and stock levels are accurate (as Konfigr reads live data from Shopify), and the "Add to Cart" functionality works for each option.

Step 7: Publish Your Konfig

Once you are satisfied with your setup, the final step is to publish your konfig. From the Konfigr dashboard or directly within the konfig editor, switch the konfig status from "Draft" to "Published."

Upon publishing, your interactive diagram with multiple product options per position will go live on your Shopify storefront. Remember that Konfigr automatically unlists the child products (your OEM and aftermarket parts) from regular search and collections, ensuring they are primarily discoverable through the diagram itself, keeping your store navigation clean.

Best Practices for Managing Multiple Product Options

To maximise the effectiveness of offering OEM and aftermarket parts on your diagrams, consider these best practices:

Clear Naming Conventions: In your Shopify product catalogue, use consistent naming for OEM and aftermarket versions (e.g., "Part X - OEM," "Part X - Aftermarket"). This makes them easier to find when linking in Konfigr.
Consistent Labelling: Always use the same terms (e.g., "OEM," "Genuine," "Aftermarket," "Economy") for product labels within Konfigr across all your diagrams. Consistency builds trust and reduces customer confusion.
Detailed Product Descriptions: Ensure each OEM and aftermarket product in your Shopify catalogue has a comprehensive description highlighting its unique benefits, warranty information, and any compatibility notes.
Pricing Strategy: Clearly differentiate pricing to reflect the value proposition of OEM vs. aftermarket parts. Customers expect OEM to be higher priced but often value the assurance it brings.
Inventory Management: Keep accurate stock levels for all product options. Konfigr displays live stock data from Shopify, so real-time inventory is crucial to prevent overselling.
Educate Your Customers: Consider adding a small FAQ or information section on your parent product page explaining the difference between OEM and aftermarket parts to help customers make an informed choice.

Conclusion

Offering multiple product options like OEM and aftermarket parts directly on your interactive diagrams transforms how customers shop for components. By leveraging Konfigr's ability to link several products to a single marker position, you provide unparalleled clarity and choice.

This approach not only enhances the customer experience by simplifying part identification and selection but also optimises your sales process by catering to diverse needs and reducing support inquiries. Start building your visual, multi-option konfig today and empower your customers with the information they need to buy the right part, every time.