Ir al contenido principal

¿Cómo crear una plantilla HTML?

R
Escrito por Rocio Sena
Actualizado esta semana

La opción de plantillas en HTML te permite utilizar diseños personalizados desarrollados externamente.

A continuación, te explicamos cómo crear una plantilla en HTML paso a paso.


Ingresar a la sección de Plantillas

  1. Accede a tu cuenta de Data4Sales.

  2. Desde el menú lateral izquierdo, dirígete a Email > Plantillas.

  3. Haz clic en el botón Crear plantilla o Nueva plantilla.


Selecciona la opción “Importar HTML”

Dentro de las opciones disponibles para crear una plantilla, selecciona Importar código HTML.

Esta opción es ideal si:

  • Ya cuentas con un archivo HTML.

  • Tienes un template desarrollado por un diseñador o equipo técnico.


Cargar el HTML

Data4Sales ofrece dos formas de cargar tu plantilla:

Opción A: Subir un archivo HTML

  1. Selecciona Subir archivo.

  2. Carga tu archivo con extensión .html.

  3. El sistema procesará automáticamente el contenido

Opción B: Pegar el código HTML

  1. Selecciona Pegar código.

  2. Copia y pega el HTML directamente en el editor.

  3. Verifica que el código esté completo y correctamente estructurado.


Asignar un nombre a la plantilla

Una vez cargado el HTML:

Ingresa un nombre identificable para la plantilla. Este nombre te ayudará a encontrarla fácilmente en futuros envíos o ediciones.


Validar la visualización

Antes de guardar o utilizar la plantilla, revisa la vista previa para asegurarte de que:

  • El diseño se visualiza correctamente.

  • Las imágenes cargan sin errores.

  • Los links funcionan correctamente.

  • El contenido es responsive (desktop y mobile).


Realizar un envío de prueba

Desde el editor puedes enviar un mensaje de prueba para validar el comportamiento real del email.

  1. Haz clic en Enviar mensaje de prueba.

  2. Completa los siguientes campos:

    • Nombre del email

    • Asunto

    • Vista previa del texto

    • Email del remitente

    • Email del destinatario

  3. Haz clic en Enviar.

El envío de prueba no completa variables dinámicas y descuenta 1 crédito por cada mensaje enviado.

Este paso es clave para detectar errores antes del envío final.


Guardar la plantilla

Si el resultado es correcto:

  1. Guarda la plantilla.

  2. Quedará disponible para ser utilizada en campañas o flujos automatizados.


Recomendaciones para plantillas HTML

  • Define un ancho máximo recomendado de 600 px.

  • Optimiza el peso de las imágenes para mejorar la deliverability.

  • Incluye texto alternativo (alt) en las imágenes.

  • Evita scripts o etiquetas no compatibles con clientes de correo.


Si tienes cualquier consulta puedes contactarte con nuestro chat de soporte dentro de Data4sales o nuestro email: customer.success@data4sales.com

¿Ha quedado contestada tu pregunta?