Personalizar um modelo

Você pode personalizar um modelo para usar no GenStudio for Performance Marketing inserindo espaços reservados para conteúdo, ou campos, que a IA geradora usa para inserir conteúdo.

As próximas seções explicam como adaptar seus modelos do HTML para o GenStudio for Performance Marketing usando a linguagem de modelo Handlebars. A sintaxe Handlebars usa texto regular com chaves duplas como espaços reservados para conteúdo. Consulte O que é Handlebars no_ Guia de linguagem do Handlebars _para saber como preparar seu modelo.

Quando o modelo estiver pronto, você poderá carregá-lo no GenStudio for Performance Marketing e começar a gerar emails personalizados com base no modelo personalizado.

Espaços reservados de conteúdo

O GenStudio for Performance Marketing reconhece determinados tipos de conteúdo ou elementos em um modelo, mas somente se você identificá-los com um nome de campo reconhecido.

No cabeçalho ou no corpo de um modelo do HTML, é possível usar a sintaxe Handlebars para inserir um espaço reservado para conteúdo, em que você precisa que o GenStudio for Performance Marketing preencha o modelo com conteúdo real. A GenStudio for Performance Marketing reconhece e interpreta esses espaços reservados com base no nome do campo reconhecido. Cada nome de campo está associado a regras e comportamentos específicos que determinam como o conteúdo é gerado e inserido no modelo.

Por exemplo, você pode usar {{headline}} com a sintaxe Handlebars para indicar onde o título do email deve ser colocado. O GenStudio reconhece esse campo, gera um título relevante com base nas diretrizes e critérios de prompt e insere o título neste local:

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

Nomes de campo reconhecidos

A tabela a seguir lista os nomes de campo reconhecidos pelo GenStudio for Performance Marketing para adicionar um espaço reservado em um modelo. Cada campo segue diretrizes de canal específicas, instruções LLM e regras baseadas em função. Adicione esses nomes de campos usando a sintaxe Handlebars ao modelo em que você precisa do GenStudio for Performance Marketing para gerar um determinado tipo de conteúdo.

O GenStudio for Performance Marketing gera determinados campos automaticamente nos seguintes modelos:

Há um limite de 20 campos ao fazer upload de um modelo para o GenStudio for Performance Marketing. Como o campo subject é gerado automaticamente em um email, ele conta como um campo. Isso significa que há 19 campos permitidos em um template de email.

Planos de ação

Um Plano de ação (CTA) inclui uma frase e um link. Para que os recursos Rephrase e Adicionar link funcionem corretamente durante o processo de geração de variante, você deve incluir espaços reservados para o link e a frase no modelo.

Use a orientação a seguir para configurar espaços reservados para o CTA:

O GenStudio for Performance Marketing também pode fornecer frases de chamada para ação de variante. Consulte Revisar chamada para ação.

Link na imagem

Você pode personalizar seu modelo de email para permitir que os criadores adicionem um link a uma imagem. Semelhante ao link do CTA, use a seguinte orientação para aplicar um espaço reservado link a uma marca de imagem:

<a href="{{link}}"><img src="image-source.jpg" alt="{{imageDescription}}"></a>

Neste exemplo:

Texto alternativo

Use um nome de campo definido pelo usuário como um espaço reservado para gerar uma descrição de texto alternativo (atributo HTML alt="text") para uma imagem. O espaço reservado {{imageDescription}} a seguir é usado com o campo {{image}} dentro da mesma marca <img>, garantindo que a relação entre a imagem e sua descrição persista.

<img src="{{image}}" alt="{{imageDescription}}">

Neste exemplo:

Rótulo de acessibilidade

O atributo aria-label é usado para definir um nome acessível para elementos que não têm rótulos visíveis. Esse atributo é especialmente útil em modelos nos quais é importante fornecer contexto para elementos interativos, como um botão do CTA.

<a class="button" href="{{link}}" aria-label="{{CTAAriaLabel}}">{{cta}}</a>

No texto da imagem

O espaço reservado {{on_image_text}} é usado para especificar uma sobreposição de texto de mensagens de impacto curto, colocadas diretamente na imagem em uma experiência.

<div class="image-text">{{on_image_text}}</div>

Nomes de campo manuais

Todos os outros nomes de campo são definidos pelo usuário e tratados como campos preenchidos manualmente. Por exemplo, talvez você queira reservar uma seção para conteúdo de rodapé.

Para criar uma seção editável, adicione colchetes duplos ao redor do nome da seção:

<tbody>
    <tr>
        <td>
            <p><span class="footer-text">{{footerLegal}}</span></p>
        </td>
    </tr>
</tbody>

Edição de rich text

