{"id":33557,"date":"2025-08-27T10:26:02","date_gmt":"2025-08-27T04:26:02","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=33557"},"modified":"2025-08-27T10:27:38","modified_gmt":"2025-08-27T04:27:38","password":"","slug":"woocommerce-variation-url","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/woocommerce-variation-url\/","title":{"rendered":"WooCommerce Variation URL \u2013 Generate &amp; Share Product Links with Swatchly"},"content":{"rendered":"\n<p>The <strong>WooCommerce Variation URL<\/strong> feature lets you generate unique links for selected product variations, making it easy to share and keep selections active.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Share direct product links with pre-selected variations.<\/li>\n\n\n\n<li>Ensure variations remain active after page reload.<\/li>\n\n\n\n<li>Use shareable links with <strong>WooCommerce Product Bundles<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How It Works<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Customer selects product variations (e.g., Color: Off White, Size: M).<\/li>\n\n\n\n<li>The URL updates to include variation parameters:<br><br><code>yoursite.com\/product\/t-shirt\/?attribute_pa_color=off-white&attribute_pa_size=m<\/code><\/li>\n\n\n\n<li>Reloading or sharing this URL keeps the same variation active.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Enabling the Feature<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Global Settings (Required)<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Swatchly \u2192 Settings \u2192 Global<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Variation URL<\/strong> by checking <strong>Yes<\/strong>.<\/li>\n\n\n\n<li>Save changes.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae7c2d1817&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1353\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-scaled.png\" alt=\"WooCommerce Variation URL\" class=\"wp-image-33558\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-scaled.png 2560w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-300x159.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-1024x541.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-768x406.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-1536x812.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-2048x1083.png 2048w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-3-360x190.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Product Details Page (Conditional)<\/h3>\n\n\n\n<p>If <strong>\u201cWant to control the Global settings for Product Details Page differently?\u201d<\/strong> is enabled, you must also enable the option here:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Swatchly \u2192 Settings \u2192 For Product Details Page<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Variation URL<\/strong> by checking <strong>Yes<\/strong>.<\/li>\n\n\n\n<li>Save changes.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae7c2d1df0&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"2560\" height=\"1384\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-scaled.png\" alt=\"WooCommerce Variation URL\" class=\"wp-image-33559\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-scaled.png 2560w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-300x162.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-1024x554.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-768x415.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-1536x831.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-2048x1107.png 2048w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-4-360x195.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Product List\/Shop Page (Conditional)<\/h3>\n\n\n\n<p>If <strong>\u201cWant to control the Global settings for Shop Page differently?\u201d<\/strong> is enabled, you must also enable the option here:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Swatchly \u2192 Settings \u2192 For Product List\/Shop Page<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Variation URL<\/strong> by checking <strong>Yes<\/strong>.<\/li>\n\n\n\n<li>Save changes.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae7c2d256b&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"2560\" height=\"1392\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-scaled.png\" alt=\"WooCommerce Variation URL\" class=\"wp-image-33560\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-scaled.png 2560w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-300x163.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-1024x557.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-768x417.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-1536x835.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-2048x1113.png 2048w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/image-5-360x196.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Example in Action<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customer selects <strong>Color: Off White, Size: M<\/strong>.<\/li>\n\n\n\n<li>The generated URL looks like this: <code>yoursite.com\/product\/t-shirt\/?attribute_pa_color=off-white&attribute_pa_size=m<\/code><\/li>\n\n\n\n<li>When shared, anyone clicking the link will land on the product page <strong>with those variations pre-selected<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/variation-url.mov\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The WooCommerce Variation URL feature lets you generate unique links for selected product variations, making it easy to share and keep selections active. How It Works Enabling the Feature Step 1: Global Settings (Required) Step 2: Product Details Page (Conditional) If \u201cWant to control the Global settings for Product Details Page differently?\u201d is enabled, you [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[245],"doc_tag":[],"class_list":["post-33557","docs","type-docs","status-publish","hentry","doc_category-how-to-use-swatchly"],"acf":[],"year_month":"2025-11","word_count":238,"total_views":"175","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"Swatchly","term_url":"https:\/\/hasthemes.com\/docs-category\/how-to-use-swatchly\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"The WooCommerce Variation URL feature lets you generate unique links for selected product variations, making it easy to share and keep selections active. How It Works Enabling the Feature Step 1: Global Settings (Required) Step 2: Product Details Page (Conditional) If \u201cWant to control the Global settings for Product Details Page differently?\u201d is enabled, you&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=33557"}],"version-history":[{"count":5,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33557\/revisions"}],"predecessor-version":[{"id":33713,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33557\/revisions\/33713"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=33557"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=33557"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=33557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}