EHERO Woo Swatches – Amostras visuais para variações de WooCommerce

Amostras visuais para variações de WooCommerce

Os seletores suspensos nativos do WooCommerce escondem as suas variantes atrás de um menu cinzento. O cliente não vê 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álogo de moda, calçado ou decoração, esse menu suspenso é um travão direto à conversão.

EHERO Woo Swatches resolve este problema com amostras visuais para variações de WooCommerce. O plugin interceta automaticamente o menu suspenso padrão do Woo e substitui-o por swatches de cor sólida, miniaturas de imagem, botões de texto, swatches bicolores em diagonal e degradados premium. O cliente vê todas as opções ao mesmo tempo, com tooltip ao passar o rato, mudança da imagem do produto ao selecionar a variante, preço atualizado em tempo real e aviso de stock por variante.

Além disso, estas amostras visuais para variações de WooCommerce também aparecem na listagem da loja: o cliente escolhe cor ou tamanho sem entrar na ficha e pode adicionar ao carrinho a partir do próprio archive. Tudo é configurável 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és de CSS custom properties.

Cinco tipos de swatch configuráveis por atributo

Cada atributo do seu catálogo é mostrado com o formato que melhor o representa, sem misturar critérios.

• Cor sólida com amostra a partir do hex guardado no termo
• Imagem/miniatura para estampados, texturas ou materiais
• Etiqueta de texto (S, M, L, XL) com cor de fundo, cor de texto e ícone opcional
• Swatch bicolor em diagonal a 135º e degradados premium predefinidos (ouro, prata, bronze, oceano…)

Ficha de produto que converte

O plugin substitui o menu suspenso nativo do WooCommerce e sincroniza com o formulário de variações do Woo.

• Swatch selecionado marcado com borda ou check visual configurável
• Variante esgotada riscada com cruz, semitransparente ou oculta conforme ajuste
• Mudança da imagem da galeria ao selecionar a variante (gallery swap)
• Preço em tempo real, aviso de stock ‘Só restam X’ e price delta entre variantes

Swatches também na listagem da loja

Os clientes escolhem a variante sem entrar na ficha, diretamente do archive ou da shop.

• Posição configurável: antes da imagem, após o título ou após o preço
• Mudança da imagem do produto ao clicar num swatch na listagem
• Limite de swatches visíveis com indicador ‘+N’ para não saturar
• Adicionar variação ao carrinho por AJAX com atualização do mini-carrinho

Painel de design com CSS custom properties

Controla a aparência dos swatches a partir do painel, herdando as cores do seu tema.

• Forma quadrada, redonda ou rounded e tamanho do swatch em píxeis
• Borda, raio, espaçamento (gap) e escala ao passar o rato
• Estilo do swatch selecionado (borda/check) e do esgotado (cruz/opacidade/oculto)
• Variáveis –ehero-swatch-* e CSS personalizado para ajustes avançados

Compatibilidade real com o seu stack

Pensado para funcionar com os temas e construtores que as lojas realmente usam.

• Compatível com HPOS (tabelas de pedidos de alto desempenho do WooCommerce)
• Reinicialização automática em Bricks Builder e conteúdo carregado por AJAX (quick view)
• Carregamento diferido em listagens com IntersectionObserver para não penalizar o desempenho
• Suporta produtos variáveis, variable-subscription e ehero_variable_subscription

Etiquetas, sufixos de preço e auto-seleção

Detalhes que afinam a apresentação do preço e as opções de cada produto.

• Sufixo de preço configurável na ficha e na listagem (ex: ‘IVA não incluído’) com cor e tamanho
• Estilo das etiquetas de atributo: cor, tamanho e peso da fonte, ou ocultá-las
• Tooltip com o nome da variante ao passar o rato
• Fallback de imagem (variante, produto ou nenhum) quando um termo não tem miniatura própria

Ideal para

Se procura amostras visuais para variações de WooCommerce, esta é a sua ferramenta. Onde melhor se encaixa:

📋 Requisitos do sistema

Compatibilidade testada com as versões atuais do WordPress e WooCommerce.

🛟 Suporte técnico

Suporte por email em espanhol* em soporte@consultoriaehero.com e manual online (ES/EN), com atualizações automáticas a partir do seu painel.

⚖️ Comparação: por que EHERO Woo Swatches?

O que distingue o Woo Swatches face às alternativas.

Quantas vendas você perde todos os dias porque seus clientes não chegam a abrir o menu suspenso de cores e tamanhos?

Ative hoje as amostras visuais para variações de WooCommerce e transforme seus menus suspensos em uma experiência de compra que realmente converte.

Descubra todos os nossos plugins para WooCommerce ou visite a loja da Consultoria EHERO.

*O suporte cobre incidentes, erros e instalação do plugin; não inclui consultoria, configurações à medida nem desenvolvimentos personalizados. Aplicam-se condições.