Aprimore seu conteúdo criativo durante o processo do Create com a edição de rich text. A tela determina a capacidade de rich text com base no local do espaço reservado para conteúdo. A capacidade de Rich Text está disponível somente quando você usa espaços reservados de conteúdo como elementos autônomos ou em marcas HTML de nível de bloco, como <p>, <div> ou <span>.

A edição de rich text está disponível para conteúdo independente em um parágrafo:

<p>{{body}}</p>

Se você usar um espaço reservado para conteúdo dentro de um atributo do HTML (como alt, href ou src), a edição de rich text não será suportada para esse campo.

A edição de rich text não está disponível para o conteúdo alt:

<img src="image.jpg" alt="{{image_description}}">

Se um campo for exibido mais de uma vez, a capacidade de rich text será determinada com base no fato de ser usado como um atributo do HTML em qualquer uma das instâncias. Por exemplo, quando o título é usado como um título e como texto alternativo para uma imagem, a marca alt tem prioridade.

A edição de rich text não está disponível para headline, pois é usada como conteúdo alt:

<h1>{{headline}}</h1>
<img src="image.jpg" alt="{{headline}}">

A edição de rich text pode estar disponível para determinados campos em canais específicos, como on_image_text em canais sociais (Meta, LinkedIn).

Seções ou grupos

Se o seu modelo de email exigir várias áreas de conteúdo, como várias ofertas ou histórias, você poderá organizá-las usando seções ou grupos. As seções informam à GenStudio for Performance Marketing que os campos desta seção exigem um alto grau de coerência. O estabelecimento dessa relação ajuda a IA a gerar conteúdo que corresponde aos elementos criativos na seção.

Use um nome de grupo de sua escolha como um prefixo para indicar que um campo faz parte de uma seção ou grupo. Use um nome de campo (como headline, body, image ou cta) após o sublinhado (_).

Sintaxe: groupname_fieldname

Cada seção pode usar apenas um de cada tipo de campo. Por exemplo, os seguintes campos pertencem à seção pod1:

Por causa dessa regra, as seções não podem ser aninhadas.

Cada tipo de modelo, como email ou Meta ad, tem restrições específicas de canal no uso de seções. Consulte as diretrizes específicas do canal no tópico Práticas recomendadas para usar modelos.

Por exemplo, um template de email pode incluir até três seções; portanto, você pode ter três seções de título e corpo:

A GenStudio for Performance Marketing entende que pod1_headline está mais intimamente relacionado a pod1_body do que a pod2_body.

Visualização do modelo

Quando você carrega um modelo, o GenStudio for Performance Marketing verifica o arquivo HTML em busca de campos reconhecidos. Use a visualização para revisar seus elementos do modelo e confirmar se você os identificou corretamente com os nomes de campo reconhecidos.

Exemplo de visualização para um modelo de email:

{modal="regular"}

Consulte Editor de código de modelo.

Visualização do controle

Você pode controlar a visibilidade de conteúdo especial usando Auxiliares Internos (expressões especiais na linguagem de modelo Handlebars que executam determinadas ações). Por exemplo, é possível adicionar uma declaração condicional que adicione parâmetros de rastreamento aos links no modelo exportado, mantendo os links de visualização limpos.

O valor _genStudio.browser é definido ao renderizar um modelo, e o valor genStudio.export é definido ao exportar um modelo. Você pode decidir incluir determinado conteúdo na parte superior de um email usando um invólucro condicional, por exemplo, quando o modelo for usado para exportação:

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

Outro exemplo pode ser impedir o uso de códigos de rastreamento ao visualizar um modelo no GenStudio for Performance Marketing. O exemplo a seguir mostra como adicionar parâmetros de rastreamento a links no modelo exportado, mantendo os links de visualização limpos:

<a class="button" {{#if _genStudio.browser }}
   href="{{link}}"{{/if}}{{#if _genStudio.export }}
   href="{{link}}?trackingid=<%=getTrackingId()%>&mv=email"{{/if}}
   target="_blank">{{cta}}</a>

Conteúdo estático

Os modelos de email e meta geralmente vinculam-se a imagens e arquivos CSS hospedados em outros domínios. Quando o GenStudio for Performance Marketing gera miniaturas para visualizações de modelo ou as experiências derivadas delas, ele valida a fonte de conteúdo e incorpora uma cópia para fins de visualização.

Os arquivos externos são temporariamente incorporados apenas para criar a pré-visualização do modelo, o que garante que a pré-visualização reflita com precisão o conteúdo conforme ele aparece no momento da criação. Estes arquivos externos não são armazenados permanentemente no GenStudio for Performance Marketing. Após a criação da pré-visualização do modelo, o GenStudio for Performance Marketing continua fazendo referência ao link de origem original fornecido no modelo.

Atualizar conteúdo

Se a origem for alterada após a criação da visualização inicial, use a função atualizar para atualizar a visualização do modelo com a versão mais recente do conteúdo das fontes externas.