Product Variation Swatches

Improve your customer’s shopping experience with color and image swatches.

A Choice of Swatch Styles

Attribute Swatches gives you a variety of swatch types. You can choose the style that suits your needs, your audience, and your products. You can use the same type of attribute swatch throughout your entire site, or pick and choose to suit each individual product.

Key benefits:

Color swatches – let customers see all of the product’s color options in one place.

Image swatches – show a preview of each variation’s actual appearance, so your customer has a clear sense of what they’re getting.

Text and radio buttons – display product attributes as clickable text-based options; ideal for non-visual attributes such as “Size”.

Improved Product Filters

The default product filters are functional, but they could be more user-friendly and informative.

Key benefits:

Provides customers with a visual way to sort and filter products.

Improves the appearance and style.

Offers a preview of the various options available for your products.View Pricing

Swatches on Catalog Pages

Product filters aren’t the only part of your store that Attribute Swatches can enhance. You’ll also be able to display customized swatches on catalog and shop pages. This lets customers who are browsing your store see exactly what’s available, even before visiting a particular product page.

Key benefits:

Display any type of attribute swatch on catalog and shop pages (and make your decision based on each individual product, if desired).

Offer customers an at-a-glance view of what options are available for each item.

Let customers click through to the product page by selecting swatch icons, or set it up so that clicking on a swatch changes the product’s image.

Attribute Pricing

Key benefits:

Set up a customized pricing structure quickly and intuitively.

Attach fees to attributes of a product. I.e. when the “Material” is “Gold” add $15 to the product price.

Automatically adds relevant fees when customers select an item.

Categorize & Group Swatches

Out-of-stock and unavailable swatches are marked as such, making the shopping process straightforward.

Assign Swatches Globally or Per-Product

Out-of-stock and unavailable swatches are marked as such, making the shopping process straightforward.

Modern Swatch Designs

Out-of-stock and unavailable swatches are marked as such, making the shopping process straightforward.

View Swatch Availability

Out-of-stock and unavailable swatches are marked as such, making the shopping process straightforward.

Encourage Purchases with Swatches

Improve your customer’s buying experience by displaying your variable product options in a visual way. Attribute Swatches allows you to transform the standard product option dropdowns, into eye-catching swatches.

“What is a swatch?”, I hear you ask. Well, It’s a visual representation of the product option, i.e. a color or an image.

Attribute Swatches also allows you to display your product options as text buttons and radio buttons.

You can customize these swatches to fit in with your store’s design, including the ability to change the swatch size, enable large previews, add tooltips, and more.

It’s important for your customers to be able to see all of your product options at a glance. Swatches will encourage your customers to click through your product options and discover a version of your product which was previously hidden behind a text description.

It will also enable them to determine whether your product is for them more quickly, leading to higher conversions.

Here are some of the key benefits of using Attribute Swatches:

1) Four different swatch types – both visual and text-based.

2) Click-free experience – customers can see product options at a glance.

3) Better user experience – with text tooltips, large-size swatch previews and more.

4) Enable visitors to easily choose which variation of a product they want, and add them to their cart.

5) Attribute fees – easily configure complex pricing by adding additional fees per attribute.