Ahorra tiempo importando plantillas de correo electrónico que ya has diseñado. Sube archivos HTML desde Canva, Mailchimp, Klaviyo o código personalizado, luego úsalos en Campañas de Correo electrónico y Flujos de Trabajo de Automatización.
Esta guía te muestra cómo importar plantillas, solucionar errores comunes y asegurar que las imágenes se muestren correctamente.
Antes de empezar
Lee sobre los requisitos de HTML:
Antes de importar, revisa Conceptos básicos de HTML para correo electrónico y Bloque de contenido HTML personalizado para la lista completa de etiquetas compatibles.
⚠️ Importante: <!DOCTYPE HTML> y <head>las etiquetas deben ser eliminadas antes de subir. </head>Puedes hacer esto manualmente en un editor de texto, o usar htmlcorrector.com para eliminar automáticamente estas etiquetas y otros elementos no soportados.
Dos métodos de importación:
Importar HTML (sube un archivo .html) – útil para usuarios de Mailchimp
Pegar código (copia/pega HTML) – útil para usuarios de Klaviyo y Canva
Importar desde Canva
Canva es una herramienta de diseño popular, pero su exportación a HTML requiere pasos adicionales antes de que funcione en Omnisend.
Paso 1. Exportar desde Canva
En Canva, ve a Compartir → Descargar → Tipo de archivo: HTML. Canva descargará una carpeta que contiene:
email.html (el archivo que necesitas)Una carpeta
images(deberás alojar estas por separado – ver más abajo)
Paso 2. Abre el archivo HTML en un editor de texto
Windows: Haz clic derecho en
email.html →Abrir con → Bloc de notasMac: Haz clic derecho en
email.html →Abrir con → TextEdit
⚠️ No hagas doble clic en el archivo – se abrirá en tu navegador en su lugar.
Paso 3. Limpia el HTML
Elimina toda la línea
<!DOCTYPE html>en la parte superiorElimina todo entre
<head></head>y (incluyendo las etiquetas mismas)Copia el código restante y pégalo en htmlcorrector.com
Haz clic en Limpiar HTML y copia el resultado
Paso 4. Aloja tus imágenes
Omnisend no puede importar archivos de imagen directamente. La carpeta de imágenes de Canva no funcionará – las imágenes deben estar alojadas en línea con URLs completas (por ejemplo, https://yoursite.com/image.jpg).
Opción A: Subir a Omnisend
En Omnisend, crea una nueva Campaña de Correo electrónico
Agrega un bloque de Imagen → Sube cada imagen
Haz clic derecho en la imagen → Copiar URL de imagen
En tu HTML, reemplaza las rutas de imágenes locales (
images/photo.jpg) con URLs de Omnisend
Opción B: Usar alojamiento externo
Sube imágenes a Imgur, Cloudinary o tu sitio web, luego actualiza las URLs de las imágenes en tu HTML.
Paso 5. Pegar en código
Ve a Configuración de la Tienda → Plantillas guardadas → Importar plantilla → Pegar en código, luego pega tu HTML limpio.
Proceso de importación
Paso 1. Navegar a la Configuración de la Tienda
Ir a Configuración de la tienda → Plantillas guardadas.
Paso 2. Ver plantillas guardadas
Verás:
Una lista de plantillas guardadas – Puedes copiarlas, previsualizarlas o eliminarlas. Aprende más sobre cómo copiar plantillas.
Botón de importar plantilla – Haz clic en esto para elegir tu método de importación.
Opción 1. Importar el archivo HTML
Si tienes un archivo .html guardado en tu computadora:
Haz clic en Importar HTML
Agrega tu nombre de plantilla
Elige el archivo HTML
Haz clic en Subir
Si ves "Lo sentimos, no pudimos importar la plantilla HTML:"
Causas comunes:
HTML aún contiene etiquetas
<doctype></doctype>o<head></head>(elimina estas primero)El archivo incluye elementos no soportados (
<iframe>,<script>, CSS inválido)Formato de archivo incorrecto (.zip, .txt o carpeta) – debe ser un archivo .html
Solución: Limpia tu código usando htmlcorrector.com, luego intenta Opción 2: Pegar en código en su lugar.
Tu plantilla importada aparecerá en la página de Plantillas guardadas y estará disponible al crear campañas y automatización.
Opción 2. Pegar código HTML
Si tienes código HTML copiado (por ejemplo, de Canva, Klaviyo u otra herramienta):
Haz clic en Pegar en código
Agrega tu nombre de plantilla
Pega el HTML limpio
Haz clic en Importar
Tu plantilla aparecerá en la página de Plantillas guardadas y estará disponible en campañas y automatización.
Editar una Plantilla Importada
Puedes editar el contenido y el diseño de tu plantilla. Haz clic en el contenido del correo electrónico para abrir el editor HTML.
⚠️ Notas importantes:
Si transfieres una plantilla de otro proveedor de servicios de correo electrónico, necesitarás eliminar manualmente:
Todas las etiquetas de personalización
Enlace para ver en el navegador
Enlace para darse de baja
Omnisend añadirá sus propias versiones automáticamente.
Nota: Las imágenes pueden no mostrarse correctamente en correos electrónicos de prueba o vistas previas. Este es un comportamiento esperado – los correos electrónicos de prueba utilizan enlaces de imagen temporales que no siempre se renderizan correctamente (especialmente en Gmail y Outlook Web). Para verificar tu diseño, envía la campaña a un segmento de prueba real o a tu propia dirección de correo electrónico. Las imágenes se mostrarán correctamente en campañas en vivo.
Solución de problemas
¿Por qué mi HTML está en blanco en la vista previa?
Las vistas previas en blanco suelen ser causadas por etiquetas HTML no soportadas o errores de formato.
Solución:
Limpia tu HTML usando htmlcorrector.com
Elimina las etiquetas
<DOCTYPE>,<head>,<iframe>y<script>Asegúrate de que las imágenes usen URLs completas, no rutas de archivos locales
Prueba primero con HTML simple (por ejemplo,
<p>Prueba</p>) para confirmar que el bloque funciona, luego agrega gradualmente tu contenido de nuevo
¿Por qué no puedo ver imágenes después de importar?
Omnisend no puede acceder a archivos de imagen locales. Si tu HTML hace referencia a imágenes almacenadas en tu computadora (por ejemplo, images/photo.jpg), no se mostrarán.
Solución: Aloja imágenes en línea y actualiza las URLs en tu HTML. Consulta el "Aloja tus imágenes" sección anterior.
¿Qué significa "el texto contiene etiquetas HTML prohibidas"?
Este error significa que tu HTML incluye etiquetas que no son compatibles con el correo electrónico. Culpables comunes:
yetiquetas <head></head><iframe> (contenido incrustado)</iframe><script> (JavaScript)</script>Estilos CSS o de fuente complejos
Solución: Usa htmlcorrector.com para eliminar automáticamente estas etiquetas, o elimínalas manualmente. Ver Bloque de contenido HTML personalizado para la lista completa de etiquetas soportadas.
Preguntas Frecuentes
¿Puedo subir la carpeta de imágenes de Canva junto con el archivo HTML?
No. Omnisend solo acepta código HTML – no puede procesar carpetas de imágenes o archivos de imagen locales. Necesitarás subir imágenes por separado y actualizar las URLs en tu HTML. Ver "Aloja tus imágenes" arriba.
El HTML importado se ve diferente a mi diseño. ¿Por qué?
El HTML de correo electrónico se renderiza de manera diferente al HTML web. Problemas comunes:
Los clientes de correo electrónico eliminan CSS complejo – Gmail, Outlook y Apple Mail no soportan muchas propiedades modernas de CSS
Los diseños de Canva utilizan formato web – Canva se optimiza para la web, no para clientes de correo electrónico
Las fuentes pueden no cargarse – Las fuentes personalizadas a menudo regresan a fuentes de respaldo en el correo electrónico
Soluciones:
Usa htmlcorrector.com para limpiar código no soportado
Simplifica tu diseño: usa etiquetas HTML básicas y CSS en línea
Considera reconstruir en el Editor de correos electrónicos de Omnisend para una mejor compatibilidad. Comienza con el Editor de correos electrónicos.
Prueba tu correo electrónico en múltiples clientes (Gmail, Outlook, Apple Mail) antes de lanzarlo
Para cualquier orientación o ayuda adicional, Contacta a nuestro galardonado equipo de soporte utilizando el chat en la aplicación o enviando un correo electrónico a [email protected].