Configurare le regole di visibilità
Le Visibility Rules sono un insieme di condizioni che determinano se un menu o un elemento di menu viene visualizzato a un visitatore specifico — in base a dispositivo, contenuto del carrello, programma, mercato, tag cliente o clienti B2B — applicando a entrambi i livelli con esattamente un insieme di regole.
Dove configurarle
- Livello elemento di menu: apri Edit item → gruppo Visibility → fai clic su Setup the Visibility rules. (Il gruppo Visibility si trova in un blocco compresso — se non lo vedi immediatamente, fai clic su See more per espanderlo.)
- Livello menu: apri il pannello Setting del menu → carta Visibility Rules.
- Scorciatoia dall’‘elenco menu: nella pagina dell’‘elenco menu, la colonna Visibility Rules mostra No rule o Setup per ogni menu — fai clic su Setup per andare direttamente alla carta Visibility Rules di quel menu.
- Scorciatoia dall’‘albero del menu: un elemento che non è sempre visibile mostra un’‘icona a occhio accanto al suo nome nell’‘albero — passa il mouse per vedere un riepilogo delle condizioni attive, oppure fai clic per aprire direttamente le Visibility Rules di quell’‘elemento.
Da qui in poi, tutte le condizioni, sintassi e il modo in cui si combinano sono condivise per entrambi i livelli — solo la posizione differisce.
Market / Customer tag / B2B si applicano solo a Shopify e sono attualmente campi di testo libero (nessun menu a discesa predefinito) — ogni campo ha un link “View your Markets” / “Manage customer tags” / “Manage B2B companies” che ti porta direttamente alla pagina corrispondente di Shopify Admin per verificare il valore esatto prima di digitare.
Condizioni supportate
| Condizione | Piano | Mostra quando | Valore di input |
|---|---|---|---|
| Device | Business e superiore | Corrisponde al dispositivo selezionato | All devices / Mobile only / Desktop only |
| Page / URL | Business e superiore | Tipo di pagina corretto o URL contiene/non contiene parola chiave | Seleziona tipi di pagina (Home/Products/Collections/Pages/Blogs/Others) + 2 campi parola chiave |
| Cart contents | Business e superiore | Il carrello ha N o più prodotti (o meno di N, con l’‘inversione “nascondi quando è meno” attivata) | Numero intero, ad es. 1 |
| Schedule | Business e superiore | Entro l’‘intervallo di data + ora impostato | Data/ora di inizio → fine, inserite in UTC (converti dall’‘ora locale prima di digitare), confrontate con l’‘orologio del dispositivo del visitatore |
| Market / Country | Elite | Il visitatore sta navigando nel mercato selezionato | Handle del mercato, più valori separati da virgole: us, ca |
| Customer tag | Elite | Il visitatore connesso ha il tag | Un singolo tag, ad es. vip |
| B2B customer | Elite | Il visitatore connesso utilizza un account B2B | Interruttore acceso/spento |
Come si combinano le condizioni
Tutte le condizioni abilitate devono tutte corrispondere perché il menu/elemento venga visualizzato — basta che una condizione fallisca per nasconderlo immediatamente. Le condizioni vuote vengono ignorate e non contano.
Ad esempio, abilitando sia Device = Mobile only che Schedule = 01/09–15/09: mostra solo ai visitatori su telefoni cellulari, e solo durante quelle 2 settimane esatte.
Una sola condizione abilitata che fallisce (ramo destro ✗) nasconde immediatamente il menu/elemento — indipendentemente dal fatto che altre condizioni passino. Le condizioni vuote (non abilitate) vengono ignorate e omesse.
5 esempi reali
1. Vendita all’‘ingrosso e al dettaglio contemporaneamente, nascondi i prezzi all’‘ingrosso ai clienti al dettaglio (livello menu)
Il tuo negozio vende sia all’‘ingrosso che al dettaglio. I clienti all’‘ingrosso (con un account B2B approvato da Shopify) acquistano a prezzi migliori e hanno il loro gruppo di prodotto/collezione. Vuoi un gruppo di menu “Prezzi all’‘ingrosso”, “Ordini all’‘ingrosso veloci”, “Prodotti all’‘ingrosso” — visualizzazione solo ai clienti all’‘ingrosso, mentre i visitatori al dettaglio non vedono alcun menu di questo tipo (evitando confusione sui prezzi e nascondendo gli sconti).
Come fare: Crea un menu separato (o gruppo di menu) contenente link all’‘ingrosso. Vai a Setting → Visibility Rules, abilita B2B customer. Risultato: questo menu intero viene visualizzato solo ai visitatori collegati con account B2B; i clienti al dettaglio (anche se collegati) non vedranno questo menu mentre navigano.
2. Banner promozionale a tempo limitato, mostra solo durante l’‘acquisto (livello elemento)
Vuoi un banner “Spedizione gratuita su ordini da 50€+” che si visualizzi solo durante la vendita e solo per i clienti che hanno aggiunto almeno un prodotto al carrello (evita di distrarre i nuovi visitatori all’‘arrivo).
Come fare: Sull’‘elemento banner, fai clic su Setup the Visibility rules → abilita Cart contents = 1, e Schedule = date di inizio/fine della vendita.
3. Link di offerta esclusiva per clienti VIP (livello elemento)
Vuoi un elemento di menu “Offerte VIP” visibile solo ai clienti contrassegnati come VIP, mentre i clienti normali non sanno nemmeno che esista.
Come fare: Contrassegna il gruppo di clienti VIP tramite Shopify Flow/Customer Segment (Segment → Flow “Customer enters segment” → applica tag). Sull’‘elemento, fai clic su Setup the Visibility rules → abilita Customer tag = vip.
4. Tab Bar Premium per clienti VIP (livello menu)
Il tuo negozio vuole che i clienti VIP abbiano un’‘esperienza di navigazione diversa — sfondo scuro, effetti brillanti, sensazione premium — invece di condividere l’‘interfaccia standard con tutti gli altri.
Come fare: Crea una Tab Bar separata con un modello scuro premium, pubblicala nella stessa posizione di Tab Bar che il tuo negozio utilizza per impostazione predefinita. Vai a Setting → Visibility Rules, abilita Customer tag = vip (contrassegna tramite Shopify Flow/Customer Segment come nell’‘esempio 3). Risultato: i clienti contrassegnati VIP vedono la Tab Bar premium; i clienti normali vedono ancora la tua Tab Bar standard. (Mobile Menu utilizza lo stesso approccio.)
5. FAB spinge la vendita aggiuntiva proprio quando il cliente aggiunge il primo articolo (livello menu)
Il cliente ha appena aggiunto il suo primo prodotto al carrello — il momento decisivo — e vuoi che un pulsante mobile (FAB) con informazioni promozionali compaia (“acquista di più per sbloccare la spedizione gratuita”, regalo gratuito…) per spingerlo più velocemente verso il checkout, invece che il FAB si visualizzi sempre e confonda la vista dall’‘inizio.
Come fare: Crea un FAB (Floating Button) con contenuto promozionale. Vai a Setting → Visibility Rules, abilita Cart contents = 1 (mostra solo quando il carrello ha 1+ prodotti). Risultato: il FAB rimane nascosto finché un cliente non aggiunge il primo prodotto al suo carrello. Nota: la condizione controlla solo il NUMERO di prodotti nel carrello, non il valore dell’‘ordine — “50€+ sblocca la spedizione gratuita” è il testo di marketing che scrivi all’‘interno del FAB stesso, non una Visibility Rule che calcola in base al prezzo.