Editor de email y tipos de bloque
Diseña emails profesionales con el editor de arrastrar y soltar. Más de 100 tipos de bloque en 12 categorías: navegación, hero, contenido, e-commerce, galería, blog, redes sociales y más.
Acceder al editor
Ve a Automatizaciones → Correo electrónico → Plantillas de email para ver tus plantillas. Haz clic en "Crear plantilla" para una plantilla nueva, o en "Editar" en una existente para abrir el editor de arrastrar y soltar.
Plantillas iniciales
Si todavía no has creado ninguna plantilla de email, Bugalou genera automáticamente dos de partida (que también se usan en los broadcasts):
- Email de bienvenida — una plantilla de mensaje de bienvenida
- Confirmación de pedido — una plantilla transaccional
Ajustes de la plantilla
En la parte superior del editor, configura:
- Nombre de la plantilla — nombre interno de referencia
- Asunto — el asunto del email
- Email del remitente — dirección de email del remitente
- Nombre del remitente — nombre visible del remitente
- Email de respuesta — adónde van las respuestas
- Preheader — texto de vista previa en los clientes de correo
Categorías de bloques
La barra lateral del editor organiza más de 100 bloques en 12 categorías:
🔖 Bloques guardados
Tus secciones reutilizables guardadas: Sección Hero, Sección CTA.
☰ Navegación (5 bloques)
Logotipo, Barra de navegación, Logotipo + Navegación, Logotipo + Enlaces sociales, Logotipo + Botón.
🏙️ Hero (5 bloques)
Hero estándar, Hero extendido, Título + Imagen, Lado a lado, Imagen debajo.
✏️ Elementos (7 bloques)
Título, Texto, Cita, Enlaces, Título + Botón, Dos botones, Tres botones.
📝 Contenido (13 bloques)
Mensaje, CTA en minicaja, CTA básico, CTA en caja, Contenido simple, Contenido en caja, Imagen simple, Título + Imagen + Contenido, Título + Imagen, Lado a lado, Imagen doble, Iconos dobles, Imagen triple.
⭐ Especiales (15 bloques)
Encuesta, Cuestionario, Firma centrada, Firma alineada, Firma digital, Acordeón, Cuenta atrás, Aplicaciones, Evento con imagen, Evento básico, Tres características, Dos características, Característica horizontal, Minicaracterística, Bloque de código.
🛒 E-commerce (11 bloques)
Cuadrícula de productos, Lista de productos, Carrito abandonado, Producto único, Producto único alineado, Dos productos, Tres productos, Descuento estándar, Descuento horizontal, Seguimiento de envío, Resumen del pedido.
🖼️ Galería (6 bloques)
Imagen única, Dos imágenes, Tres imágenes, Cuatro imágenes, Cinco imágenes, Carrusel.
📰 Blog (8 bloques)
Extendido, Básico, Doble, Mini, Biografía del autor 1, Biografía del autor 2, RSS destacado, Lista RSS.
🔻 Pie de página (5 bloques)
Centrado, Básico, Alineado, Pie de navegación, Enlaces de apps.
🤝 Social (2 bloques)
Enlaces sociales, Compartir en redes.
📦 Básicos (7 bloques)
Texto, Imagen, Botón, Espaciador, Divisor, Sección, Incrustado.
Editar bloques
Haz clic en cualquier bloque del lienzo para abrir su editor específico. Cada tipo de bloque tiene ajustes propios (colores, fuentes, imágenes, enlaces, etc.). Aparece una barra de herramientas de texto flotante para dar formato al texto en línea.
Variables dinámicas
Usa el Selector de tokens para insertar variables dinámicas en el contenido del email:
{{firstName}}— nombre de pila del destinatario{{orderId}}— número de pedido- Y más, según los datos de tu disparador
Vista previa y prueba
- Vista previa — mira tu email tal como lo verán los destinatarios
- Enviar prueba — envía un email de prueba a cualquier dirección
Gestión de plantillas
En la página de plantillas puedes:
- Buscar — encontrar plantillas por nombre
- Duplicar — crear una copia de una plantilla
- Eliminar — borrar una plantilla definitivamente
- Vista previa en la barra lateral — vista previa rápida sin abrir el editor