Salta ai contenuti
Prova gratis per 7 giorni
Italiano
Apri in Claude Fai domande su questa paginaApri in ChatGPT Fai domande su questa pagina

Configura le condizioni di visualizzazione

Controlla dove compare ogni banner e a chi viene mostrato, usando il selettore della posizione e i pannelli delle condizioni nella scheda Placement.

La scheda Placement dell’editor dei banner controlla due aspetti: dove si trova la barra nella pagina e a chi viene mostrata. Entrambi i tipi di banner, base e a scorrimento infinito, usano la stessa scheda.

Mentre crei o modifichi un banner in Sami Product Labels, fai clic su Placement in alto nel pannello di sinistra.

La scheda Placement con le sei posizioni di visualizzazione e i pannelli delle condizioni

La scheda Placement: un selettore della posizione in alto, i pannelli delle condizioni sotto.

Position è il primo pannello ed è obbligatorio: ogni banner ne ha una.

Posizione Comportamento
Top Si trova sopra il contenuto della pagina e lo sposta verso il basso.
Top Sticky Sposta il contenuto verso il basso e resta visibile mentre la persona scorre la pagina.
Top Overlay Si sovrappone alla parte alta del contenuto della pagina invece di spostarlo.
Overlay Sticky Si sovrappone al contenuto e resta visibile mentre la persona scorre la pagina.
Bottom Sticky Fissato in fondo all’area visibile.
Custom Per impostazione predefinita non viene mostrato da nessuna parte: lo posizioni tu con lo shortcode. Vedi Posizionamento con lo shortcode.

Tutto ciò che si trova sotto il selettore della posizione è facoltativo. Lascia vuoto un pannello e non pone alcuna restrizione: il banner viene mostrato a tutti, ovunque la posizione lo consenta.

Limita il banner ai prodotti che rispettano una regola. Fai clic su Add conditions, poi crea una riga con tre parti: un campo, un operatore (is equal to / is not equal to) e un valore.

Campo Valore da scegliere
Select Products Singoli prodotti del tuo catalogo.
Product tag Uno o più tag prodotto.
Product compare price Un prezzo di confronto, per selezionare gli articoli scontati.
Collections Una o più collezioni.

Usa l’icona di eliminazione alla fine di una riga per rimuoverla e Add conditions di nuovo per aggiungere altre righe.

Quando un pannello contiene più di una riga, il pulsante di scelta Products must match decide come si combinano:

  • all conditions — ogni riga deve essere vera (AND). Ad esempio, un prodotto con il tag sale e nella collezione Clearance.
  • any condition — basta una riga (OR). Ad esempio, un prodotto con il tag sale oppure nella collezione Clearance.

Il pulsante di scelta Products must match con le opzioni all conditions e any condition

Passa dalla logica AND a quella OR per le righe di un pannello.

Vedi Riferimento degli operatori di condizione per il comportamento completo di ogni operatore.

Limita il banner in base a chi sta navigando. Fai clic su Add conditions, poi scegli un campo:

Campo Opzioni
Customer Is Logged In o Not Logged In.
Customer tag Corrisponde a uno o più tag cliente.

Limita il banner a certi tipi di pagina. Ogni riga è Page + un operatore + un tipo di pagina:

Tipo di pagina Dove si applica
Index page La home page del tuo negozio.
Collection page Le pagine che elencano i prodotti di una collezione.
Product page Le singole pagine di dettaglio dei prodotti.
Article Page Le pagine degli articoli del blog.
Blog page Le pagine con l’elenco del blog.
Cart page La pagina del carrello, compreso il carrello a comparsa.
Search page I risultati di ricerca.
Specific pages Qualsiasi altra pagina, individuata dall’URL che inserisci.

Attiva il pannello con il suo interruttore, scegli un Operator, Equals o Not equals, poi cerca e seleziona le lingue del tuo negozio. Il banner viene mostrato solo quando la lingua attiva della persona corrisponde.

Attiva il pannello con il suo interruttore, scegli un Operator, Equals o Not equals, poi cerca e seleziona i paesi. Utile per messaggi di spedizione o promozionali specifici di una regione.

Contiene una sola impostazione Device targeting: All devices, Desktop o Mobile.

Pianifica il banner con una data e un’ora di Start e di End, entrambe nel formato YYYY-MM-DD HH:mm. Lascia vuoto un campo per lasciare aperto quel lato dell’intervallo: imposta solo End, ad esempio, per mostrare un banner fino alla fine di un saldo.

Scegli la posizione Custom quando ti serve il banner in un punto esatto del tuo tema invece che fissato in alto o in basso nella pagina.

  1. Apri il pannello Shortcode in fondo alla scheda Placement e fai clic su Copy. Lo snippet è questo:

    <div class="samitaPL-banner" data-id="YOUR_BANNER_ID"></div>

    Puoi copiarlo anche dalla colonna Shortcode nell’elenco dei banner.

  2. Nell’amministrazione Shopify, vai su Negozio online > Temi > Modifica codice e incolla lo snippet nel modello Liquid, oppure in una sezione HTML personalizzato, nel punto in cui il banner deve comparire.

  • Parti da un’ampia selezione, poi restringila. Scegli prima la posizione, verifica che il banner compaia e solo dopo aggiungi le condizioni.
  • Ricorda che i pannelli si combinano. Le condizioni di pannelli diversi devono essere tutte rispettate: una condizione sui prodotti più una condizione sulle pagine significa che entrambe devono corrispondere.
  • Controlla entrambi i dispositivi. Usa l’interruttore dell’anteprima mobile sopra l’editor e imposta Device targeting se un messaggio ha senso solo su uno.
  • Prova nella tua vetrina. Attiva il banner e carica le pagine interessate per verificare che compaia dove ti aspetti.

Questa pagina ti è stata utile?