Bloques de contenido

Los Content Blocks te permiten administrar contenido reutilizable y multicanal en una única ubicación centralizada. Úsalos para crear una apariencia consistente en tus Campaigns, distribuir los mismos códigos de oferta a través de diferentes canales o crear activos predefinidos para una mensajería consistente a escala. También puedes crear y administrar tus Content Blocks usando la API.

Crear un Content Block

Hay dos tipos de Content Blocks: de arrastrar y soltar y HTML. Cada tipo corresponde a su editor.

• drag-and-drop
• html

1. Ve a Content > Content Block. Selecciona Create Content Block y selecciona Drag-and-drop Content Block.
2. Arrastra y suelta los bloques de editor para construir un Content Block de arrastrar y soltar.
3. Arrastra y suelta un bloque de formato de la pestaña Rows en el editor para crear el diseño de tu Content Block.
   
   
   
   
4. Añade Content Blocks de arrastrar y soltar según necesites para construir tus campañas de correo electrónico.
5. Después de crear tu Content Block, selecciona Done.
6. Dale un nombre a tu Content Block. Este nombre se rellenará automáticamente como parte de la Content Block Liquid Tag.
7. (Opcional) Añade una descripción.
8. Selecciona la pestaña Preview para ver cómo aparecerá tu Content Block. Opcionalmente, selecciona Copy preview link para generar y copiar un enlace de vista previa compartible que muestre el aspecto que tendrá el correo electrónico para un usuario aleatorio. El enlace durará siete días antes de que sea necesario regenerarlo.
   
   
   
   
9. Selecciona Launch Content Block.

Importante

Cada Content Block de arrastrar y soltar está limitado a una fila. Sin embargo, puedes usar bloques del editor de arrastrar y soltar para crear y personalizar el Content Block y adaptarlo a tus mensajes de correo electrónico.

1. Ve a Content > Content Block. Selecciona Create Content Block y selecciona HTML code editor.
2. Introduce tu HTML en la pestaña HTML o construye tu Content Block en la pestaña Classic.
   
   
   
   
3. Después de crear tu Content Block, selecciona Done.
4. Introduce un nombre para tu Content Block. Este nombre se rellenará automáticamente como parte de la Content Block Liquid Tag.
5. (Opcional) Añade una descripción.
6. Selecciona la pestaña Preview para ver cómo aparecerá tu Content Block. Opcionalmente, selecciona Copy preview link para generar y copiar un enlace de vista previa compartible que muestre el aspecto que tendrá el correo electrónico para un usuario aleatorio. El enlace durará siete días antes de que sea necesario regenerarlo.
   
   
   
   
7. Selecciona Launch Content Block.

Especificaciones del Content Block

Consejo

Al crear Content Blocks, puede ser útil visualizar el HTML y el Liquid añadiendo saltos de línea. Si dejas estos saltos de línea durante el envío, corres el riesgo de que aparezcan espacios innecesarios que pueden afectar a cómo se renderiza el bloque. Para evitarlo, usa la etiqueta Capture en tu bloque junto con el filtro | strip.

1
2
3

{% capture your_variable %}
{{content_blocks.${your_content_block}}}
{% endcapture %}{{your_variable | strip}}

Usar Content Blocks

Después de crear tu Content Block, puedes insertarlo en tus mensajes con el editor o con Liquid.

Usar el editor de arrastrar y soltar

Para añadir un Content Block en el editor de arrastrar y soltar:

1. Ve a la pestaña Filas del editor y selecciona Content Blocks.
2. Arrastra y suelta tu Content Block en el editor de correo electrónico.
3. (Opcional) Ajusta el ancho de tu Content Block seleccionando el botón del menú de navegación. Si no lo especificas en la configuración de estilo global del correo electrónico, el ancho predeterminado es del 100 %. Si lo especificas, se respetará la configuración global.
   
   
   
   

Nota

Los Content Blocks añadidos con arrastrar y soltar no están vinculados al Content Block original. Para ver los cambios hechos en el original, vuelve a arrastrarlo al editor de correo electrónico.

