Personalizar una plantilla

Puede personalizar una plantilla para utilizarla en GenStudio for Performance Marketing insertando marcadores de posición o campos de contenido que la API generativa utiliza para insertar contenido.

En las siguientes secciones se explica cómo adaptar las plantillas de HTML para GenStudio for Performance Marketing utilizando el idioma de plantilla Handlebars. La sintaxis Handlebars utiliza texto normal con llaves dobles como marcadores de posición de contenido. Consulte Qué es Handlebars en la_ Guía de idioma de Handlebars _para aprender a preparar la plantilla.

Una vez que la plantilla esté lista, puedes cargarla en GenStudio for Performance Marketing y empezar a generar correos electrónicos personalizados basados en la plantilla personalizada.

Marcadores de contenido

GenStudio for Performance Marketing reconoce ciertos tipos de contenido o elementos dentro de una plantilla, pero solo si los identifica con un nombre de campo reconocido.

Dentro del encabezado o del cuerpo de una plantilla de HTML, puede utilizar la sintaxis Handlebars para insertar un marcador de posición de contenido donde necesite que GenStudio for Performance Marketing rellene la plantilla con contenido real. GenStudio for Performance Marketing reconoce e interpreta estos marcadores de posición en función del nombre de campo reconocido. Cada nombre de campo está asociado con reglas y comportamientos específicos que determinan cómo se genera e inserta el contenido en la plantilla.

Por ejemplo, puede usar {{headline}} con la sintaxis Handlebars para indicar dónde se debe colocar el titular del correo electrónico. GenStudio reconoce este campo, genera un titular relevante basado en las directrices y los criterios de solicitud e inserta el titular en esta ubicación:

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

Nombres de campo reconocidos

En la tabla siguiente se enumeran los nombres de campo reconocidos por GenStudio for Performance Marketing para agregar un marcador de posición a una plantilla. Cada campo sigue directrices de canal específicas, instrucciones de LLM y reglas basadas en roles. Agregue estos nombres de campo con la sintaxis Handlebars a la plantilla donde necesita que GenStudio for Performance Marketing genere un determinado tipo de contenido.

GenStudio for Performance Marketing genera automáticamente ciertos campos en las siguientes plantillas:

Hay un límite de 20 campos al cargar una plantilla en GenStudio for Performance Marketing. Dado que el campo subject se genera automáticamente en un mensaje de correo electrónico, se cuenta como un campo. Esto significa que hay 19 campos permitidos en una plantilla de correo electrónico.

Llamadas a la acción

Un Call to action (CTA) incluye una frase y un vínculo. Para que las capacidades Refrasear y Agregar vínculo funcionen correctamente durante el proceso de generación de variantes, debe incluir marcadores de posición para el vínculo y la frase en la plantilla.

Siga estas directrices para configurar los marcadores de posición de CTA:

GenStudio for Performance Marketing también puede proporcionar frases de llamada a la acción de variante. Ver Revisar Call to action.

Vínculo en la imagen

Puede personalizar la plantilla de correo electrónico para permitir que los creativos agreguen un vínculo a una imagen. De forma similar al vínculo de CTA, siga las instrucciones siguientes para aplicar un marcador de posición link a una etiqueta de imagen:

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

En este ejemplo:

Texto alternativo

Use un nombre de campo definido por el usuario como marcador de posición para generar una descripción de texto alternativo (atributo HTML alt="text") para una imagen. El siguiente marcador de posición {{imageDescription}} se usa con el campo {{image}} dentro de la misma etiqueta <img>, lo que garantiza que la relación entre la imagen y su descripción persista.

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

En este ejemplo:

Etiqueta de accesibilidad

El atributo aria-label se usa para definir un nombre accesible para los elementos que no tienen etiquetas visibles. Este atributo es especialmente útil en plantillas en las que es importante proporcionar contexto para elementos interactivos, como un botón de CTA.

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

En texto de imagen

El marcador de posición {{on_image_text}} se usa para especificar una superposición de texto de mensajes cortos e impactantes, colocados directamente en la imagen de una experiencia.

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

Nombres de campo manuales

Todos los demás nombres de campo están definidos por el usuario y se tratan como campos rellenados manualmente. Por ejemplo, puede reservar una sección para el contenido del pie de página.

Para crear una sección editable, agregue corchetes dobles alrededor del nombre de la sección:

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

Edición de texto enriquecido

Mejore su contenido creativo durante el proceso de Create con la edición de texto enriquecido. El lienzo determina la capacidad del texto enriquecido en función de la ubicación del marcador de posición de contenido. La funcionalidad de texto enriquecido solo está disponible cuando se usan marcadores de posición de contenido como elementos independientes o en etiquetas HTML de nivel de bloque, como <p>, <div> o <span>.

