Support Centre

Búsqueda

Usar HTML con MailChimp o Outlook

Krystine
Krystine
  • Actualización

Venngage te permite descargar tu diseño como un bloque de código HTML o como un archivo en formato HTML. Esto facilita incrustar diseños en sitios web, incluirlos en correos electrónicos o crear plantillas de correo y boletines reutilizables.

Puedes convertir tu diseño a HTML de dos maneras:

  • Código de incrustación (Embed code): perfecto para elementos interactivos como encuestas o videos incrustados.

  • Archivo en formato HTML: ligero y optimizado para correo electrónico; los elementos interactivos se desactivan, pero los hipervínculos siguen funcionando.

 

Subir un Archivo HTML a MailChimp

  1. Inicia sesión en tu cuenta de MailChimp.

  2. Desde el panel de control, haz clic en Campañas (Campaigns).

    Screengrab of MailChimp dashboard with the 'Campaigns' tool (a megaphone with the title 'Campaigns') highlighted.

  3. Abre el menú y selecciona Plantillas de correo (Email templates)

    Screengrab of MailChimp dashboard with the 'Campaigns' menu open (black text on a yellow column). The 'Email templates' tool is highlighted, and a black label tag beside it reads 'View your saved templates or design a new one to fit your brand'.

  4. Haz clic en Crear plantilla (Create Template).

    Screengrab of MailChimp Templates page with the grey button titled Create Template in the top right corner of the page highlighted by a red box.

  5. En la página Crear una plantilla, selecciona la pestaña Codificar tú mismo (Code your own).

    Screengrab of MailChimp 'Create a template' page with the 'Code your own' tab highlighted by a red box.

  6. Elige Importar HTML (Import HTML) para subir un archivo o Pegar código (Paste in code) para usar el código de incrustación.

    Screengrab of MailChimp 'Code your own' page with the 'Import HTML' option in the center highlighted by a red box.

  7. Haz clic en Agregar archivos (Add Files), selecciona el archivo HTML descargado desde Venngage y haz clic en Subir (Upload).

    Close-up of the 'Import HMTL' pop-up box with the Add Files button visible in the center and the 'Upload' button at the bottom. Both are highlighted with a red box.

  8. Previsualiza tu plantilla y luego haz clic en Guardar y salir (Save and Exit) para usarla en una campaña.

Los archivos HTML proporcionan una versión comprimida y sin pérdida de tu diseño, ligera e ideal para compartir por correo electrónico sin consumir demasiados datos o ancho de banda. Para mantener el tamaño del archivo pequeño, los elementos interactivos como encuestas y videos se desactivan en este formato.

 

Subir un Archivo HTML a Outlook 365

  1. Crea un nuevo correo en Outlook.

    The top menu of Outlook for Windows, with the 'New Email' icon highlighted by a red box.

  2. Haz clic derecho en la barra de herramientas y selecciona Personalizar la cinta (Customize the Ribbon).

  3. Agrega Adjuntar archivo (Attach File) a la barra de herramientas y haz clic en Agregar (Add). Presiona Aceptar (OK) para confirmar.

    In the 'Outlook Options' pop-up dialog, the 'Customize Ribbon' tab is highlighted in the left pane. In the right pane, the option 'Attach file' is highlighted in blue and framed by a red box in the list of Popular Commands. The 'Add' button in the center is framed by a red box. The 'Ok' button at the botton of the dialog box is highlighted with a red box.

  4. Haz clic en Adjuntar archivo (Attach File) en la ventana principal.

    In the main window of Outlook, under the 'Message' tab, the 'Attach File' tool (represented by a paperclip icon) is highlighted and framed by a red box. The mouse hovering over the icon has brought up an ALT text box that reads 'Attach File: Attach a file to this item'.

  5. Selecciona tu archivo HTML, haz clic en la flecha desplegable junto a Insertar (Insert) y elige Insertar como texto (Insert as Text).

    Close-up of file selector where the 'Insert' button is highlighted by a red box around it. The down arrow next to the button is clicked, and the mouse is hovering over the second option in the menu which reads 'Insert as Text'.

  6. Haz clic en Insertar (Insert) para incrustar el contenido HTML en el cuerpo del correo electrónico.

 

💡 Consejos de Venngage para Diseño de Correos en HTML

  • Opciones HTML: usa código de incrustación para diseños interactivos o descarga de archivos HTML para compartir correos ligeros.

  • Compatibilidad: Outlook para Mac no soporta plantillas personalizadas; se recomienda MailChimp para resultados consistentes.

  • Tamaño de página: diseños de una sola página hasta 816 x 3000 px optimizan los tiempos de carga del correo.

  • Etiquetas de combinación (Merge Tags): las etiquetas de Venngage no se transfieren; agrega etiquetas personalizadas directamente en MailChimp.

  • Tamaño de texto: usa al menos 16 px para legibilidad.

  • Elementos interactivos: formularios, encuestas y videos no funcionan en archivos HTML descargados; los hipervínculos siguen siendo clicables.

 

✅ Tip profesional: Siempre previsualiza tu correo HTML en tu cliente de correo antes de enviarlo para asegurarte de que el formato y los enlaces se vean correctamente.

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

 

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 2

¿Tiene más preguntas? Enviar una solicitud