El bloque HTML se puede utilizar en el editor de email Drag and Drop para diseñar algunos elementos de tu email con código HTML. Para utilizar el bloque HTML, diseña un email con el editor de email Drag & Drop y arrastra y suelta el bloque HTML en tu diseño de email. Pega tu código HTML y comprueba al instante cómo se ve:

Utiliza fuentes fáciles de leer y que cualquier cliente de email pueda interpretar. Comprueba las fuentes que utilizas antes de enviar tu campaña de email. Para asegurarte de que tus clientes puedan leer tu campaña de email con la fuente que has elegido, añade una fuente alternativa en el editor Drag and Drop. Podrás elegir qué fuentes utilizar si la elegida no es compatible con el cliente de email de tus destinatarios. Para obtener más información, consulta nuestro artículo dedicado Añadir fuentes de Google y alternativas en el editor Drag and Drop.

También te recomendamos que utilices un máximo de dos o tres fuentes en una campaña de email. Para que tu email sea fácil de leer, elige un tamaño de entre 14 y 16 px para el cuerpo del texto: 14 px para emails largos con párrafos y 16 px para los cortos (dos o tres frases). 

Puedes añadir fácilmente mapas de imágenes a tus campañas añadiendo un enlace a tu bloque de imágenes en el editor Drag and Drop:

1. Añade un bloque de imágenes al diseño de tu campaña y haz clic en la imagen. 
2. Haz clic en Add link (Añadir enlace). Se abre la ventana Insert/edit link (Insertar/editar enlace).
3. Completa la información sobre:
   • Type of link (Tipo de enlace) que suele ser un enlace absoluto (URL), pero puedes elegir cualquier otro tipo de enlace,
   • Link target (Destino de enlace) que es el enlace al que quieres que dirija tu imagen, 
   • Link title (Título del enlace) es la palabra que deseas mostrar al pasar el cursor sobre la imagen.
4. Haz clic en (Insert (Insertar).

De forma predeterminada, escapamos el contenido HTML (y JS) de todas las variables. Esto significa que cualquier HTML pasado dentro de una variable se escapará automáticamente y se imprimirá como texto. Por ejemplo, si el contenido de la variable es <h1>Mi título</h1>, entonces la plantilla generaría exactamente este texto dentro de tu email: <h1>Mi título/h1> en lugar de generar la frase "Mi título" con el formato de un título H1.

Para saber cómo desactivar el escape automático, consulta nuestro artículo dedicado Desactiva el escape automático para mostrar llaves dobles en tus emails.

Al diseñar campañas con varias imágenes con el editor HTML, no puedes incrustar imágenes directamente en el código HTML. Es posible que las imágenes incrustadas no sean compatibles con algunos clientes de email y que hagan que tu campaña exceda el límite de tamaño total de 5 MB (con un máximo de 1 MB para contenido HTML), lo que impide la programación.

Si ves la siguiente advertencia, tendrás que ajustar tu campaña antes de volver a enviarla:

Tu campaña no se puede enviar porque supera el límite de tamaño de contenido HTML de 1 MB. Para reducir el tamaño del contenido HTML, incrusta tus imágenes marcando la casilla Embed images in the email (Imágenes en el cuerpo del email) de la Configuración adicional de tu campaña.

Para reenviar tu campaña de email, duplícala y edítela para insertar tus imágenes con la propiedad <img src= [...] > en lugar de incrustarlas. 

Si necesitas incrustar imágenes, asegúrate de que tu contenido HTML permanezca por debajo de 1 MB. A continuación, inserta tus imágenes con la propiedad <img src= [...] > y activa la opción Embed images in the email (Incrustar imágenes en el email) en la Configuración adicional de tu campaña de email.