La edición de texto enriquecido está disponible para contenido independiente en un párrafo:

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

Si usa un marcador de posición de contenido dentro de un atributo HTML (como alt, href o src), no se admite la edición de texto enriquecido en ese campo.

La edición de texto enriquecido es no disponible para el contenido de alt:

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

Si un campo aparece más de una vez, la capacidad de texto enriquecido se determina en función de si se utiliza como atributo HTML en cualquiera de las instancias. Por ejemplo, cuando el titular se utiliza como encabezado y como texto alternativo para una imagen, la etiqueta alt tiene prioridad.

La edición de texto enriquecido es no disponible para headline debido a que se usa como contenido de alt:

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

La edición de texto enriquecido puede estar disponible para ciertos campos dentro de canales específicos, como on_image_text en canales sociales (Meta, LinkedIn).

Secciones o grupos

Si la plantilla de correo electrónico requiere varias áreas de contenido, como varias ofertas o artículos, puede organizarlas mediante secciones o grupos. Las secciones informan a GenStudio for Performance Marketing de que los campos de esta sección requieren un alto grado de coherencia. El establecimiento de esta relación ayuda a la IA a generar contenido que coincida con los elementos creativos de la sección.

Utilice un nombre de grupo de su elección como prefijo para indicar que un campo forma parte de una sección o grupo. Use un nombre de campo (como headline, body, image o cta) después del guion bajo (_).

Sintaxis: groupname_fieldname

Cada sección solo puede utilizar uno de cada tipo de campo. Por ejemplo, los campos siguientes pertenecen a la sección pod1:

Debido a esta regla, las secciones no se pueden anidar.

Cada tipo de plantilla, como correo electrónico o MetaAd, tiene restricciones específicas del canal en el uso de secciones. Consulte directrices específicas del canal en el tema Prácticas recomendadas para usar plantillas.

Por ejemplo, una plantilla de correo electrónico puede incluir hasta tres secciones; por lo tanto, puede tener tres secciones de titular y cuerpo:

GenStudio for Performance Marketing entiende que pod1_headline está más relacionado con pod1_body que con pod2_body.

Previsualización de plantilla

Al cargar una plantilla, GenStudio for Performance Marketing busca en el archivo HTML campos reconocidos. Use la vista previa para revisar los elementos de plantilla y confirmar que los identificó correctamente con los nombres de campo reconocidos.

Ejemplo de previsualización para una plantilla de correo electrónico:

{modal="regular"}

Consulte Editor de código de plantilla.

Previsualización de control

Puede controlar la visibilidad del contenido especial mediante los Ayudantes integrados (expresiones especiales en el lenguaje de plantilla Handlebars que realizan determinadas acciones). Por ejemplo, se puede añadir una sentencia condicional que añada parámetros de seguimiento a los vínculos en la plantilla exportada, manteniendo limpios los vínculos de vista previa.

El valor _genStudio.browser se establece al procesar una plantilla y el valor genStudio.export se establece al exportar una plantilla. Puede decidir incluir cierto contenido en la parte superior de un correo electrónico mediante un envoltorio condicional, por ejemplo, cuando la plantilla se utiliza para la exportación:

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

Otro ejemplo puede ser evitar el uso de códigos de seguimiento al obtener una vista previa de una plantilla en GenStudio for Performance Marketing. El siguiente ejemplo muestra cómo añadir parámetros de seguimiento a los vínculos en la plantilla exportada, manteniendo limpios los vínculos de vista previa:

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

Contenido estático

Las plantillas de correo electrónico y metadatos suelen vincularse a imágenes y archivos CSS alojados en otros dominios. Cuando GenStudio for Performance Marketing genera miniaturas para vistas previas de plantillas o las experiencias derivadas de ellas, valida el origen de contenido e incrusta una copia con fines de vista previa.

Los archivos externos se incrustan temporalmente únicamente con el fin de crear la vista previa de la plantilla, lo que garantiza que la vista previa refleje con precisión el contenido tal como aparece en el momento de la creación. Estos archivos externos no están almacenados de forma permanente en GenStudio for Performance Marketing. Una vez creada la vista previa de la plantilla, GenStudio for Performance Marketing sigue haciendo referencia al vínculo de origen original proporcionado en la plantilla.

Actualizar contenido

Si el origen cambia después de crear la vista previa inicial, use la función refresh para actualizar la vista previa de la plantilla con la versión más reciente del contenido de los orígenes externos.