Adición de código personalizado a plantillas de correo electrónico

Puede agregar un código HTML personalizado a una plantilla de correo electrónico de Responsys en el diseñador de plantillas visuales. Por ejemplo, se puede utilizar un bloque de contenido de código para personalizar por completo parte del código HTML del correo electrónico.

Para agregar código HTML personalizado al correo electrónico:

  1. Con la plantilla de correo electrónico abierta, arrastre el componente de contenido del código al diseño.

    Imagen que muestra un bloque de código que se agrega a un correo electrónico mediante el editor de diseño

  2. Haga clic en el bloque de contenido de código y utilice el editor de HTML para agregar el código HTML. Utilice el panel de código personalizado para aplicar el formato al bloque de contenido.

    Imagen del bloque de contenido de código HTML

    Nota: para obtener una vista previa de los cambios, deberá hacer clic fuera del bloque de contenido de código.

Directrices de HTML

El contenido de código del diseñador de plantillas visuales está destinado a fragmentos de código HTML personalizado.

A continuación se incluyen algunas directrices relativas al código HTML:

  • Escriba un código HTML que cumpla los estándares. Por ejemplo, asegúrese de que anida y cierra los elementos de forma correcta y de que utiliza nombres de elementos, atributos y valores en minúsculas.
  • Evite utilizar los siguientes elementos HTML en un bloque de contenido de código: <html>, <head>, <body>, <script>, <iframe>, <form>. El diseñador de plantillas visuales no soporta el uso de estos elementos. Otros no los soportan muchos clientes de correo electrónico y con frecuencia se bloquean por motivos de seguridad; su uso puede provocar incidencias en lo que respecta a la capacidad de entrega.
  • Recuerde que caracteres como <, >, y & están reservados. Estos caracteres configuran el lenguaje HTML. Si desea que aparezcan como parte del contenido del correo electrónico, deberá utilizar en su lugar el nombre o el número de entidad. Por ejemplo, &lt;, &gt;, y &amp;.
  • El soporte de propiedades CSS varía entre los clientes de correo electrónico. Utilice el gráfico de compatibilidad de CSS para validar qué elementos se soportan y probar el correo electrónico según los clientes de correo electrónico de destino.
  • Para evitar conflictos de CSS con Responsys:
    • Evite los siguientes nombres de clase: .body, .ExternalClass, .button.
    • Nombre siempre clases que se apliquen a los elementos <table>. Si está utilizando tablas, tenga en cuenta las posibles incidencias de ajuste que se indican a continuación.
  • Si el código HTML contiene tablas o cadenas de texto largo, aparecerá una notificación Imagen del icono Notificación en el diseñador de plantillas visuales. Las tablas y las cadenas con texto largo pueden provocar incidencias de ajuste, impidiendo que el contenido se adapte a distintos tamaños de pantalla. Responsys no impedirá el envío de mensajes con este tipo de incidencias potenciales, pero es conveniente que compruebe el contenido en distintos tamaños de pantalla y en con los clientes de correo electrónico de destino.

Relleno y bordes

Ajuste el relleno y los bordes del botón o del bloque de contenido con las opciones disponibles en el panel de código personalizado. Obtenga más información sobre el relleno y los bordes.

Color de fondo

Puede definir el color de fondo de un bloque de contenido en el panel de código personalizado. Se puede definir mediante valores hexadecimales o RGB.

Temas relacionados