Si añades varios Content Blocks a un único bloque de fila, puede que el contenido se desalinee en el editor de arrastrar y soltar. Usa bloques de fila separados para mantener la alineación de tu contenido a nivel de fila.

Usar Liquid

Para insertar un Content Block con Liquid:

1. Copia la Etiqueta de Liquid del Content Block de la sección Detalles del Content Block.
2. Inserta la etiqueta de Liquid del Content Block en el mensaje. También puedes empezar a escribir el código Liquid para que la etiqueta se complete automáticamente.

En el editor de arrastrar y soltar, también puedes añadir un Content Block desde el panel Personalización:

1. Ve a tu Campaign de correo electrónico y selecciona Editar cuerpo del correo electrónico.
2. Haz clic en Personalización.
3. Selecciona Content Blocks en el desplegable Tipo de personalización.
4. Selecciona el nombre de tu Content Block en el campo Atributo.
5. Copia y pega el fragmento de código Liquid en un bloque de editor de texto.
   

Importante

Los Content Blocks insertados con Liquid están vinculados al Content Block original y reflejarán cualquier cambio que se haga en la plantilla.

Vista previa de Content Blocks

Después de añadir un Content Block en una Campaign activa o un Canvas, puedes previsualizarlo desde la biblioteca de Content Blocks pasando el cursor por encima del Content Block y seleccionando el icono Vista previa.

Esta vista previa incluye información sobre el Content Block, como quién lo creó, las etiquetas, la fecha de creación, la fecha de la última edición, la descripción, el tipo de editor, el recuento de inclusiones con detalles (una lista en la que se puede hacer clic con los mensajes o Content Blocks que usan el Content Block) y una vista previa real del Content Block.

Nota

Cuando audites dónde se usa un Content Block, revisa individualmente cada mensaje o paso vinculado para confirmar su estado.

Anidar Content Blocks

Los Content Blocks se pueden anidar, pero solo una vez. Puedes anidar el Content Block A dentro del Content Block B, pero luego no puedes anidar el Content Block B dentro del Content Block C.

Advertencia

Nada te impide anidar un tercer nivel de Content Block, pero el contenido no se expande en los niveles de anidamiento posteriores al segundo. El contenido y el fragmento de código de Liquid se eliminan del mensaje.

Los enlaces dentro de un Content Block anidado cuentan para el número total de enlaces del mensaje principal. Si usas un único Content Block con muchos enlaces condicionales, como URL específicas de cada país para la localización, el mensaje principal puede acumular una gran cantidad de enlaces, lo que puede ralentizar o impedir que se guarde un Canvas. Para la localización a gran escala, los mensajes multilingües son una mejor opción que los enlaces condicionales en un único Content Block.

Actualizar y copiar Content Blocks

Si decides actualizar un Content Block, se actualizará en todos los mensajes en los que esté insertado mediante Liquid. Si importas el Content Block desde el desplegable Content Blocks en Filas del editor de arrastrar y soltar, no se actualizará en todos los mensajes.

Si quieres actualizar un Content Block solo para un mensaje o hacer una copia para usarla en otros mensajes, puedes copiar el HTML del mensaje original al nuevo, o editar el Content Block original (debe haberse usado ya en un mensaje) y guardarlo. Aparecerá un aviso que te permite guardarlo como un nuevo Content Block.

Después de editar un Content Block, puedes guardar y lanzar el Content Block actualizado seleccionando Lanzar Content Block. También puedes seleccionar Más > Duplicar para crear un duplicado de tu Content Block.

Hacer un seguimiento de los cambios en los Content Blocks

Cada Content Block registra cuándo se creó y cuándo se editó por última vez, para que puedas comprobar si ha cambiado recientemente:

• Panel: La vista previa del Content Block muestra quién creó el Content Block, la fecha de creación y la fecha y hora de la última edición.
• API: Los endpoints /content_blocks/info y /content_blocks/list devuelven las marcas de tiempo created_at y last_edited de cada Content Block.

