{"id":6814,"date":"2026-07-09T16:35:30","date_gmt":"2026-07-09T14:35:30","guid":{"rendered":"https:\/\/consultoriaehero.com\/?post_type=product&p=6814"},"modified":"2026-08-10T13:50:32","modified_gmt":"2026-08-10T11:50:32","slug":"ehero-woo-swatches-amostras-visuais-para-variacoes-de-woocommerce","status":"publish","type":"product","link":"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-swatches-amostras-visuais-para-variacoes-de-woocommerce\/","title":{"rendered":"EHERO Woo Swatches \u2013 Amostras visuais para varia\u00e7\u00f5es de WooCommerce"},"content":{"rendered":"
\n

Amostras visuais para varia\u00e7\u00f5es de WooCommerce<\/h2>\n

Os seletores suspensos nativos do WooCommerce escondem as suas variantes atr\u00e1s de um menu cinzento. O cliente n\u00e3o v\u00ea que cores existem, tem de abrir o menu suspenso tamanho a tamanho e, muitas vezes, abandona o produto sem chegar a perceber o que vende. Num cat\u00e1logo de moda, cal\u00e7ado ou decora\u00e7\u00e3o, esse menu suspenso \u00e9 um trav\u00e3o direto \u00e0 convers\u00e3o.<\/p>\n

EHERO Woo Swatches resolve este problema com amostras visuais para varia\u00e7\u00f5es de WooCommerce<\/strong>. O plugin interceta automaticamente o menu suspenso padr\u00e3o do Woo e substitui-o por swatches de cor s\u00f3lida, miniaturas de imagem, bot\u00f5es de texto, swatches bicolores em diagonal e degradados premium. O cliente v\u00ea todas as op\u00e7\u00f5es ao mesmo tempo, com tooltip ao passar o rato, mudan\u00e7a da imagem do produto ao selecionar a variante, pre\u00e7o atualizado em tempo real e aviso de stock por variante.<\/p>\n

Al\u00e9m disso, estas amostras visuais para varia\u00e7\u00f5es de WooCommerce<\/strong> tamb\u00e9m aparecem na listagem da loja: o cliente escolhe cor ou tamanho sem entrar na ficha e pode adicionar ao carrinho a partir do pr\u00f3prio archive. Tudo \u00e9 configur\u00e1vel por atributo e por termo, com um painel de design que controla forma, tamanho, bordas, sombras e o estilo do swatch selecionado ou esgotado, herdando as cores do seu tema atrav\u00e9s de CSS custom properties.<\/p>\n

\n
\n
\n
Mais convers\u00e3o visual<\/div>\n
De menu suspenso cinzento a loja visual em 3 passos<\/div>\n
Configure as amostras visuais para varia\u00e7\u00f5es de WooCommerce<\/strong> sem tocar numa linha de c\u00f3digo.<\/div>\n<\/div>\n
\n\n\n\n\n\n\n
1. Defina o tipo por atributo<\/td>\nEm Produtos \u2192 Atributos escolhe se cada atributo (Cor, Tamanho, Material) \u00e9 mostrado como cor, imagem, etiqueta ou bicolor; aplica-se a todos os seus termos de uma s\u00f3 vez.<\/td>\n<\/tr>\n
2. Atribua cor, imagem ou degradado a cada termo<\/td>\nEm cada termo do atributo guarda a sua cor hex, segunda cor para bicolor, miniatura, degradado predefinido (ouro, prata, oceano\u2026) ou badge, tudo com o color picker nativo do WordPress.<\/td>\n<\/tr>\n
3. Ajuste o design e ative a loja<\/td>\nA partir da p\u00e1gina de Design controla forma, tamanho, borda, swatch selecionado e esgotado; ativa os swatches na listagem e deixa que o plugin substitua os menus suspensos em todo o site.<\/td>\n<\/tr>\n
Documenta\u00e7\u00e3o<\/td>\nManual online (ES\/EN) dispon\u00edvel aqui<\/a>. D\u00favidas antes de comprar? Escreva-nos para soporte@consultoriaehero.com<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n
\n

Cinco tipos de swatch configur\u00e1veis por atributo<\/h3>\n

Cada atributo do seu cat\u00e1logo \u00e9 mostrado com o formato que melhor o representa, sem misturar crit\u00e9rios.<\/p>\n