1. Casa
  2. Base di conoscenza
  3. Advanced Promo Kit
  4. Come Creare Etichette Prodotto in Advanced Promo Kit

Come Creare Etichette Prodotto in Advanced Promo Kit

Advanced Promo Kit ti consente di aggiungere etichette prodotto accattivanti — badge che si trovano direttamente sulle immagini dei prodotti nel tuo negozio WooCommerce. Le etichette sono completamente personalizzabili: scegli tu la forma, il testo, i colori, le dimensioni e la posizione, e puoi opzionalmente pianificarle per apparire solo durante un periodo di saldi o una campagna. Questo articolo ti guida nella creazione della tua prima etichetta dall'inizio alla fine.

Cosa ti serve

  • WooCommerce installato e attivo
  • Advanced Promo Kit installato e attivo Advanced Promo Kit
  • Almeno un prodotto WooCommerce pubblicato

Passo 1 — Apri la Schermata Crea Etichetta

Nella dashboard di WordPress, fai clic su Promo Kit nel menu a sinistra, quindi fai clic su Crea etichetta.

Il menu di amministrazione di Advanced Promo Kit si è espanso nella barra laterale di WordPress, con Crea etichetta evidenziata

Passo 2 — Compila la Scheda Generale

La scheda Generale controlla cosa dice la tua etichetta e quale forma assume.

  1. Nel campo Titolo, inserisci un nome interno per questa etichetta. Questo è solo per tuo riferimento e non viene mostrato ai clienti.
  2. Nel campo Etichetta Badge, digita il testo che vuoi che appaia sul badge — ad esempio, SALDI, NUOVO, o -20%. Puoi usare variabili dinamiche (vedi la tabella sottostante) per mostrare automaticamente dati prodotto in tempo reale. Come Usare i Segnaposto di Contenuto Dinamico nelle Etichette Prodotto
  3. Sotto Opzioni testo, imposta la dimensione del carattere (da 8 a 72 px), il peso del carattere (Normale, Grassetto, Semi Grassetto o Light) e l'altezza della linea.
  4. Sotto Forma Badge, fai clic sulla forma che desideri utilizzare. Ci sono 12 forme disponibili: Rettangolo Orizzontale, Rettangolo Verticale, Pillola, Cerchio, Quadrato, Nastro Sinistro, Nastro Destro, Tag, Esagono, Stella, Banner e Immagine Personalizzata. Se scegli Immagine Personalizzata, appare un pulsante di caricamento in modo da poter utilizzare il tuo file immagine come badge.

Variabili Dinamiche

Digita uno qualsiasi di questi codici nel campo Etichetta Badge. Advanced Promo Kit li sostituirà con valori reali quando l'etichetta viene mostrata su un prodotto nel tuo negozio.

VariabileSostituito con
{product_price}Il prezzo attuale del prodotto
{regular_price}Il prezzo regolare (non in saldo) del prodotto
{sale_price}Il prezzo in saldo del prodotto
{discount_percent}La percentuale di sconto, es. 20%
{discount_amount}L'importo fisso dello sconto, es. 10€
{stock_quantity}Il conteggio attuale delle scorte del prodotto
La scheda Generale nella schermata Crea etichetta, che mostra il campo Titolo, il campo Etichetta badge, il pannello delle variabili dinamiche e il selettore della forma del badge con tutte le 12 forme visibili

Passo 3 — Personalizza lo Stile

Fai clic sulla scheda Stile per controllare l'aspetto della tua etichetta. La scheda è divisa in diverse sezioni.

Opzioni di stile

  • Colore badge — fai clic sul campione di colore per aprire il selettore di colori e scegliere un colore di sfondo per la tua etichetta.
  • Larghezza e Altezza — inserisci valori in pixel (20–500 px) per impostare le dimensioni del badge.
  • Raggio del bordo — regola ogni angolo in modo indipendente per arrotondare i bordi.
  • Stili aggiuntivi — aggiungi qualsiasi CSS personalizzato di cui hai bisogno per questa etichetta specifica.

Opacità e posizionamento

  • Opacità — imposta la trasparenza dell'etichetta da 0 (invisibile) a 100 (completamente opaca).
  • Rotazione — ruota il badge tra 0 e 360 gradi.
  • Direzione del testo — scegli Orizzontale o Verticale.
  • Posizionamento badge — scegli se il badge si trova sull'immagine del prodotto (sovrapponendola) o al di fuori dell'immagine (sotto di essa).
  • Posizione — scegli in alto o in basso, e a sinistra o a destra, quindi inserisci offset in pixel per perfezionare esattamente dove appare il badge.

