Come aggiungere immagini basate su regole a Iterable
Handlebars decide il contenuto quando Iterable invia l'email. Un'immagine basata su regole decide di nuovo ogni volta che l'email viene aperta, utilizzando l'ora, il dispositivo o i campi utente.
Aggiungi le decisioni relative al tempo di apertura ai tuoi modelli Iterable.
Con Sendtric Immagini basate su regole, uno slot immagine nel tuo template Iterable può contenere diverse immagini, ognuna con le proprie condizioni. Ogni volta che l’email viene aperta, Sendtric controlla le condizioni partendo dall’inizio e mostra la prima immagine che soddisfa i requisiti. Le condizioni possono basarsi su data, giorno, ora, dispositivo, sistema operativo, client di posta o sul valore di un campo Iterable.

Iterable gestisce già molti contenuti condizionali grazie agli helper di Handlebars, come #ifEq, che vengono valutati quando il messaggio viene visualizzato per l’invio. Usa Handlebars per le scelte che vengono definite al momento dell’invio, e un’immagine basata su regole per tutto ciò che dipende da quando o su quale dispositivo l’utente legge effettivamente l’e-mail.
Cosa puoi fare con le immagini basate su regole in Iterable
- Prompt per il download delle app: mostra il badge dell'App Store su iPhone e quello di Google Play su Android, utilizzando un unico spazio per l'immagine.
- Offerte che seguono l'orario: un servizio di consegna a domicilio o un negozio online propone un'offerta per il pranzo prima delle 14:00 e una per la cena dopo le 17:00, nel fuso orario dell'utente.
- Immagini relative al piano o al livello: scegli il banner da un campo del profilo come
planoppuretier, senza annidare blocchi Handlebars attorno a diverse immagini. - Idea creativa per il weekend: una campagna ricorrente che mostra un banner diverso il sabato e la domenica.
Le regole relative al testo e al sistema operativo funzionano su tutti i piani; quelle relative a data e ora sono disponibili a partire dal piano Standard, mentre le regole relative ai dispositivi e ai confronti tra numeri richiedono il piano Power. Ogni immagine può contenere 2 foto sul piano Free, 4 sul Micro, 10 sullo Standard e un numero illimitato sui piani Power ed Enterprise. Un’immagine di riserva richiede il piano Micro o superiore. Vedi Prezzi.
Come aggiungere un'immagine basata su regole a Iterable
Passo 1: Aggiungi le tue immagini, partendo da quelle più specifiche
In Sendtric, vai su Immagini basate su regole, clicca su Crea nuovo e usa Aggiungi immagine per ogni opzione. Vince la prima corrispondenza e le immagini non possono essere riordinate in seguito, quindi aggiungi prima quella più specifica e quelle più generiche per ultime.
Fase 2: Scrivi le condizioni
Clicca su Aggiorna condizioni su ogni immagine per aprire Mostra questa immagine. Scegli tutte le condizioni (AND) o una qualsiasi (OR) e aggiungine quante ne vuoi. Per le condizioni dei tag di unione, scegli testo, numero o data. Aggiungi un' Immagine di riserva per le aperture che non corrispondono a nessuna condizione.

Per le regole relative all'ora nella zona di ciascun utente, scegli Fuso orario dinamico e usa un campo Iterable che contenga i nomi dei fusi orari, ad esempio Europe/Berlin. Se il valore è vuoto o non valido, si ricorre all'UTC.
Passaggio 3: salva, copia e controlla i segnaposto
Salva, poi clicca su Copia codice. Ogni condizione del tag di unione aggiunge un parametro all'indirizzo dell'immagine con un segnaposto racchiuso tra doppie parentesi graffe. Iterable usa le stesse parentesi graffe, quindi sostituisci ogni segnaposto con il nome esatto del tuo campo Iterable, ad esempio {{tier}}. Un segnaposto che non corrisponde a un campo reale non apparirà errato nell'editor, ma verrà semplicemente visualizzato vuoto.

Passo 4: Incollalo nel modello
Clicca su Modifica design sul tuo modello Iterable. Nell'editor Drag and Drop, trascina un blocco HTML dal scheda "Contenuto" nella posizione desiderata e incolla il codice nell'editor HTML. Per posizionare l'immagine accanto al testo, aggiungi una riga a due colonne dalla scheda Righe e inserisci il blocco HTML in una delle colonne.

Passo 5: Simula, poi visualizza l'anteprima
In Sendtric, la funzione "Anteprima" ti permette di simulare data, ora, dispositivo, client di posta elettronica e valori dei campi senza usare le visualizzazioni. In Iterable, apri Anteprima e Carica i dati utente per un paio di utenti, per verificare che i valori dei campi arrivino all'indirizzo dell'immagine.
Ogni immagine ha bisogno di una condizione
Un'immagine senza condizioni viene saltata, anche se si trova in fondo alla lista. Per un'immagine che vuoi "mostrare a tutti gli altri", usa l' Immagine di riserva .
Gmail e il riconoscimento dei dispositivi
Gmail carica le immagini tramite i propri server, il che nasconde il dispositivo del lettore, quindi è probabile che quelle visualizzazioni vengano conteggiate come da desktop. Quando la scelta è davvero importante, usa un campo Iterable di cui ti fidi invece di una regola basata sul dispositivo.
Domande frequenti sulle immagini basate su regole iterabili
Perché non usare semplicemente le condizioni di Handlebars?
Handlebars è la scelta migliore quando la risposta è già nota al momento dell'invio. Non può però reagire al momento in cui l'email viene aperta, al dispositivo su cui viene letta o al passare del tempo dopo l'invio. Un'immagine basata su regole viene ridefinita ad ogni apertura.
Posso usare una data proveniente da un evento Iterable?
Sì, con una condizione di data nel tag di unione (versione Standard e superiori). Sono accettate le date nel formato AAAA-MM-GG, MM/GG/AAAA, RFC 3339 o secondi Unix.
Una delle opzioni può essere un altro widget di Sendtric?
Sì. Il selettore di immagini ha delle schede per i tuoi timer, le immagini personalizzate e i Widget meteo, quindi una regola può passare, ad esempio, da un conto alla rovescia a un banner statico. Vedi come inserire un widget all’interno di un altro.
Cosa vedono gli utenti se non c'è nessun risultato?
L'immagine di riserva, se ne hai aggiunta una. Altrimenti, un'immagine invisibile di 1 pixel per 1, così non compare l'icona dell'immagine mancante.
Le regole relative al testo tengono conto delle maiuscole?
No. Le condizioni relative al testo non distinguono tra maiuscole e minuscole, quindi un tier valore "Gold" o "gold" soddisfa la stessa regola.
Questa guida tratta un aspetto della piattaforma di personalizzazione delle email di Sendtric. Per ogni Immagini basate su regole e gli esempi, dai un'occhiata alla pagina principale.
Altre guide su Iterable
- Timer per il conto alla rovescia - Come aggiungere timer per il conto alla rovescia a Iterable
- Timer per il conto alla rovescia - Aggiungi timer dinamici in Iterable
- Sondaggi in tempo reale - Come aggiungere sondaggi in tempo reale a Iterable
- Immagini personalizzate - Come aggiungere immagini personalizzate a Iterable
- Meteo dinamico - Come aggiungere il Meteo dinamico a Iterable
- Avvisi critici - Come aggiungere avvisi critici a Iterable
- Contatori di social proof - Come aggiungere i contatori di social proof a Iterable
Usi una piattaforma diversa? Dai un’occhiata a tutte le integrazioni di Sendtric.

