Amplify
HomeTry freeContact supportLogin
Bundles & Upsell
Bundles & Upsell
  • Bundles & Upsell
  • What Types of Scenarios are Supported in Bundles & Upsell
  • What Discount combinations are available with Amplify?
  • How to Contact Support
  • How to Use the JavaScript SDK with Amplify Platform
  • How to Fix the 404 Error in Amplify Bundles
  • Scenarios
    • Bundle as Product
      • How to Create a Bundle as Product Scenario?
      • How to Find the Template Used for Your Bundle Product Pages in Shopify
      • How to Offer a Free Gift through Bundle as Product
      • How to preview bundles in-store
      • How to customize discount prefix for Bundle as Product
    • Build Your Own Bundle Page
      • How to create a Build your own bundle page scenario
      • How to Add a Custom Field in a Build Your Own Bundle Page
    • Quantity Breaks
      • How to Create a Quantity Breaks Scenario
      • What is Single-Selection and how to enable it?
    • Build Your Own Bundle Section
      • How to Create a Build Your Own Bundle Section Scenario
      • How to Add a Custom Field in a Build Your Own Bundle Section
      • How to Create Multiple Build Your Own Bundle Section Scenarios
      • How to Add A Custom Section to Build Your Own Bundle Section Deals
    • Complete the Bundle
      • How to create a Complete the Bundle scenario
    • Upsell Popup
      • How to create Upsell Popup Scenario
    • Frequently Bought Together
      • How to create a Frequently Bought Together scenario
      • How to enable Automated Frequently Bought Together bundles
      • How to Create a Frequently Bought Together Scenario (For Old Themes)
  • Other
    • Analytics
      • Analytics: How to Track Performance in Your Store
      • How to Calculate Conversion Rate for Amplify
      • How to Calculate Return on Investment (ROI) for Amplify
      • How to Calculate the Average Number of Add-to-Carts Needed for a Sale in Amplify
    • Settings
      • Global Settings Guide
      • Customizing Your Store with Custom CSS
      • How to Share App Function Logs
      • How to uninstall Bundles & Upsell
      • How to use Color Swatches with Amplify Bundles
    • Integrations
      • How Does the Amplify and ShipAid Integration Work?
    • Billing
      • Understanding Bundles & Upsell Pricing Plans
Powered by GitBook
LogoLogo

Pricing

  • Pricing

Products

  • Bundles & Upsell
  • Cart & Checkout
  • Subscriptions

Company

  • Home
  • Terms
  • Privacy

Resources

  • What's new
  • Demo
  • Partners

© All rights reserved 2025

On this page
  • What is "Color Swatches with Amplify Bundles"
  • Steps to Configure Color Swatches in Shopify
  • Commonly asked questions about how to use Color Swatches
  • Conclusion

Was this helpful?

  1. Other
  2. Settings

How to use Color Swatches with Amplify Bundles

PreviousHow to uninstall Bundles & UpsellNextIntegrations

Last updated 3 months ago

Was this helpful?

What is "Color Swatches with Amplify Bundles"

Color swatches allow customers to visually select product variations based on color, making the shopping experience more intuitive and engaging. When used with the Amplify Bundles, color swatches help customers seamlessly choose their preferred product combinations.

This feature is managed through Shopify's Category Metafields, which store product attributes such as color options. If configured in Shopify for regular products, color swatches will automatically appear on your product pages and in the Amplify bundle widgets.

Steps to Configure Color Swatches in Shopify

Follow these steps to set up color swatches for your bundle and upsell scenarios:

1. Assign A Category to Each Product

To ensure your products support color swatches, you must assign them to a Category that supports native Shopify color swatches.

  • Go to Shopify Admin > Products.

  • Select the product you want to configure with color swatches.

  • Scroll down to the Category section and assign an appropriate category that supports "Color" category metafield (e.g., "Apparel" or "Accessories").


2. Add Color Options to Metafields

Once a category is assigned, you can define available colors.

  • In the Category Metafields section of the product, look for a field related to color.

  • Add the available colors as predefined options (e.g., Red, Blue, Green).


3. Link Variants to the Color Metafield

To ensure customers can select colors seamlessly:

  • Go to Variants.

  • Check that each variant has a corresponding color option configured.

  • If a product has multiple colors, they should be automatically pulled by the metafields.


4. Save and Test the Bundle on the Storefront

After making these changes:

  • Click Save to apply the changes.

  • Preview the product page to check if color swatches appear.

  • If everything is set up correctly, customers will see color swatches when selecting a product.


Commonly asked questions about how to use Color Swatches

Can I use color swatches with all Amplify scenarios?

Color swatches are currently supported in the following Amplify scenarios: Bundle As Product, Build Your Own Bundle Page, and Upsell Popup.

What should I do if I set up everything on Shopify, but the Color Swatches don’t appear in my Amplify bundles?

If color swatches don’t show up, go to the Amplify app, navigate to Settings, and click Sync Products. This will update the metafields and refresh the color swatches on your Amplify bundle widgets.

Do I need to manually add color swatches for every bundle?

No, if your products are assigned to a category with color metafields, after you configure them in Shopify, the swatches should be applied automatically based on the available variants in your bundles.

What happens if I add a new color to a product after setting up the bundle?

If you add new colors to a product, and they don't appear in the bundle automatically; go to the Amplify app > Settings > Sync Products to refresh the product data.

Are color swatches supported for all categories?

Shopify's native color swatches are supported by only the categories that has "Color" category metafield. If your currently selected product category doesn't have this metafield, you can select a different category that has it and configure your product options with swatches.


Conclusion

Using color swatches with Amplify bundles improves the shopping experience by allowing customers to easily select product variations. By setting up Shopify metafields, assigning product categories, and linking variants, color options will automatically be displayed in your bundle widgets.

With color swatches enabled, your bundles become more interactive and visually appealing, making it easier for customers to choose the perfect product combinations! 🚀


Get Bundles & Upsell

Try free