Altre opzioni di stile

La scheda Stile ti offre anche queste opzioni:

  • Gradiente — abilita un riempimento sfumato a due colori. Scegli tra sei direzioni di gradiente.
  • Ombra — aggiungi un'ombra al tuo badge con un colore personalizzato, raggio di sfocatura e offset X/Y.
  • Animazione — fai animare automaticamente il badge. Effetti disponibili: Pulsazione, Lampeggio, Scuotimento, Rimbalzo, Rotazione e Oscillazione.
  • URL cliccabile — rendi il badge un link cliccabile che porta i clienti a un URL specificato.
  • Tooltip — mostra un testo tooltip quando i clienti passano il mouse sopra il badge.
La scheda Stile nella schermata Crea etichetta, che mostra le sezioni Opzioni di stile, Opacità e Posizione e le opzioni di stile aggiuntive, con l'anteprima live visibile sulla destra

Passaggio 4 — Imposta una pianificazione (facoltativo)

Fai clic sulla scheda Pianificazione se desideri che l'etichetta appaia solo durante uno specifico intervallo di tempo, ad esempio solo durante una svendita del fine settimana.

  • Data di inizio — la data e l'ora in cui l'etichetta inizia a essere visualizzata. Lascia vuoto per mostrare l'etichetta immediatamente dopo il salvataggio.
  • Data di fine — la data e l'ora in cui l'etichetta smette di essere visualizzata. Lascia vuoto per mostrare l'etichetta a tempo indeterminato.
La scheda Pianificazione nella schermata Crea etichetta, che mostra i campi Data di inizio e Data di fine

Passaggio 5 — Salva l'etichetta

Una volta soddisfatto delle impostazioni, fai clic su Salva in cima alla schermata. L'etichetta viene creata e apparirà nel tuo elenco di etichette. Imposta l'interruttore in cima alla schermata su Attivo in modo che l'etichetta venga visualizzata sul tuo storefront, poiché una nuova etichetta inizia inattiva. Puoi modificarla in qualsiasi momento facendo clic su di essa nell'elenco.

Il pulsante Salva evidenziato in alto nella schermata Crea etichetta

Utilizzo dell'anteprima live

Man mano che compili le schede Generale e Stile, l'anteprima live sul lato destro dello schermo si aggiorna in tempo reale. Mostra un prodotto di esempio con la tua etichetta applicata in modo da poter vedere come apparirà prima di salvare.

L'anteprima utilizza valori di prodotto fittizi. Variabili dinamiche come {discount_percent} visualizzeranno i valori corretti per ogni prodotto reale nel tuo negozio una volta che l'etichetta sarà attiva.

Domande Frequenti

Come assegno un'etichetta a prodotti specifici?
Dopo aver salvato un'etichetta, apri il prodotto che desideri taggare e trova il metabox Advanced Promo Kit nella schermata di modifica del prodotto. Crea l'etichetta lì. Si applica solo a quel prodotto e ha sempre la priorità sulle etichette globali. Puoi anche utilizzare la scheda Condizioni durante la creazione di un'etichetta per applicarla automaticamente ai prodotti che corrispondono ai criteri che definisci Come impostare regole di visualizzazione delle etichette e condizioni in Advanced Promo Kit — ad esempio, tutti i prodotti di una particolare categoria o in saldo.

Posso usare più di un'etichetta sullo stesso prodotto?
Un prodotto può avere un'etichetta specifica per prodotto, più tutte le etichette globali le cui condizioni soddisfa. L'impostazione Etichette massime per prodotto limita quante ne appaiono contemporaneamente e il suo valore predefinito è 3. Ogni etichetta ha le proprie impostazioni di posizione, quindi puoi impilarle o distribuirle sull'immagine del prodotto.

Il testo del mio badge appare compresso o tagliato. Come posso risolvere?
Apri la scheda Stile per la tua etichetta e aumenta i valori di Larghezza (Pixel) e Altezza (Pixel). Puoi anche ridurre la dimensione del carattere sotto Opzioni testo nella scheda Generale. La dimensione predefinita del badge è 80x30px, adatta per testi brevi, quindi le etichette più lunghe, comprese quelle che utilizzano segnaposto dinamici, necessitano di più spazio. Un buon punto di partenza è da 240 a 280px di larghezza e da 36 a 40px di altezza. Visualizza in anteprima il risultato e regola finché il testo non si adatta comodamente.

Serve aiuto?

Se hai una domanda o riscontri problemi, siamo qui per aiutarti.

Questo articolo è stato utile?

Articoli correlati

Completa il tuo acquisto