Estos son los únicos detalles de edición disponibles para los Content Blocks. Las versiones anteriores no se pueden ver ni restaurar, así que te recomendamos guardar una copia antes de hacer cambios importantes. Para guardar una copia, selecciona Más > Duplicar. El duplicado se guarda como borrador y no afecta a los mensajes que usan el Content Block original.

Usar pies de página de correo electrónico en Content Blocks

Los Content Blocks no se pueden usar dentro de un pie de página de correo electrónico, pero puedes crear un bloque de contenido que incluya contenido de pie de página para usarlo en tus correos electrónicos. Para hacerlo:

1. Ve a Configuración > Preferencias de correo electrónico > Pie de página personalizado y crea el pie de página.
2. Añade el pie de página a un bloque de contenido en la biblioteca de Content Blocks.
3. Añade ese bloque de contenido a tus plantillas de correo electrónico o mensajes.

Información importante

• Usar Content Blocks HTML en correos electrónicos de arrastrar y soltar, o Content Blocks de arrastrar y soltar en correos electrónicos HTML, puede provocar problemas de representación inesperados. Esto se debe a que el editor de arrastrar y soltar genera HTML y CSS que representan el contenido de forma dinámica, mientras que el editor HTML es más estático.
• Si insertas un Content Block de arrastrar y soltar mediante Liquid, Braze no incluye los estilos del <head> HTML del bloque. Es posible que los estilos receptivos, como el CSS específico para móviles, no se representen como esperas. Si el bloque depende de CSS receptivo, añade ese CSS al mensaje o a la plantilla que incluye el Content Block.
• Las propiedades de entrada en Canvas solo son compatibles con Canvas. Si haces referencia a un Content Block con propiedades de entrada en Canvas en una Campaign, no se rellena.
• Si un mensaje con varios Content Blocks no se representa como esperas, por ejemplo, cuando las etiquetas de Liquid o el HTML aparecen como texto visible en lugar de procesarse, la causa suele ser una etiqueta sin cerrar u otro error en uno de los Content Blocks. Para identificar el origen:
  1. Elimina los Content Blocks del mensaje afectado de uno en uno.
  2. Comprueba si el mensaje se representa correctamente después de cada eliminación.
  3. El último Content Block que elimines antes de que desaparezca el problema es el que lo está causando.
• Las etiquetas HTML <code> se representan de forma predeterminada con una fuente monoespaciada en la mayoría de los clientes de correo electrónico, independientemente del estilo de fuente configurado en el Content Block. Evita envolver texto en etiquetas <code> a menos que quieras ese aspecto monoespaciado.
• Cuando insertas un Content Block con Liquid en una plantilla de correo electrónico HTML personalizada, las reglas CSS de la plantilla principal pueden anular los estilos definidos dentro del Content Block. Para obtener más información, consulta Content Blocks en plantillas HTML personalizadas.

Archivar Content Blocks

Cuando hayas terminado de usar un Content Block, puedes archivarlo desde la página Plantillas. Los Content Blocks archivados son de solo lectura, así que desarchiva el Content Block antes de editarlo. Los Content Blocks no se pueden archivar si se usan en algún mensaje.

Prácticas recomendadas

• Cuando tu bloque solo se usa en unos pocos correos electrónicos, te recomendamos archivar el bloque obsoleto y actualizar tus mensajes en vivo con un bloque más nuevo que no se haya archivado.
• Cuando tu bloque solo tiene una errata o necesita un cambio menor, no te recomendamos archivarlo. En su lugar, ¡actualiza el bloque y empieza a enviar!
• Cuando tu bloque se usa en más mensajes de los que puedes gestionar razonablemente con la primera sugerencia de esta lista, te recomendamos eliminar todo el contenido del bloque. Esto evita que se incluya información obsoleta en cualquier mensaje.
• Si archivas un Content Block por accidente, puedes desarchivarlo.