{"id":20702,"date":"2023-10-10T12:28:29","date_gmt":"2023-10-10T06:28:29","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=20702"},"modified":"2025-09-11T11:05:08","modified_gmt":"2025-09-11T05:05:08","password":"","slug":"how-to-install-the-swatchly","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-install-the-swatchly\/","title":{"rendered":"How to install the Swatchly"},"content":{"rendered":"\n<p>Welcome to the Swatchly documentation! This comprehensive guide provides all the information you need to effectively utilize the Swatchly plugin for WooCommerce. Swatchly is a feature-rich plugin that enhances the presentation and usability of&nbsp;<strong>product variations on your WooCommerce store<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:26px\"><strong>Installation and Activation<\/strong><\/h2>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Swatchly can be easily installed and activated on your WooCommerce store using different methods. This section outlines three common methods: manual installation, installing from the WordPress directory, and using an FTP client for installation.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How To Install Swatchly Plugin And Configure Swatches For Variable Products | Part 1\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ZTpV8JFugbc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\"><strong>1. Installing from WordPress Directory<\/strong><\/h3>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>To install Swatchly from the WordPress plugin directory:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Log in to Your WordPress Admin Dashboard:<\/strong> Navigate to your WordPress admin dashboard and go to the <strong>&#8220;Plugins&#8221;<\/strong> section.<\/li>\n\n\n\n<li><strong>Click on &#8220;Add New&#8221;:<\/strong> In the Plugins section, click the <strong>&#8220;Add New&#8221;<\/strong> button at the top of the page.<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Search for Swatchly:<\/strong> In the search bar, enter <strong>&#8220;Swatchly&#8221;<\/strong> and press enter. Locate the Swatchly plugin in the search results.<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Install the Plugin:<\/strong> Click the <strong>&#8220;Install Now&#8221;<\/strong> button next to the Swatchly plugin.<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Activate the Plugin:<\/strong> After the installation is complete, click <strong>&#8220;Activate&#8221;<\/strong> to activate Swatchly on your WooCommerce store.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae76b0a531&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border is-style-rounded wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1899\" height=\"723\" 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\/2023\/10\/swatchly-plugin-add.png\" alt=\"Click on add new\" class=\"has-border-color wp-image-20726\" style=\"border-color:#fafafa;border-width:6px;border-radius:10px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-add.png 1899w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-add-300x114.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-add-1024x390.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-add-768x292.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-add-1536x585.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-add-360x137.png 360w\" sizes=\"(max-width: 1899px) 100vw, 1899px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae76b0ad49&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border is-style-rounded wp-lightbox-container\"><img decoding=\"async\" width=\"1884\" height=\"859\" 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\/2023\/10\/swatchly-install-plugin.png\" alt=\"Click on the Install now\" class=\"has-border-color wp-image-20727\" style=\"border-color:#fafafa;border-width:6px;border-radius:10px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-install-plugin.png 1884w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-install-plugin-300x137.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-install-plugin-1024x467.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-install-plugin-768x350.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-install-plugin-1536x700.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-install-plugin-360x164.png 360w\" sizes=\"(max-width: 1884px) 100vw, 1884px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae76b0b459&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border is-style-rounded wp-lightbox-container\"><img decoding=\"async\" width=\"1886\" height=\"773\" 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\/2023\/10\/swatchly-plugin-activate.png\" alt=\"Click on the activate\" class=\"has-border-color wp-image-20728\" style=\"border-color:#fafafa;border-width:6px;border-radius:10px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-activate.png 1886w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-activate-300x123.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-activate-1024x420.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-activate-768x315.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-activate-1536x630.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-plugin-activate-360x148.png 360w\" sizes=\"(max-width: 1886px) 100vw, 1886px\" \/><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<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\"><strong>2. Manual Installation<\/strong><\/h3>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>To manually install Swatchly, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Download the Plugin Zip File:<\/strong> Visit the <a href=\"https:\/\/wordpress.org\/plugins\/swatchly\/\" target=\"_blank\" rel=\"noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-0-color\">Swatchly plugin page<\/mark><\/a> and download the plugin <a href=\"https:\/\/downloads.wordpress.org\/plugin\/swatchly.zip\" target=\"_blank\" rel=\"noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-0-color\">zip<\/mark><\/a> file to your local machine.<gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Log in to Your WordPress Admin Dashboard:<\/strong> Navigate to your WordPress admin dashboard and go to the <strong>&#8220;Plugins&#8221;<\/strong> section.<\/li>\n\n\n\n<li><strong>Click on &#8220;Add New&#8221;:<\/strong> In the Plugins section, click the <strong>&#8220;Add New&#8221;<\/strong> button at the top of the page.<\/li>\n\n\n\n<li><strong>Upload the Plugin:<\/strong> Click the <strong>&#8220;Upload Plugin&#8221;<\/strong> button. Select the Swatchly plugin zip file you downloaded and click <strong>&#8220;Install Now.&#8221;<\/strong><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n\n\n\n<li><strong>Activate the Plugin:<\/strong> After the installation is complete, click <strong>&#8220;Activate Plugin&#8221;<\/strong> to activate Swatchly on your WooCommerce store.<br><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae76b0be2a&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border is-style-rounded wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1369\" height=\"680\" 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\/2023\/10\/swatchly-menual-installtion.png\" alt=\"Upload plugin file\" class=\"has-border-color wp-image-20721\" style=\"border-color:#fafafa;border-width:6px;border-radius:10px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-installtion.png 1369w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-installtion-300x149.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-installtion-1024x509.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-installtion-768x381.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-installtion-360x179.png 360w\" sizes=\"(max-width: 1369px) 100vw, 1369px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae76b0c489&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border is-style-rounded wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1025\" height=\"723\" 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\/2023\/10\/swatchly-menual-active-plugin.png\" alt=\"Activate plugin\" class=\"has-border-color wp-image-20723\" style=\"border-color:#fafafa;border-width:6px;border-radius:10px\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-active-plugin.png 1025w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-active-plugin-300x212.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-active-plugin-768x542.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swatchly-menual-active-plugin-360x254.png 360w\" sizes=\"(max-width: 1025px) 100vw, 1025px\" \/><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<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:22px\"><strong>3. Install the Plugin Using FTP Client<\/strong><\/h3>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>To install Swatchly using an FTP client, follow these steps:<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Download the Plugin Zip File:<\/strong> Visit the official <a href=\"https:\/\/wordpress.org\/plugins\/swatchly\/\" target=\"_blank\" rel=\"noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-0-color\">Swatchly plugin page<\/mark><\/a> and <a href=\"https:\/\/downloads.wordpress.org\/plugin\/swatchly.zip\" target=\"_blank\" rel=\"noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-0-color\">download the plugin<\/mark><\/a> zip file to your local machine.<\/li>\n\n\n\n<li><strong>Extract the Plugin Folder:<\/strong> Extract the downloaded zip file to obtain the Swatchly plugin folder.<\/li>\n\n\n\n<li><strong>Connect to Your Server via FTP:<\/strong> Use an FTP client (e.g., FileZilla) to connect to your web server.<\/li>\n\n\n\n<li><strong>Upload the Plugin Folder:<\/strong> Navigate to the <code>wp-content\/plugins\/<\/code> directory on your server and upload the Swatchly plugin folder.<\/li>\n\n\n\n<li><strong>Activate the Plugin:<\/strong> Log in to your WordPress admin dashboard, go to the &#8220;Plugins&#8221; section, and find Swatchly. Click <strong>&#8220;Activate&#8221;<\/strong> to activate the plugin.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;690ae76b0cced&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full is-resized has-custom-border is-style-rounded wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" 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\/2023\/10\/swtachlt-ftp-install.png\" alt=\"FileZilla\" class=\"has-border-color wp-image-20739\" style=\"border-color:#fafafa;border-width:6px;border-radius:10px;aspect-ratio:1.9393939393939394;width:1047px;height:auto\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swtachlt-ftp-install.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swtachlt-ftp-install-300x155.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swtachlt-ftp-install-768x396.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2023\/10\/swtachlt-ftp-install-360x186.png 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><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<p>Follow one of these methods to install and activate Swatchly, bringing the benefits of enhanced product variation display to your WooCommerce store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to the Swatchly documentation! This comprehensive guide provides all the information you need to effectively utilize the Swatchly plugin for WooCommerce. Swatchly is a feature-rich plugin that enhances the presentation and usability of&nbsp;product variations on your WooCommerce store. Installation and Activation Swatchly can be easily installed and activated on your WooCommerce store using different [&hellip;]<\/p>\n","protected":false},"author":6,"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":[246,247],"class_list":["post-20702","docs","type-docs","status-publish","hentry","doc_category-how-to-use-swatchly","doc_tag-swatchly","doc_tag-variation-swatches-for-products"],"acf":[],"year_month":"2025-11","word_count":427,"total_views":"1470","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Kausar mamun","author_nicename":"mamun","author_url":"https:\/\/hasthemes.com\/author\/mamun\/"},"doc_category_info":[{"term_name":"Swatchly","term_url":"https:\/\/hasthemes.com\/docs-category\/how-to-use-swatchly\/"}],"doc_tag_info":[{"term_name":"Swatchly","term_url":"https:\/\/hasthemes.com\/docs-tag\/swatchly\/"},{"term_name":"Variation Swatches for Products","term_url":"https:\/\/hasthemes.com\/docs-tag\/variation-swatches-for-products\/"}],"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":"Kausar mamun","author_link":"https:\/\/hasthemes.com\/author\/mamun\/"},"uagb_comment_info":0,"uagb_excerpt":"Welcome to the Swatchly documentation! This comprehensive guide provides all the information you need to effectively utilize the Swatchly plugin for WooCommerce. Swatchly is a feature-rich plugin that enhances the presentation and usability of&nbsp;product variations on your WooCommerce store. Installation and Activation Swatchly can be easily installed and activated on your WooCommerce store using different&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/20702","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=20702"}],"version-history":[{"count":33,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/20702\/revisions"}],"predecessor-version":[{"id":33590,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/20702\/revisions\/33590"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=20702"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=20702"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=20702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}