WooCommerce variation link generator.

How it works

The two links WooCommerce understands.

WooCommerce reads a product's options from the address. When a variable product page opens with attribute_pa_color=blue in the URL, the Color dropdown starts on Blue, and once every option is chosen the matching variation's price, stock and image show straight away. That's the first link this tool builds: the product page with your chosen options selected, so the shopper lands on exactly what you advertised and only has to press Add to cart.

The second link adds the variation to the cart directly. WooCommerce handles an add-to-cart parameter on any page of the store: give it a variation's ID and it finds the parent product, adds that variation in the quantity you set, and shows the page the link points to. Pointing the link at /checkout/ makes a one-click buy link; pointing it at /cart/ lets the shopper review first.

Global or custom

Getting the attribute names right.

WooCommerce has two kinds of attributes, and they appear differently in the URL. Global attributes are the ones under Products, then Attributes, shared across products; they use attribute_pa_ followed by the attribute's slug, and the value is the term's slug, so Light Blue becomes light-blue. Custom attributes are typed into a single product's Attributes tab; they use attribute_ followed by the attribute name in lowercase with hyphens, and the value exactly as you typed it, capital letters included.

The tool converts names and terms the way WordPress does, including accents and spaces. If you changed a term's slug by hand, enter that slug instead of the name: you'll find it under Products, then Attributes, then Configure terms. The query parameter each row produces is shown under it, so you can compare it with the product page.

Finding the ID

Where to find a variation ID.

Edit the product in WordPress, open Product data, then Variations. Each variation's row starts with its ID, such as #1234; that number goes into the tool. The add-to-cart link needs the variation's own ID, not the product's. If a variation uses Any Color or Any Size, include that option in the attributes above so the cart knows which one the shopper gets.

Limits

When a variation link won't work.

Links only add what the store would sell anyway: an out-of-stock variation, one that isn't published, or a quantity above the stock level shows WooCommerce's normal error. Stores that renamed their cart or checkout pages need that part of the address changed. Some caching setups cache pages with query strings; WooCommerce marks add-to-cart requests as not cacheable, but if a link misbehaves, exclude it from the cache. Themes and plugins that replace the variation dropdowns with swatches usually still read the same parameters, but test the link in a private window first.

If you want every variation to get its own shareable link automatically, updated as shoppers pick options, my free Variation URLs for WooCommerce plugin does that on the product page, with a copy-link button.

Need more?

Custom WooCommerce work.

Variation swatches, landing pages for each variation, product configurators, custom checkout flows and integrations are the kind of WooCommerce development I do, with a fixed quote after a free review of what you need.