Subir un archivo HTML para diseñar emails (editor de código HTML personalizado)

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. Haz clic en Start designing (Empezar a diseñar) o Add content (Añadir contenido) para abrir el menú de selección del editor.
  3. Haz clic en Start from scratch (Empezar desde cero) > Simple editor (Editor sencillo).
    email_access-html-editor-campaign_en-us.png

Se abre el editor HTML, donde puedes subir tu propio archivo HTML para diseñar tu email. La próxima vez, podrás seleccionar los emails previamente creados en la categoría Your emails (Tus emails). Utiliza los emails diseñados con el editor de email 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
    • Abre el archivo en tu navegador, haz clic con el botón derecho en la página y selecciona View Page Source (Ver fuente de la página)
      view-page-source_EN-US.gif
  2. Seleccione todo el código y cópielo.
  3. Desde 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.code-your-own_EN-US.gif
  5. (Opcional) Haz clic en Actions (Acciones) more-action-icon.png > 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 realices en tu diseño después de guardarlo como plantilla no se reflejarán en la plantilla.
  6. Haz clic en Save & quit (Guardar y salir).

Ahora puedes previsualizar y probar tu email para ver si funciona.

⏭️ ¿Qué es lo siguiente?

🤔 ¿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.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 16 de 74