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.

L'editor di immagini basate su regole di Sendtric che mostra due immagini, le relative condizioni di visualizzazione e un'immagine di riserva

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 plan oppure tier, 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.

La finestra "Mostra questa immagine" in Sendtric con l'opzione "E" o "O" e due condizioni

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.

Il campo "Codice immagine basato su regole" in Sendtric con il parametro del tag di unione nell'URL dell'immagine

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.

L'editor "Drag and Drop" di Iterable con il blocco HTML evidenziato nella scheda "Contenuto" e trascinato nel modello

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

Usi una piattaforma diversa? Dai un’occhiata a tutte le integrazioni di Sendtric.

Martin Tenev

Martin è Growth Manager ed è entusiasta di tutto ciò che riguarda la crescita e l'IA, incluso come creare campagne email che convertono.

Connettiti su LinkedIn

Pronto ad aumentare le tue conversioni via email?

Unisciti a migliaia di marketer che usano la piattaforma di personalizzazione email di Sendtric per aumentare le conversioni.