EHERO Woo Swatches – Campioni visivi per le varianti di WooCommerce

Campioni visivi per le variazioni di WooCommerce

I selettori a discesa nativi di WooCommerce nascondono le tue varianti dietro un menu grigio. Il cliente non vede quali colori sono disponibili, deve aprire il menu a tendina taglia per taglia e, molte volte, abbandona il prodotto senza arrivare a capire cosa vendi. In un catalogo di moda, calzature o arredamento, quel menu a tendina è un freno diretto alla conversione.

EHERO Woo Swatches risolve questo problema con campioni visivi per le variazioni di WooCommerce. Il plugin intercetta automaticamente il menu a tendina standard di Woo e lo sostituisce con swatch a tinta unita, miniature immagine, pulsanti di testo, swatch bicolore in diagonale e sfumature premium. Il cliente vede tutte le opzioni insieme, con tooltip al passaggio del mouse, cambio immagine del prodotto al selezionare la variante, prezzo aggiornato in tempo reale e avviso di stock per variante.

Inoltre, questi campioni visivi per le variazioni di WooCommerce compaiono anche nell’elenco del negozio: il cliente sceglie colore o taglia senza entrare nella scheda e può aggiungere al carrello direttamente dall’archive. Tutto è configurabile per attributo e per termine, con un pannello di design che controlla forma, dimensione, bordi, ombre e lo stile dello swatch selezionato o esaurito, ereditando i colori del tuo tema tramite CSS custom properties.

Cinque tipi di swatch configurabili per attributo

Ogni attributo del tuo catalogo viene mostrato nel formato che lo rappresenta meglio, senza mescolare criteri.

• Colore solido con campione a partire dall’hex salvato nel termine
• Immagine/miniatura per stampe, texture o materiali
• Etichetta di testo (S, M, L, XL) con colore di sfondo, colore del testo e icona opzionale
• Swatch bicolore in diagonale a 135º e sfumature premium predefinite (oro, argento, bronzo, oceano…)

Scheda prodotto che converte

Il plugin sostituisce il menu a tendina nativo di WooCommerce e si sincronizza con il modulo delle variazioni di Woo.

• Swatch selezionato evidenziato con bordo o check visivo configurabile
• Variante esaurita barrata con una croce, semitrasparente o nascosta secondo l’impostazione
• Cambio dell’immagine della galleria al selezionare la variante (gallery swap)
• Prezzo in tempo reale, avviso di stock ‘Ne restano solo X’ e price delta tra varianti

Swatch anche nell’elenco del negozio

I clienti scelgono la variante senza entrare nella scheda, direttamente dall’archive o dallo shop.

• Posizione configurabile: prima dell’immagine, dopo il titolo o dopo il prezzo
• Cambio immagine del prodotto al clic su uno swatch nell’elenco
• Limite di swatch visibili con indicatore ‘+N’ per non saturare
• Aggiungi variazione al carrello via AJAX con aggiornamento del mini-carrello

Pannello di design con CSS custom properties

Controlli l’aspetto degli swatch dal pannello, ereditando i colori del tuo tema.

• Forma quadrata, rotonda o rounded e dimensione dello swatch in pixel
• Bordo, raggio, spaziatura (gap) e scala al passaggio del mouse
• Stile dello swatch selezionato (bordo/check) e di quello esaurito (croce/opacità/nascosto)
• Variabili –ehero-swatch-* e CSS personalizzato per regolazioni avanzate

Compatibilità reale con il tuo stack

Pensato per funzionare con i temi e i builder che usano davvero i negozi.

• Compatibile con HPOS (tabelle ordini ad alte prestazioni di WooCommerce)
• Reinizializzazione automatica in Bricks Builder e contenuti caricati via AJAX (quick view)
• Caricamento differito negli elenchi con IntersectionObserver per non penalizzare le prestazioni
• Supporta prodotti variabili, variable-subscription e ehero_variable_subscription

Etichette, suffissi di prezzo e auto-selezione

Dettagli che rifiniscono la presentazione del prezzo e delle opzioni di ogni prodotto.

• Suffisso di prezzo configurabile nella scheda e nell’elenco (es: ‘IVA non inclusa’) con colore e dimensione
• Stile delle etichette dell’attributo: colore, dimensione e peso del font, oppure nasconderle
• Tooltip con il nome della variante al passaggio del mouse
• Fallback immagine (variante, prodotto o nessuno) quando un termine non ha una miniatura propria

Ideale per

Se cerchi campioni visivi per le variazioni di WooCommerce, questo è il tuo strumento. Dove si adatta meglio:

📋 Requisiti di sistema

Compatibilità testata con le versioni attuali di WordPress e WooCommerce.

🛟 Supporto tecnico

Supporto via email in spagnolo* a soporte@consultoriaehero.com e manuale online (ES/EN), con aggiornamenti automatici dal tuo pannello.

⚖️ Confronto: perché EHERO Woo Swatches?

Ciò che distingue Woo Swatches dalle alternative.

Quante vendite perdi ogni giorno perché i tuoi clienti non arrivano ad aprire il menu a discesa dei colori e delle taglie?

Attiva oggi le anteprime visive per le variazioni di WooCommerce e trasforma i tuoi menu a discesa in un’esperienza di acquisto che converte davvero.

Scopri tutti i nostri plugin per WooCommerce o visita il negozio di Consultoría EHERO.

*Il supporto copre incidenti, errori e installazione del plugin; non include consulenza, configurazioni su misura né sviluppi personalizzati. Si applicano condizioni.