Watch the video above for a full walkthrough, or follow the steps below to get started. Setup only takes a few minutes.
Step 1: Map Related Products
- Open the Product Mapping tab in the app.
- Select a product you want to add related parts or accessories to, then click Setup Product.
- Use Add Product to Accessories to search by title or SKU and attach related products.
- Assign each product to a group (everything goes into the “Default” group at first).
- Review your list and remove any products that don’t belong.
At this point, your selected product is connected to its related items.
Step 2: Organize with Groups (Optional)
- By default, all items go into a single Default group.
- To keep things organized, create new groups in the Groups tab, such as “Accessories,” “Replacement Parts,” or “Upgrades.”
- Attach related products to different groups as needed.
Step 3: Configure Display Settings
In the Configuration tab, adjust how your lists appear:
- Choose between Grid or List view.
- Set the header text size.
- Pick a header text color.
Click Save Changes when finished.
Step 4: Install the Widget on Your Product Page
- Copy the HTML snippet provided at the bottom of the Configuration tab.
- In BigCommerce, go to Storefront → Themes → Advanced → Edit Theme Files.
- Open
templates/pages/product.html. - Paste the snippet where you want related products to appear, often just below the main product view.
- Save your changes and refresh the page to confirm.
Step 5: Customize Group Names
- Return to the app and rename groups as needed (for example, change “Default” to “Accessories”).
- Refresh your product page to see the updated labels.
You now have custom parts and accessories displayed on your BigCommerce product pages. If you run into any issues, check out the Parts and Accessories FAQ page or reach out through the P&A Support page.
