Usar bloques de contenido de código

Usa el bloque de contenido de código para añadir código HTML 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, te explicamos cómo utilizar los bloques de contenido de código en el creador clásico.

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 creador clásico. Para obtener más información sobre bloques de contenido similares en el nuevo creador, consulta nuestro artículo sobre bloques de contenido de código.
• El equipo de soporte de Mailchimp no está capacitado para solucionar problemas de codificación personalizada. Contacta con tu desarrollador o contrata a un experto de Mailchimp si necesitas ayuda con esta función avanzada.
• Te recomendamos que envíes correos electrónicos de prueba o que utilices nuestra herramienta Inbox Preview para hacerte una idea de cómo se verá tu campaña en diferentes clientes de correo electrónico.

Añadir bloques de contenido de código a tu diseño

Para añadir un bloque de contenido de código, sigue estos pasos.

1. Haz clic en el bloque Code (Código) y arrástralo al diseño.
   
2. Inserta o pega el código en la ventana de edición.
   
3. Haz clic en Save & Close (Guardar y cerrar).

Consejos sobre bloques de código

Aquí tienes algunos consejos sobre cómo usar el bloque de contenido 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 el 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 la 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 contenidos y pégala dentro de tu bloque de código. Si alojas las imágenes en tu propio servidor, usa rutas absolutas.

Activar contenido dinámico

Cuando diseñes un correo electrónico, convierte 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.