Linked Product Swatches

Linked Product Swatches for WooCommerce.

Turn separate WooCommerce products into seamless swatches inspired by Amazon-style product navigation. Each variation keeps its own URL, images and SEO content.

Try the product demo
Get lifetime access 129€ one-time purchase
Each swatch is a real product Cream hoodie
/product/hoodie-cream

Hoodie - Cream

79 euros

Select a finish. The product URL changes because every swatch is a linked product page.

Hover to preview. Click a swatch to open that product. Open real demo

The problem

Standard WooCommerce variations have limitations.

Variation swatches improve selection, but every variation still shares the same product page. That makes SEO optimization, indexing and merchandising less flexible.

Shared URL Shared content Limited indexing Attribute-only UX

The solution

Each swatch becomes a real WooCommerce product.

Link separate products together and display them like native WooCommerce swatches. Inspired by Amazon-style product navigation, each product keeps its own URL, title, images and SEO content.

URL/product/hoodie-cream
TitleHoodie - Cream
ImagesOwn product gallery
SEO contentOwn copy and indexing target

Visual comparison

Same simple product UI. Better WooCommerce structure.

Standard WooCommerce variations

One product page

  • Shared URL
  • Attribute variations
  • Limited SEO targeting
Linked Product Swatches

Separate product pages

  • Separate URLs
  • Real WooCommerce products
  • SEO-friendly structure

Features

Everything needed for SEO-friendly WooCommerce linked variations.

Linked product swatches

Connect separate products and show them as swatches.

Image swatches

Use product images, custom icons or colors.

Separate product URLs

Every swatch can lead to a real product page.

SEO-friendly structure

Give each option its own content and search target.

Native WooCommerce

Works with normal products, prices, stock and categories.

Fast and lightweight

Focused output without taking over your store.

Mobile-friendly

Touch users navigate directly without hover traps.

Amazon-inspired navigation

A familiar product-family browsing experience.

FAQ

Linked product swatches for WooCommerce, explained simply.

What are linked product swatches?

They are visual swatches that connect separate WooCommerce products, so customers can browse product options as if they were variations.

How is this different from WooCommerce variations?

WooCommerce variations share one product URL. Linked Product Swatches lets each option remain a real product page.

Can each swatch have its own URL?

Yes. Each swatch can link to a separate product with its own URL, title, images and content.

Is this SEO-friendly?

Yes. It helps stores create SEO-friendly WooCommerce variations by keeping important options indexable as products.

Does it work with any theme?

It is built for WooCommerce themes and includes compatibility options for image, title and price previews.

Can I use image swatches?

Yes. You can use product images, uploaded icons or generated color swatches.

Proof over promises

Start with the product demo.

Open a real WooCommerce product and see linked product swatches, separate URLs, hover previews and mobile navigation in context.