Pegar en HTML para crear un correo electrónico

Si ya has diseñado y codificado un correo electrónico en HTML con otro programa o has recibido el HTML de un diseñador, puedes pegar el código para crear tu correo electrónico con la función Paste in Code (Pegar en código).

En este artículo, aprenderás a pegar el código HTML para crear un correo electrónico.

Antes de empezar

A continuación, se detallan algunos puntos que debes conocer antes de empezar este proceso.

• Esta función está disponible para usuarios con el plan Standard o superior. Para más información sobre las funciones incluidas en cada plan, consulta nuestra página de precios.
• Las plantillas con código personalizado solo están disponibles en el creador clásico. Si utilizas el nuevo creador, se te pedirá que continúes con el creador clásico.
• En el código HTML, todas las imágenes deben estar alojadas en un servidor público y todos los enlaces deben ser rutas absolutas que enlacen directamente a ese servidor público. También puedes usar el Gestor de contenido en tu cuenta Mailchimp para alojar tus imágenes e insertar la URL de las imágenes en el código HTML.
• 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.

Paste in code (Pegar en código)

Para crear un correo electrónico con código HTML pegado, sigue estos pasos:

1. Haz clic en el botón Create (Crear) .
2. Haz clic en el menú desplegable Email (Correo electrónico) y, a continuación, hac clic en Regular (Estándar).
3. Introduce un nombre para tu correo electrónico y, a continuación, haz clic en Begin (Comenzar).
4. En la sección Content (Contenido) del creador, haz clic en Design Email (Diseñar correo electrónico).
5. En el paso Select a template (Seleccionar una plantilla), haz clic en la pestaña Code your own (Programar tu propia plantilla).
6. Selecciona Paste in code (Pegar en código).
   
7. Si estás utilizando el nuevo creador, haz clic en __Apply (Aplicar)_y, a continuación, haz clic en Yes, continue to Classic (Sí, continúa con Clásico) en la ventana emergente.
8. Pega el HTML en el editor de código y haz clic en Save (Guardar).

Revisar las opciones

A continuación, te explicamos las funciones de CSS y los fragmentos de código más destacados que encontrarás en la pestaña Settings (Opciones) del panel de edición.

• CSS Inliner
  Marca la casilla Automatic CSS-Inliner (CSS-Inliner automático) para que el código se muestre con mayor precisión en las distintas bandejas de entrada.
• Enlace para cancelar la suscripción
  Copia el unsubscribe link (enlace de baja) y pégalo en el código. La etiqueta merge *|UNSUB|* es obligatoria en todos los correos electrónicos.
• Referral badge (Insignia de recomendación)
  Copia la etiqueta Merge de la insignia de referencia y pégala en el código donde quieres que aparezca la insignia. En las cuentas gratuitas, la etiqueta merge *|REWARDS|* es obligatoria. Haz clic en Change Image (Cambiar imagen) para elegir entre un fondo de imagen claro u oscuro.
• Tema del editor de código
  Haz clic en el menú desplegable Editor theme (Tema del editor) para modificar la apariencia del editor de código.

Comments (Comentarios)

Utiliza la pestaña Comments (Comentarios) para enviar un correo electrónico de prueba, pedir comentarios a los colaboradores y añadir tu propio comentario. Para obtener más información, consulta nuestro artículo Cómo colaborar en campañas.