El editor de código HTML personalizado te permite subir tu propio archivo HTML para diseñar emails totalmente personalizados. Es ideal si ya tienes un email codificado por una agencia, creado fuera de Brevo.  

Antes de empezar

• Algunos clientes de email no admiten todo el contenido HTML, ya que el HTML del email no está tan desarrollado como el de la web. Para evitar problemas con tu código en el editor y bloque HTML, consulta nuestro artículo dedicado Limitaciones a la hora de utilizar HTML para los diseños de email.
• Recomendamos añadir imágenes mediante el atributo <img src= [...] > en lugar de incrustarlas directamente en tu email.
  💡 Información relevante

  Si necesitas incrustar una imagen, insértala primero y luego activa la opción dedicada en la Configuración adicional de tu campaña. Ten en cuenta que el contenido incrustado cuenta para el límite de tamaño de tu email y solo puedes usar hasta 1 MB de los 5 MB máximos.

🧑‍💻 Acceder al editor de código HTML personalizado 

Para empezar a diseñar con el editor HTML:

1. Crea una campaña de email o plantilla de email y configúrala. 
2. Accede al paso Design (Diseño) para seleccionar una plantilla de email con la que empezar.

3. Dependiendo de si vas a crear una plantilla de email o campaña, el procedimiento varía:

   Campaña de email Plantilla de email

   Haz clic en Start designing (Empezar a diseñar) y haz clic en Start from scratch (Empezar desde cero) > HTML custom code (Código HTML personalizado).

   

   Accede a la pestaña Code your own (Crear tu propio código) y haz clic en Paste your Code (Pegar tu código).

   

Se abre el editor HTML donde puedes subir tu propio archivo HTML para diseñar tu email. La próxima vez, podrás seleccionar tus emails creados previamente desde las categorías Your emails (Tus emails) (campaña) o My templates/Campagins (Mis plantillas/campañas (plantilla). Utiliza tus emails diseñados con el editor HTML en tus campañas de email, automatizaciones y conversaciones. 

</> Subir un archivo HTML 

Una vez que hayas abierto el editor HTML: 

1. Abra el archivo HTML para ver el código. Puede: 
   • abrir el archivo en un editor de texto, si lo tiene; o
   • abrir el archivo en su navegador, haciendo clic en la página y seleccionado View Page Source (Ver fuente de la página). 
     
2. Seleccione todo el código y cópielo.
3. Desde la sección Design (Diseño) de la creación de tu email, accede al editor de código HTML personalizado.
4. Pega el código en el editor de código HTML personalizado.
5. Opcional: haz clic en Actions (Acciones)  > Save as template (Guardar como plantilla) para guardar tu diseño HTML como plantilla y reutilizarlo en futuras campañas o automatizaciones. Ponle un nombre para encontrarlo y reconocerlo fácilmente en tu lista de plantillas de email y haz clic en Save as template (Guardar como plantilla). 
   
   ❗️ Importante

   Los cambios que realice en su diseño después de guardarlo como plantilla no se verá reflejados en la plantilla.
6. Haz clic en Save & quit (Guardar y salir).
7. Se muestra una pequeña vista previa de tu campaña en la sección Design (Diseño) de la creación de tu email.

Ahora puedes previsualizar y probar tu campaña de email para ver si funciona.

⏭️ ¿Qué es lo siguiente?

• Vista previa y prueba del email
• Limitaciones a la hora de utilizar HTML para tus diseños de email

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.