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.

TIP
Segui le linee guida per l'accessibilità e le best practice in modo da poter raggiungere più destinatari e fornire un'esperienza ottimale.

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:

<div>{{headline}}</div>

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.

Campo
Ruolo
Modello canale
{{pre_header}}
Preheader
email
{{headline}}
Titolo
e-mail
Annuncio metadati
Banner e annuncio visualizzazione
Annuncio LinkedIn
{{sub_headline}}
Sottotitolo
e-mail
Banner e annuncio pubblicitario
{{introductory_text}}
Testo introduttivo
Annuncio LinkedIn
{{body}}
Corpo del testo
invia un messaggio e-mail a
Meta ad
Banner e display ad
{{cta}}
Invito all'azione
Consulta Inviti all'azione
e-mail
Annuncio metadati
Banner e annuncio visualizzazione
Annuncio LinkedIn
{{image}}
Immagine—seleziona da Content
e-mail
Annuncio metadati
Banner e annuncio visualizzazione
Annuncio LinkedIn
{{on_image_text}}
Nel testo dell'immagine
Vedere Nel testo dell'immagine.
Annuncio metadati
Annuncio LinkedIn
{{link}}
Call to action sull'immagine
Vedi Collegamento sull'immagine.
email

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 e CTA
  • 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 e CTA
WARNING
Per gli annunci Instagram, il titolo generato non viene visualizzato nell’esperienza finale.

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.

TIP
Puoi verificare il tuo modello utilizzando anteprima modello in GenStudio for Performance Marketing.

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.

TIP
Consulta Richieste strutturate per scoprire come creare un prompt che generi contenuti diversi per ogni sezione in un messaggio e-mail con più sezioni.

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:

Campi di anteprima rilevati {modal="regular"}

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:

{{#if _genStudio.export}}
<%@ include view='emailParent' %>
{{/if}}

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.

recommendation-more-help
28475a92-7296-4969-af5f-82e50c3f1519