Personalizzare un modello
Puoi personalizzare un modello da utilizzare in GenStudio for Performance Marketing inserendo segnaposto di contenuto, o campi, utilizzati dall’IA generativa per inserire il contenuto.
Nelle sezioni successive viene illustrato come adattare i modelli di HTML per GenStudio for Performance Marketing utilizzando il linguaggio di modelli Handlebars. La sintassi Handlebars utilizza testo normale con doppie parentesi graffe come segnaposto di contenuto. Per informazioni su come preparare il modello, consulta Informazioni Handlebars nella_ Guida lingua Handlebars _.
Quando il modello è pronto, puoi caricarlo in GenStudio for Performance Marketing e iniziare a generare e-mail personalizzate in base al modello personalizzato.
Segnaposto di contenuto
GenStudio for Performance Marketing riconosce alcuni tipi di contenuto o elementi all'interno di un modello, ma solo se li identifichi con un nome di campo riconosciuto.
Nell'intestazione o nel corpo di un modello di HTML è possibile utilizzare la sintassi Handlebars per inserire un segnaposto di contenuto in cui è necessario che GenStudio for Performance Marketing compili il modello con il contenuto effettivo. GenStudio for Performance Marketing riconosce e interpreta questi segnaposto in base al nome campo riconosciuto. Ogni nome di campo è associato a regole e comportamenti specifici che determinano il modo in cui il contenuto viene generato e inserito nel modello.
Ad esempio, è possibile utilizzare {{headline}}
con la sintassi Handlebars per indicare dove deve essere posizionato il titolo dell'e-mail. GenStudio riconosce questo campo, genera un titolo pertinente in base alle linee guida e ai criteri di richiesta e inserisce il titolo in questa posizione:
Nomi di campi riconosciuti
Nella tabella seguente sono elencati i nomi di campo riconosciuti da GenStudio for Performance Marketing per l'aggiunta di un segnaposto a un modello. Ogni campo segue linee guida di canale specifiche, istruzioni LLM e regole basate sui ruoli. Aggiungere questi nomi di campo utilizzando la sintassi Handlebars al modello in cui è necessario GenStudio for Performance Marketing per generare un determinato tipo di contenuto.
{{pre_header}}
{{headline}}
Annuncio metadati
Banner e annuncio visualizzazione
Annuncio LinkedIn
{{sub_headline}}
Banner e annuncio pubblicitario
{{introductory_text}}
{{body}}
Meta ad
Banner e display ad
{{cta}}
Consulta Inviti all'azione
Annuncio metadati
Banner e annuncio visualizzazione
Annuncio LinkedIn
{{image}}
Annuncio metadati
Banner e annuncio visualizzazione
Annuncio LinkedIn
{{on_image_text}}
Vedere Nel testo dell'immagine.
Annuncio LinkedIn
GenStudio for Performance Marketing genera automaticamente alcuni campi nei seguenti modelli:
- Il modello di posta elettronica non richiede l'identificazione del campo
subject
- Meta Ad Template non richiede l'identificazione dei campi
headline
,body
eCTA
- Banner e modello di annuncio visualizzato non richiedono l'identificazione del campo
CTA
- LinkedIn ad template non richiede l'identificazione dei campi
headline
,introductory_text
eCTA
Il caricamento di un modello in GenStudio for Performance Marketing prevede un limite di 20 campi. Poiché il campo subject
viene generato automaticamente in un messaggio e-mail, viene conteggiato come un campo. Ciò significa che sono consentiti 19 campi in un modello e-mail.
Inviti all'azione
Un invito all’azione (CTA) include una frase e un collegamento. Affinché le funzionalità Riformula e Aggiungi collegamento funzionino correttamente durante il processo di generazione delle varianti, è necessario includere segnaposto per il collegamento e la frase nel modello.
Per impostare i segnaposto di CTA, attenersi alle istruzioni riportate di seguito.
-
È disponibile la riformulazione di CTA e il collegamento è modificabile
code language-html <a class="button" href="{{pod1_link}}" >{{cta}}</a>
-
La rifrase CTA è disponibile, ma il collegamento è non modificabile perché il collegamento effettivo è fornito nel modello
code language-html <a align="center" href="https://link">{{cta}}</a>
-
Il collegamento CTA è modificabile, ma la rifrase è non disponibile perché la frase è fornita nel modello
code language-html <a class="button" href="{{pod1_link}}" >Register now</a>
GenStudio for Performance Marketing può fornire anche frasi di invito all’azione varianti. Vedi Rivedi invito all'azione.
Collegamento nell'immagine
Puoi personalizzare il modello di e-mail per consentire ai creativi di aggiungere un collegamento a un’immagine. Come per il collegamento CTA, attenersi alla seguente guida per applicare un segnaposto link
a un tag immagine:
<a href="{{link}}"><img src="image-source.jpg" alt="{{imageDescription}}"></a>
In questo esempio:
{{link}}
è un segnaposto per l'URL effettivo.src="image-source.jpg"
deve essere sostituito con l'URL di origine effettivo dell'immagine.{{imageDescription}}
è un nome di campo definito dall'utente che fornisce un segnaposto per il testo alternativo dell'immagine, utile per l'accessibilità e la SEO.
Testo alternativo
Utilizzare un nome di campo definito dall'utente come segnaposto per generare una descrizione di testo alternativo (attributo HTML alt="text"
) per un'immagine. Il segnaposto {{imageDescription}}
seguente viene utilizzato con il campo {{image}}
all'interno dello stesso tag <img>
, assicurando la persistenza della relazione tra l'immagine e la relativa descrizione.
<img src="{{image}}" alt="{{imageDescription}}">
In questo esempio:
{{image}}
è il segnaposto per l'URL di origine dell'immagine.{{imageDescription}}
è il segnaposto per il testo alt, che fornisce una descrizione dell'immagine a scopo di accessibilità e SEO (Search Engine Optimization).
Etichetta di accessibilità
L'attributo aria-label
viene utilizzato per definire un nome accessibile per gli elementi privi di etichette visibili. Questo attributo è particolarmente utile nei modelli in cui è importante fornire contesto per gli elementi interattivi, ad esempio un pulsante CTA.
<a class="button" href="{{link}}" aria-label="{{CTAAriaLabel}}">{{cta}}</a>
Su testo immagine
Il segnaposto {{on_image_text}}
viene utilizzato per specificare una sovrapposizione di testo di brevi messaggi di impatto, posizionati direttamente sull'immagine in un'esperienza.
<div class="image-text">{{on_image_text}}</div>
Nomi di campi manuali
Tutti gli altri nomi di campo sono definiti dall'utente e vengono trattati come campi popolati manualmente. Ad esempio, è possibile riservare una sezione per il contenuto del piè di pagina.
Per creare una sezione modificabile, aggiungere parentesi doppie attorno al nome della sezione:
<tbody>
<tr>
<td>
<p><span class="footer-text">{{footerLegal}}</span></p>
</td>
</tr>
</tbody>
Modifica Rich Text
Migliora il contenuto creativo durante il processo Create con la modifica in formato Rich Text. L’area di lavoro determina la funzionalità Rich Text in base alla posizione del segnaposto di contenuto. La funzionalità Rich Text è disponibile solo quando si utilizzano segnaposto di contenuto come elementi autonomi o all'interno di tag HTML a livello di blocco, ad esempio <p>
, <div>
o <span>
.
La modifica Rich Text è disponibile per il contenuto autonomo in un paragrafo:
<p>{{body}}</p>
Se si utilizza un segnaposto di contenuto all'interno di un attributo di HTML, ad esempio alt
, href
o src
, la modifica di testo RTF non è supportata per tale campo.
La modifica Rich Text è non disponibile per il contenuto alt
:
<img src="image.jpg" alt="{{image_description}}">
Se un campo viene visualizzato più di una volta, la funzionalità Rich Text viene determinata a seconda che venga utilizzata come attributo HTML in una qualsiasi delle istanze. Ad esempio, quando il titolo viene utilizzato come intestazione e come testo alternativo per un'immagine, il tag alt
ha la precedenza.
La modifica Rich Text è non disponibile per headline
poiché è utilizzata come contenuto alt
:
<h1>{{headline}}</h1>
<img src="image.jpg" alt="{{headline}}">
La modifica Rich Text può essere disponibile per alcuni campi all'interno di canali specifici, ad esempio on_image_text
nei canali social (Meta, LinkedIn).
Sezioni o gruppi
Se il modello e-mail richiede più aree di contenuto, ad esempio più offerte o storie, puoi organizzarle utilizzando sezioni o gruppi. Sezioni informano GenStudio for Performance Marketing che i campi in questa sezione richiedono un elevato grado di coerenza. Stabilire questa relazione aiuta l’intelligenza artificiale a generare contenuti che corrispondono agli elementi creativi della sezione.
Utilizzare un nome di gruppo scelto come prefisso per indicare che un campo fa parte di una sezione o di un gruppo. Utilizza un nome di campo (ad esempio headline
, body
, image
o cta
) dopo il carattere di sottolineatura (_
).
Sintassi: groupname_fieldname
- Corretto (👍):
pod1_body
- Errato (❌):
pod1body
Ogni sezione può utilizzare solo uno di ogni tipo di campo. Ad esempio, i campi seguenti appartengono alla sezione pod1
:
pod1_headline
pod1_body
pod1_image
pod1_cta
A causa di questa regola, le sezioni non possono essere nidificate.
Ogni tipo di modello, ad esempio e-mail o annuncio Meta, ha vincoli specifici per il canale sull’utilizzo delle sezioni. Consulta linee guida specifiche per il canale nell'argomento Best practice per l'utilizzo dei modelli.
Ad esempio, un modello e-mail può includere fino a tre sezioni; pertanto, puoi avere tre sezioni titolo e corpo:
pre_header
pod1_headline
,pod1_body
pod2_headline
,pod2_body
pod3_headline
,pod3_body
cta
GenStudio for Performance Marketing è consapevole che pod1_headline
è più strettamente correlato a pod1_body
che a pod2_body
.
Anteprima modello
Quando carichi un modello, GenStudio for Performance Marketing analizza il file HTML per individuare i campi riconosciuti. Utilizza l'anteprima per rivedere i tuoi elementi modello e confermare di averli identificati correttamente con i nomi di campo riconosciuti.
Esempio di anteprima per un modello e-mail:
Consulta Editor codice modello.
Anteprima controllo
È possibile controllare la visibilità dei contenuti speciali utilizzando Helper incorporati (espressioni speciali nel linguaggio del modello Handlebars che eseguono determinate azioni). Ad esempio, puoi aggiungere un’istruzione condizionale che aggiunge parametri di tracciamento ai collegamenti nel modello esportato mantenendo puliti i collegamenti di anteprima.
Il valore _genStudio.browser
viene impostato durante il rendering di un modello e il valore genStudio.export
viene impostato durante l'esportazione di un modello. Puoi decidere di includere un determinato contenuto nella parte superiore di un’e-mail utilizzando un wrapper condizionale, ad esempio, quando il modello viene utilizzato per l’esportazione:
Un altro esempio può essere quello di impedire l’utilizzo dei codici di tracciamento durante l’anteprima di un modello in GenStudio for Performance Marketing. L’esempio seguente mostra come aggiungere parametri di tracciamento ai collegamenti nel modello esportato, mantenendo allo stesso tempo puliti i collegamenti di anteprima:
<a class="button" {{#if _genStudio.browser }}
href="{{link}}"{{/if}}{{#if _genStudio.export }}
href="{{link}}?trackingid=<%=getTrackingId()%>&mv=email"{{/if}}
target="_blank">{{cta}}</a>
Contenuto statico
I modelli e-mail e metadati spesso si collegano a immagini e file CSS ospitati su altri domini. Quando GenStudio for Performance Marketing genera le miniature per le anteprime dei modelli o le esperienze da esse derivate, convalida l’origine di contenuto e incorpora una copia a scopo di anteprima.
I file esterni vengono temporaneamente incorporati solo allo scopo di creare l’anteprima del modello, che garantisce che l’anteprima rifletta accuratamente il contenuto così come viene visualizzato al momento della creazione. Questi file esterni sono non archiviati in modo permanente in GenStudio for Performance Marketing. Dopo la creazione dell’anteprima del modello, GenStudio for Performance Marketing continua a fare riferimento al collegamento di origine originale fornito nel modello.
Aggiorna contenuto
Se l'origine cambia dopo la creazione dell'anteprima iniziale, utilizzare la funzione aggiorna per aggiornare l'anteprima del modello con la versione più recente del contenuto proveniente da origini esterne.