Consigue a un experto que te haga el trabajo
Desde formación hasta servicio completo de marketing, nuestra comunidad de Partners puede ayudarte a conseguir lo que quieras.
Usar de bloques de contenido de código en el nuevo creador
Uso de bloques de código para añadir código HTML personalizado directamente a tu correo electrónico. Este bloque te resultará útil si quieres tener más control sobre tu diseño del que ofrecen otros bloques de contenido.
En este artículo, descubrirás cómo utilizar los bloques de contenido de código en el nuevo creador de correo electrónico.
Antes de empezar
A continuación, se detallan algunos puntos que debes conocer antes de empezar este proceso.
- En este artículo, te explicamos cómo utilizar los bloques de contenido de código para el nuevo creador. Para obtener más información sobre los bloques de contenido de código en el creador clásico, consulta Uso de bloques de contenido de código en el creador clásico.
- Esta es una tarea avanzada que se recomienda solo a los usuarios que estén familiarizados con la codificación personalizada. Contacta con tu desarrollador o contrata a un experto de Mailchimp si necesitas ayuda.
- Te recomendamos que hagas una vista previa y prueba de tu correo electrónico para observar cómo se verá tu campaña en un ordenador de sobremesa y en un móvil.
- Los bloques de contenido Heading (Encabezado) y Paragraph (Párrafo) tienen también un editor de código. Para obtener más información, consulta Usar bloques de contenido Heading (Encabezado) en el nuevo creador y Usar bloques de contenido Paragraph (Párrafo) en el nuevo creador.
Nota
Para obtener más información sobre cada creador de correo electrónico y sus bloques de contenido, consulta Acerca de los creadores de correo electrónico de Mailchimp.
Uso de bloques de contenido de código para tu correo electrónico
Para usar un bloque de contenido de código, sigue estos pasos.
- Haz clic en un bloque Code (Código) o haz clic y arrastra un bloque Code (Código) a tu diseño desde el panel lateral.
- Inserta o pega el código en el menú Code (Código)
Consejos sobre bloques de código
Aquí tienes algunos consejos sobre cómo usar el bloque de código.
- No utilices JavaScript.
Debido a que la mayoría de clientes de correo electrónico bloquean JavaScript para protegerse contra los virus, eliminamos automáticamente todo el JavaScript detectable de tu código. - No utilices un procesador de texto para crear contenido HTML . Los programas como Microsoft Word o Publisher podrían añadir código de estilo adicional que distorsiona tu campaña. Te recomendamos que escribas el código HTML en un editor de texto simple y luego lo pegues en el bloque de código.
- Usa CSS incrustado o alineado.
En la mayoría de los casos, los archivos CSS externos no funcionarán en un correo electrónico HTML. Puedes añadir CSS incrustado o en línea a un bloque de código, preferiblemente sobre la sección del cuerpo de tu diseño. Para obtener mejores resultados, te recomendamos que utilices CSS en línea. - Utiliza las consultas multimedia para garantizar un diseño compatible.
Si quieres que tu código sea compatible con los dispositivos móviles, deberás incluir consultas multimedia. Una consulta multimedia es un componente CSS que permite que tu contenido se adapte a diferentes dispositivos. Para obtener más información, consulta Recomendación de W3C sobre consultas multimedia y la Guía de Litmus sobre cómo codificar un correo electrónico compatible desde cero. - Utiliza el Gestor de contenido o rutas absolutas para imágenes y archivos . Usa nuestro gestor de contenido para alojar archivos e imágenes para tu campaña. Toma la URL del archivo del gestor de contenido y pégala en tu código del bloque de código. Si alojas las imágenes en tu propio servidor, usa rutas absolutas.
Elementos y atributos HTML compatibles
Limpiaremos automáticamente cualquier elemento que no sea compatible con el editor de código.
| Elemento | Atributo aceptado |
|---|---|
<span> | `span` |
<code> | |
<sub> | `id` , `class` y `style` |
<sup> | `id` , `class` y `style` |
<del> | `id` , `class` , `title` y `style` |
<ins> | |
<small> | `id` , `class` y `style` |
<font> se convierte en <span> | `class` , `id` , `color` , `size` , `face` y `style` |
<a> | `href` , `title` , `target` y `style` |
<em> o <i> | |
<strong> o <b> | |
<p> | `id` , `class` y `style` |
<img /> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` y `height` |
<table> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` y `height` |
<tr> | `class` , `id` , `align` , `valignystyle`` |
<th> | `class` , `id` , `colspan` , `rowspan` , `style` , `width` y `height` |
<td> | `class` , `id` , `colspan` , `rowspan` , `valign` , `style` , `width` y `height` |
<h1> | `id` , `class` y `style` |
<h2> | `id` , `class` y `style` |
<h3> | `id` , `class` y `style` |
<h4> | `id` , `class` y `style` |
<br> | |
<ol> | |
<ul> | |
<li> | |
<dl> | `id` , `class` y `style` |
<dt> | `id` , `class` y `style` |
<dd> | `id` , `class` y `style` |
<pre> | |
<link /> | `href` , `rel` , `type` y `media` |
<style> | `media` y `type` |
<u> se convierte en <span> | |
<s> se convierte en <span> |
Activar contenido dinámico
Puedes convertir cualquier bloque de contenido en contenido dinámico que muestre contenido diferente a los destinatarios según las condiciones que establezcas. Esto te ayuda a dirigirte a diferentes tipos de contactos a la vez con un solo correo electrónico.
Para obtener más información sobre el contenido dinámico y cómo activarlo en tu bloque de contenido, consulta Acerca del contenido dinámico.
Soporte técnico
¿Tienes alguna pregunta?
Los usuarios de pago pueden acceder al soporte por correo electrónico y chat.