{"id":8485,"date":"2026-07-17T18:21:13","date_gmt":"2026-07-17T16:21:13","guid":{"rendered":"https:\/\/consultoriaehero.com\/?post_type=product&#038;p=8485"},"modified":"2026-07-17T21:35:03","modified_gmt":"2026-07-17T19:35:03","slug":"ehero-woo-swatches-echantillons-visuels-pour-les-variations-de-woocommerce","status":"publish","type":"product","link":"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-swatches-echantillons-visuels-pour-les-variations-de-woocommerce\/","title":{"rendered":"EHERO Woo Swatches \u2013 \u00c9chantillons visuels pour les variations de WooCommerce"},"content":{"rendered":"<div style=\"max-width: 1140px; margin: 0 auto;\">\n<h2 style=\"text-align: center; font-size: 30px; line-height: 1.25; color: #017cba; margin: .2em 0 .6em;\">\u00c9chantillons visuels pour les variations de WooCommerce<\/h2>\n<p>Les s\u00e9lecteurs d\u00e9roulants natifs de WooCommerce cachent vos variantes derri\u00e8re un menu gris. Le client ne voit pas quelles couleurs sont disponibles, il doit ouvrir le menu d\u00e9roulant taille par taille et, bien souvent, il abandonne le produit sans comprendre ce que vous vendez. Dans un catalogue de mode, de chaussures ou de d\u00e9coration, ce menu d\u00e9roulant freine directement la conversion.<\/p>\n<p>EHERO Woo Swatches r\u00e9sout ce probl\u00e8me avec <strong>des \u00e9chantillons visuels pour les variations de WooCommerce<\/strong>. Le plugin intercepte automatiquement le menu d\u00e9roulant standard de Woo et le remplace par des swatches de couleur unie, des miniatures d\u2019image, des boutons texte, des swatches bicolores en diagonale et des d\u00e9grad\u00e9s premium. Le client voit toutes les options en m\u00eame temps, avec infobulle au survol, changement de l\u2019image du produit lors de la s\u00e9lection de la variante, prix mis \u00e0 jour en temps r\u00e9el et indication de stock par variante.<\/p>\n<p>De plus, ces <strong>\u00e9chantillons visuels pour les variations de WooCommerce<\/strong> apparaissent aussi dans la liste de la boutique : le client choisit la couleur ou la taille sans entrer dans la fiche produit et peut ajouter au panier depuis l\u2019archive elle-m\u00eame. Tout est configurable par attribut et par terme, avec un panneau de design qui contr\u00f4le la forme, la taille, les bordures, les ombres et le style du swatch s\u00e9lectionn\u00e9 ou \u00e9puis\u00e9, en h\u00e9ritant des couleurs de votre th\u00e8me via des propri\u00e9t\u00e9s CSS personnalis\u00e9es.<\/p>\n<div style=\"max-width: 100%; margin: 18px auto; font-family: Montserrat,Arial,sans-serif;\">\n<div style=\"background: #fff; border-radius: 16px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg,#017cba 0%,#00b2e2 100%); padding: 16px 20px 15px;\">\n<div style=\"display: inline-block; padding: 4px 9px; border-radius: 999px; color: #fff !important; font-size: 10px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 7px;\">Plus de conversion visuelle<\/div>\n<div style=\"font-size: 21px; line-height: 1.1; font-weight: 800; color: #fff !important; margin: 0 0 5px;\">Du menu d\u00e9roulant gris \u00e0 une boutique visuelle en 3 \u00e9tapes<\/div>\n<div style=\"font-size: 13px; line-height: 1.45; color: #fff !important; max-width: 980px;\">Configurez les <strong style=\"color: #fff !important;\">\u00e9chantillons visuels pour les variations de WooCommerce<\/strong> sans toucher une ligne de code.<\/div>\n<\/div>\n<div style=\"padding: 10px 14px 8px; background: #fff;\">\n<table style=\"width: 100%; border-collapse: collapse;\">\n<tbody>\n<tr>\n<td style=\"width: 200px; padding: 11px 12px; font-size: 13px; font-weight: bold; color: #017cba; vertical-align: top;\">1. D\u00e9finissez le type par attribut<\/td>\n<td style=\"padding: 11px 12px; font-size: 13px; line-height: 1.6; color: #335066; vertical-align: top;\">Dans Produits \u2192 Attributs, vous choisissez si chaque attribut (Couleur, Taille, Mati\u00e8re) s\u2019affiche comme couleur, image, \u00e9tiquette ou bicolore ; cela s\u2019applique d\u2019un coup \u00e0 tous ses termes.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px; padding: 11px 12px; font-size: 13px; font-weight: bold; color: #017cba; vertical-align: top;\">2. Assignez une couleur, une image ou un d\u00e9grad\u00e9 \u00e0 chaque terme<\/td>\n<td style=\"padding: 11px 12px; font-size: 13px; line-height: 1.6; color: #335066; vertical-align: top;\">Pour chaque terme de l\u2019attribut, vous enregistrez sa couleur hex, une seconde couleur pour le bicolore, une miniature, un d\u00e9grad\u00e9 pr\u00e9d\u00e9fini (or, argent, oc\u00e9an\u2026) ou un badge, le tout avec le s\u00e9lecteur de couleur natif de WordPress.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px; padding: 11px 12px; font-size: 13px; font-weight: bold; color: #017cba; vertical-align: top;\">3. Ajustez le design et activez la boutique<\/td>\n<td style=\"padding: 11px 12px; font-size: 13px; line-height: 1.6; color: #335066; vertical-align: top;\">Depuis la page Design, vous contr\u00f4lez la forme, la taille, la bordure, le swatch s\u00e9lectionn\u00e9 et \u00e9puis\u00e9 ; vous activez les swatches dans la liste et laissez le plugin remplacer les menus d\u00e9roulants sur tout le site.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 11px 12px 9px; font-size: 13px; font-weight: bold; color: #017cba; vertical-align: top;\">Documentation<\/td>\n<td style=\"padding: 11px 12px 9px; font-size: 13px; line-height: 1.6; color: #335066; vertical-align: top;\">Manuel en ligne (ES\/EN) disponible <a style=\"color: #017cba; font-weight: bold; text-decoration: none;\" href=\"https:\/\/cehero.com\/EHERO-WOO-SWATCHES\/data\/manual\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a>. Des questions avant d\u2019acheter ? \u00c9crivez-nous \u00e0 <a style=\"color: #017cba; font-weight: bold; text-decoration: none;\" href=\"mailto:soporte@consultoriaehero.com\">soporte@consultoriaehero.com<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<h3 style=\"font-size: 21px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Cinq types de swatch configurables par attribut<\/h3>\n<p>Chaque attribut de votre catalogue s\u2019affiche dans le format qui le repr\u00e9sente le mieux, sans m\u00e9langer les crit\u00e8res.<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\">Couleur unie avec swatch \u00e0 partir du hex enregistr\u00e9 dans le terme<\/li>\n<li style=\"margin: .3em 0;\">Image\/miniature pour les motifs, textures ou mati\u00e8res<\/li>\n<li style=\"margin: .3em 0;\">\u00c9tiquette texte (S, M, L, XL) avec couleur de fond, couleur du texte et ic\u00f4ne optionnelle<\/li>\n<li style=\"margin: .3em 0;\">Swatch bicolore en diagonale \u00e0 135\u00ba et d\u00e9grad\u00e9s premium pr\u00e9d\u00e9finis (or, argent, bronze, oc\u00e9an\u2026)<\/li>\n<\/ul>\n<hr \/>\n<h3 style=\"font-size: 21px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Fiche produit qui convertit<\/h3>\n<p>Le plugin remplace le menu d\u00e9roulant natif de WooCommerce et se synchronise avec le formulaire de variations de Woo.<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\">Swatch s\u00e9lectionn\u00e9 marqu\u00e9 par une bordure ou une coche visuelle configurable<\/li>\n<li style=\"margin: .3em 0;\">Variante \u00e9puis\u00e9e barr\u00e9e d\u2019une croix, semi-transparente ou masqu\u00e9e selon le r\u00e9glage<\/li>\n<li style=\"margin: .3em 0;\">Changement de l\u2019image de la galerie lors de la s\u00e9lection de la variante (gallery swap)<\/li>\n<li style=\"margin: .3em 0;\">Prix en temps r\u00e9el, message de stock &#8216;Il ne reste que X&#8217; et delta de prix entre variantes<\/li>\n<\/ul>\n<hr \/>\n<h3 style=\"font-size: 21px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Swatches aussi dans la liste de la boutique<\/h3>\n<p>Les clients choisissent la variante sans entrer dans la fiche, directement depuis l\u2019archive ou la boutique.<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\">Position configurable : avant l\u2019image, apr\u00e8s le titre ou apr\u00e8s le prix<\/li>\n<li style=\"margin: .3em 0;\">Changement de l\u2019image du produit au clic sur un swatch dans la liste<\/li>\n<li style=\"margin: .3em 0;\">Limite de swatches visibles avec indicateur &#8216;+N&#8217; pour \u00e9viter la surcharge<\/li>\n<li style=\"margin: .3em 0;\">Ajout de la variation au panier par AJAX avec mise \u00e0 jour du mini-panier<\/li>\n<\/ul>\n<hr \/>\n<h3 style=\"font-size: 21px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Panneau de design avec propri\u00e9t\u00e9s CSS personnalis\u00e9es<\/h3>\n<p>Vous contr\u00f4lez l\u2019apparence des swatches depuis le panneau, en h\u00e9ritant des couleurs de votre th\u00e8me.<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\">Forme carr\u00e9e, ronde ou arrondie et taille du swatch en pixels<\/li>\n<li style=\"margin: .3em 0;\">Bordure, rayon, espacement (gap) et mise \u00e0 l\u2019\u00e9chelle au survol<\/li>\n<li style=\"margin: .3em 0;\">Style du swatch s\u00e9lectionn\u00e9 (bordure\/check) et de l\u2019\u00e9puis\u00e9 (croix\/opacit\u00e9\/masqu\u00e9)<\/li>\n<li style=\"margin: .3em 0;\">Variables &#8211;ehero-swatch-* et CSS personnalis\u00e9 pour les r\u00e9glages avanc\u00e9s<\/li>\n<\/ul>\n<hr \/>\n<h3 style=\"font-size: 21px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Compatibilit\u00e9 r\u00e9elle avec votre stack<\/h3>\n<p>Con\u00e7u pour fonctionner avec les th\u00e8mes et constructeurs r\u00e9ellement utilis\u00e9s par les boutiques.<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\">Compatible avec HPOS (tables de commandes haute performance de WooCommerce)<\/li>\n<li style=\"margin: .3em 0;\">R\u00e9initialisation automatique dans Bricks Builder et contenu charg\u00e9 par AJAX (quick view)<\/li>\n<li style=\"margin: .3em 0;\">Chargement diff\u00e9r\u00e9 dans les listes avec IntersectionObserver pour ne pas p\u00e9naliser les performances<\/li>\n<li style=\"margin: .3em 0;\">Prend en charge les produits variables, variable-subscription et ehero_variable_subscription<\/li>\n<\/ul>\n<hr \/>\n<h3 style=\"font-size: 21px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">\u00c9tiquettes, suffixes de prix et auto-s\u00e9lection<\/h3>\n<p>Des d\u00e9tails qui affinent la pr\u00e9sentation du prix et des options de chaque produit.<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\">Suffixe de prix configurable sur la fiche et dans la liste (ex. : &#8216;TVA non incluse&#8217;) avec couleur et taille<\/li>\n<li style=\"margin: .3em 0;\">Style des \u00e9tiquettes d\u2019attribut : couleur, taille et graisse de police, ou les masquer<\/li>\n<li style=\"margin: .3em 0;\">Infobulle avec le nom de la variante au survol<\/li>\n<li style=\"margin: .3em 0;\">Fallback d\u2019image (variante, produit ou aucun) lorsqu\u2019un terme n\u2019a pas sa propre miniature<\/li>\n<\/ul>\n<hr \/>\n<h3 style=\"text-align: center; font-size: 24px; line-height: 1.3; color: #017cba; margin: 1.6em 0 .4em;\">Id\u00e9al pour<\/h3>\n<p style=\"text-align: center; font-size: 15px; color: #475569; max-width: 720px; margin: 0 auto 1.3rem;\">Si vous cherchez <strong>des \u00e9chantillons visuels pour les variations de WooCommerce<\/strong>, voici votre outil. L\u00e0 o\u00f9 il s\u2019int\u00e8gre le mieux :<\/p>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px; margin: 0 auto 1.5rem;\">\n<div style=\"flex: 1 1 230px; background: #fff; border: 1px solid #dee2e6; border-radius: 10px; padding: 22px 20px; text-align: center;\">\n<p><span style=\"font-size: 32px;\">\ud83d\udc55<\/span><\/p>\n<h4 style=\"margin: 10px 0 6px; font-size: 18px; color: #1f2937;\">Boutiques de mode et de chaussures<\/h4>\n<p style=\"font-size: 13px; color: #6c757d; margin: 0; line-height: 1.55;\">Catalogues avec de nombreuses tailles et couleurs o\u00f9 le menu d\u00e9roulant cache l\u2019offre r\u00e9elle et freine l\u2019achat.<\/p>\n<\/div>\n<div style=\"flex: 1 1 230px; background: #fff; border: 1px solid #dee2e6; border-radius: 10px; padding: 22px 20px; text-align: center;\">\n<p><span style=\"font-size: 32px;\">\ud83c\udfa8<\/span><\/p>\n<h4 style=\"margin: 10px 0 6px; font-size: 18px; color: #1f2937;\">D\u00e9coration et mat\u00e9riaux<\/h4>\n<p style=\"font-size: 13px; color: #6c757d; margin: 0; line-height: 1.55;\">Produits avec motifs, textures ou finitions qui se comprennent mieux avec des miniatures et des images qu\u2019avec du texte.<\/p>\n<\/div>\n<div style=\"flex: 1 1 230px; background: #fff; border: 1px solid #dee2e6; border-radius: 10px; padding: 22px 20px; text-align: center;\">\n<p><span style=\"font-size: 32px;\">\ud83d\uded2<\/span><\/p>\n<h4 style=\"margin: 10px 0 6px; font-size: 18px; color: #1f2937;\">Commerces qui optimisent la conversion<\/h4>\n<p style=\"font-size: 13px; color: #6c757d; margin: 0; line-height: 1.55;\">Boutiques qui veulent que le client choisisse la couleur ou la taille depuis la liste et ajoute au panier sans \u00e9tapes suppl\u00e9mentaires.<\/p>\n<\/div>\n<div style=\"flex: 1 1 230px; background: #fff; border: 1px solid #dee2e6; border-radius: 10px; padding: 22px 20px; text-align: center;\">\n<p><span style=\"font-size: 32px;\">\ud83e\udde9<\/span><\/p>\n<h4 style=\"margin: 10px 0 6px; font-size: 18px; color: #1f2937;\">Sites avec Bricks et quick view<\/h4>\n<p style=\"font-size: 13px; color: #6c757d; margin: 0; line-height: 1.55;\">Projets sur Bricks Builder ou avec des modales de vue rapide qui n\u00e9cessitent des swatches se r\u00e9initialisant automatiquement.<\/p>\n<\/div>\n<\/div>\n<hr \/>\n<h3 style=\"text-align: center; font-size: 24px; line-height: 1.3; color: #017cba; margin: 1.6em 0 .4em;\">\ud83d\udccb Exigences syst\u00e8me<\/h3>\n<p style=\"text-align: center; font-size: 15px; color: #475569; max-width: 720px; margin: 0 auto 1.3rem;\">Compatibilit\u00e9 test\u00e9e avec les versions actuelles de WordPress et WooCommerce.<\/p>\n<div style=\"max-width: 720px; margin: 0 auto 1.4rem; border-radius: 12px; overflow: hidden;\">\n<table style=\"width: 100%; border-collapse: collapse; font-size: 14px;\">\n<tbody>\n<tr>\n<td style=\"padding: 9px 14px; font-weight: bold; color: #017cba; border-bottom: 1px solid #eef2f6; width: 240px;\">WordPress<\/td>\n<td style=\"padding: 9px 14px; color: #334155; border-bottom: 1px solid #eef2f6;\">5.8 ou sup\u00e9rieur<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 9px 14px; font-weight: bold; color: #017cba; border-bottom: 1px solid #eef2f6; width: 240px;\">PHP<\/td>\n<td style=\"padding: 9px 14px; color: #334155; border-bottom: 1px solid #eef2f6;\">7.4 ou sup\u00e9rieur<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 9px 14px; font-weight: bold; color: #017cba; border-bottom: 1px solid #eef2f6; width: 240px;\">WooCommerce<\/td>\n<td style=\"padding: 9px 14px; color: #334155; border-bottom: 1px solid #eef2f6;\">6.0 ou sup\u00e9rieur (test\u00e9 jusqu\u2019\u00e0 9.6, compatible HPOS)<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 9px 14px; font-weight: bold; color: #017cba; border-bottom: 1px solid #eef2f6; width: 240px;\">Licence<\/td>\n<td style=\"padding: 9px 14px; color: #334155; border-bottom: 1px solid #eef2f6;\">Cl\u00e9 EHERO valide pour activer le frontend<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<hr \/>\n<h3 style=\"text-align: center; font-size: 24px; color: #017cba;\">\ud83d\udedf Support technique<\/h3>\n<p style=\"text-align: center; font-size: 15px; color: #475569; max-width: 720px; margin: 0 auto;\">Support par e-mail en espagnol* \u00e0 <a href=\"mailto:soporte@consultoriaehero.com\">soporte@consultoriaehero.com<\/a> et manuel en ligne (ES\/EN), avec mises \u00e0 jour automatiques depuis votre tableau de bord.<\/p>\n<hr \/>\n<h3 style=\"text-align: center; font-size: 24px; line-height: 1.3; color: #017cba; margin: 1.6em 0 .4em;\">\u2696\ufe0f Comparatif : pourquoi EHERO Woo Swatches ?<\/h3>\n<p style=\"text-align: center; font-size: 15px; color: #475569; max-width: 720px; margin: 0 auto 1.3rem;\">Ce qui distingue Woo Swatches des alternatives.<\/p>\n<div>\n<div style=\"overflow: auto; max-width: 100%;\">\n<table style=\"width: 100%; border-collapse: collapse; font-size: 13px; min-width: 430px;\">\n<thead>\n<tr>\n<th style=\"padding: 11px 16px; text-align: left; color: #fff; background: #334155; font-size: 13px;\">Caract\u00e9ristique<\/th>\n<th style=\"padding: 11px 16px; text-align: center; color: #fff; background: #334155; font-size: 13px;\">Menu d\u00e9roulant natif de WooCommerce<\/th>\n<th style=\"padding: 11px 16px; text-align: center; color: #fff; background: #334155; font-size: 13px;\">Plugin de swatches g\u00e9n\u00e9rique<\/th>\n<th style=\"padding: 11px 16px; text-align: center; color: #fff; background: #017cba; font-size: 13px;\">EHERO Woo Swatches<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Couleur, image, \u00e9tiquette et bicolore<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #ca8a04; font-weight: 400;\">\u26a0\ufe0f Couleur et image uniquement<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705 Les quatre types + d\u00e9grad\u00e9s<\/td>\n<\/tr>\n<tr style=\"background: #f8f9fa;\">\n<td style=\"padding: 10px 16px; color: #334155;\">Swatches dans la liste de la boutique<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #ca8a04; font-weight: 400;\">\u26a0\ufe0f Limit\u00e9<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705 Avec changement d\u2019image et +N<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Ajouter une variation au panier depuis la liste<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705 Par AJAX avec mini-panier<\/td>\n<\/tr>\n<tr style=\"background: #f8f9fa;\">\n<td style=\"padding: 10px 16px; color: #334155;\">Compatible avec Bricks Builder et quick view<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #ca8a04; font-weight: 400;\">\u26a0\ufe0f Selon le plugin<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705 R\u00e9init automatique<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Compatible HPOS<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #ca8a04; font-weight: 400;\">\u26a0\ufe0f Pas toujours<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<tr style=\"background: #f8f9fa;\">\n<td style=\"padding: 10px 16px; color: #334155;\">Support et \u00e9cosyst\u00e8me EHERO en espagnol<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705 Support direct EHERO<\/td>\n<\/tr>\n<tr style=\"background: #f1f5f9; font-weight: bold;\">\n<td style=\"padding: 12px 16px;\">Prix \/ an<\/td>\n<td style=\"padding: 12px 16px; text-align: center;\">Gratuit<\/td>\n<td style=\"padding: 12px 16px; text-align: center;\">0-49 \u20ac<\/td>\n<td style=\"padding: 12px 16px; text-align: center; font-size: 18px; color: #1e40af; background: #dbeafe;\">59 \u20ac<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<hr \/>\n<div style=\"max-width: 100%; margin: 2em auto; background: linear-gradient(180deg,#f8fbff 0%,#fff 100%); border-radius: 16px; padding: 26px 30px;\">\n<h3 style=\"text-align: center; margin-top: 0; font-size: 23px; color: #017cba;\">\u2714\ufe0f Une licence, un domaine \u2014 tout compris<\/h3>\n<p style=\"text-align: center; color: #335066; margin-bottom: 0;\">Transformez chaque variante en une d\u00e9cision visuelle imm\u00e9diate et faites vendre davantage \u00e0 votre boutique sans toucher au code.<\/p>\n<\/div>\n<hr \/>\n<blockquote style=\"border-left: 4px solid #017cba; background: #f0f7ff; padding: 16px 20px; border-radius: 0 12px 12px 0; margin: 1.4em auto; max-width: 100%;\">\n<p style=\"margin: 0;\"><strong>Combien de ventes perds-tu chaque jour parce que tes clients n\u2019arrivent pas \u00e0 ouvrir le menu d\u00e9roulant des couleurs et des tailles ?<\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: center;\"><strong>Active aujourd\u2019hui les \u00e9chantillons visuels pour les variations de WooCommerce et transforme tes menus d\u00e9roulants en une exp\u00e9rience d\u2019achat qui convertit vraiment.<\/strong><\/p>\n<p style=\"text-align: center; font-size: 14px; color: #475569;\">D\u00e9couvre tous nos <a href=\"https:\/\/consultoriaehero.com\/fr\/categorie-de-produit\/plugins-woocommerce-fr\/\">plugins pour WooCommerce<\/a> ou visite la <a href=\"https:\/\/consultoriaehero.com\/fr\/boutique\/\">boutique de Consultor\u00eda EHERO<\/a>.<\/p>\n<p style=\"text-align: center; font-size: 12px; color: #94a3b8; margin-top: 1.6em; line-height: 1.5;\">*Le support couvre les incidents, les erreurs et l\u2019installation du plugin ; il n\u2019inclut pas la consultation, les configurations sur mesure ni les d\u00e9veloppements personnalis\u00e9s. Conditions applicables.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>EHERO Woo Swatches remplace les menus d\u00e9roulants de variations ennuyeux de votre boutique par <strong>des \u00e9chantillons visuels pour les variations de WooCommerce<\/strong> : couleurs, images, \u00e9tiquettes de texte et \u00e9chantillons bicolores que vos clients voient et choisissent en un coup d&#8217;\u0153il, aussi bien sur la fiche produit que dans la liste de la boutique.<\/p>\n","protected":false},"featured_media":5692,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_jf_save_progress":""},"product_brand":[],"product_cat":[5780,5776,5772,5752],"product_tag":[7036,7040,6608,7012,7024,7048,7044,7028,7020,7032,7008,7016],"class_list":["post-8485","product","type-product","status-publish","has-post-thumbnail","product_cat-experience-dachat","product_cat-gestion-du-catalogue","product_cat-marketing-et-conversion","product_cat-plugins-woocommerce-fr","product_tag-attributs-de-produit","product_tag-bricks-builder-fr","product_tag-conversion-woocommerce-fr","product_tag-echantillons-de-couleur","product_tag-etiquettes-de-taille","product_tag-experience-dachat","product_tag-hpos-fr","product_tag-image-par-variante","product_tag-selecteur-de-couleur-produit","product_tag-swatches-dans-la-boutique","product_tag-swatches-woocommerce-fr","product_tag-variations-woocommerce","first","instock","downloadable","virtual","sold-individually","taxable","purchasable","product-type-ehero_subscription"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product\/8485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/comments?post=8485"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media\/5692"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=8485"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product_brand?post=8485"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product_cat?post=8485"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product_tag?post=8485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}