Para comenzar a crear tu templete en Data4Sales, ingresa a la sección Email > Plantillas desde el menú lateral derecho.
Existen dos opciones para crear tu plantilla:
Importar un código HTML: Puedes subir un archivo HTML o pegar directamente el código.
Nueva plantilla: Usando el editor visual de Data4Sales, ideal si no tienes conocimientos técnicos.
Veamos la opción de HTML:
Subir archivo:
Pegar código HTML:
Para crear una plantilla desde el editor visual:
Haz clic en "Nueva plantilla" y asígnale un nombre.
Desde el panel izquierdo, puedes arrastrar y soltar los distintos elementos disponibles para diseñar tu email, como imágenes, texto, botones, columnas, carruseles, temporizadores ¡y mucho más!
Hablemos de los elementos:
Columna
Utiliza las columnas para organizar y distribuir visualmente el contenido en bloques verticales u horizontales dentro del correo. Clave para mejorar la experiencia del lector, especialmente en dispositivos móviles.
Se utiliza arrastrando el bloque al diseño y eligiendo la cantidad de columnas necesarias.
Botón:
El botón se utiliza para incluir un call to action dentro del email.
Puedes personalizar su texto y estilo, y en el campo URL, colocar la página de destino a la que quieres dirigir a tus usuarios. Ideal para guiar acciones como “Comprar ahora”, “Registrarme” o “Ver más”.
Imágenes:
Puedes agregar imágenes a tu plantilla arrastrando el bloque Imagen al correo.
Cuentas con dos opciones:
Crear una imagen con inteligencia artificial (Orbis Creatives)
Subir tu propia imagen en formato .png, .jpg o .gif.
Medidas y pesos de imágenes
1. Anchos sugeridos
Banner principal (hero): 600 px (desktop): adaptar a 100% mobile.
Imágenes de producto: 280–300 px por columna (en layouts de 2 columnas).
Banners secundarios: 600 px o 300 px por columna (según estructura).
2. Pesos sugeridos
Menos de 200 KB por imagen.
Ideal: 80–150 KB.
Evitar imágenes > 300 KB (afecta carga móvil y deliverability).
3. Formatos sugeridos
JPG para fotografías.
PNG para logos e imágenes con transparencias.
GIF permitido. Mantener < 1 MB (ideal: 600–800 KB).
Podrán modificar la alineación, el ancho y también linkear una URL a las imágenes.
Carrusel:
Te permite mostrar varias imágenes en un mismo espacio, deslizando una por una de forma automática o manual.
Es ideal para destacar productos, promociones o beneficios sin ocupar demasiado espacio vertical.
Solo tienes que arrastrar el bloque al diseño, subir las imágenes y configurar el orden, el tiempo de rotación y si quieres que el usuario pueda hacer clic para navegar entre ellas.
Video:
Puedes mostrar una previsualización dentro del email que redirige a un video alojado en YouTube.
Arrastra el bloque al diseño, pega la URL del video, y se mostrará una miniatura automáticamente tomada de ese enlace.
Redes sociales:
Selecciona los iconos que desees y linkealos a tus redes sociales.
Menu:
El elemento Menú te permite armar un encabezado (header) con varios botones o secciones que redirigen a diferentes URLs.
Es ideal para incluir accesos rápidos dentro del email, como “Inicio”, “Productos”, “Ofertas” o “Contacto”, y darle a tu plantilla un diseño similar al de un sitio web.
HTML:
El elemento HTML te permite insertar código personalizado dentro del newsletter.
Timer:
Es un contador regresivo que muestra el tiempo restante hasta una fecha y hora determinada.
Es perfecto para generar urgencia en campañas con ofertas limitadas, lanzamientos o fechas clave.
Solo arrastra el bloque al diseño y configura los datos. También puedes personalizar su apariencia para que combine con tu plantilla.
Carrito:
Este elemento permite incluir un bloque dinámico con información del carrito abandonado: se muestra la imagen del producto, su nombre y cantidad.
Es ideal para campañas de recuperación de carritos, ya que le recuerda al usuario lo que dejó pendiente y lo motiva a completar la compra.