Saltar al contenido principal

Plantillas de correo

El framework envía correos automáticamente en varias situaciones: recuperación de contraseña, notificaciones de workflow, formularios recibidos, alertas de stock, etc. Antes de recibir ninguno, hay que configurar el servidor de envío.

Paso 1 — Configurar SMTP

Ve a Configuración → Correo.

Necesitas los datos de tu servidor SMTP. Opciones típicas:

Con Gmail (para pruebas)

  • Servidor SMTP: smtp.gmail.com
  • Puerto: 587
  • Encriptación: TLS
  • Usuario: tu email de Gmail.
  • Contraseña: no la de tu Gmail, sino una contraseña de aplicación que generas en tu cuenta de Google.

Con SendGrid, Brevo, Mailgun (producción)

Servicios especializados en envío masivo. Cada uno te da servidor, usuario y contraseña específicos. Recomendado si envías más de 100 correos al día.

Con tu propio servidor / hosting

Muchos hostings incluyen un SMTP propio. Consulta con tu proveedor.

Paso 2 — Datos del remitente

  • Nombre del remitente: cómo se ve el "de:" en la bandeja del destinatario (ej. "Mi Empresa").
  • Correo del remitente: la dirección que verá el destinatario (ej. hola@miempresa.com).

Recomendación: el correo del remitente debe ser del mismo dominio que estás usando en SMTP, si no los correos pueden marcarse como spam.

Paso 3 — Prueba de envío

Antes de dar por buena la configuración, envía un correo de prueba. Botón "Enviar prueba" — pon un email tuyo y verifica que llegue.

Si no llega:

Plantillas

El framework tiene plantillas HTML para cada tipo de correo:

  • Recuperación de contraseña.
  • Bienvenida a un usuario nuevo.
  • Notificación de workflow (con Notification Manager).
  • Formulario recibido.
  • Alertas de stock mínimo.
  • Reportes programados.

Cada plantilla es HTML editable desde Configuración → Correo → Plantillas. Puedes:

  • Cambiar el asunto.
  • Editar el cuerpo (HTML).
  • Usar variables {{campo}} que se rellenan con datos del contexto (ej. {{nombre_usuario}}, {{link_reset}}).

Personalización visual

Para que los correos combinen con tu marca:

  • Usa el mismo logo (<img src="https://tudominio.com/web/assets/logo.png" />).
  • Colores consistentes (define un CSS inline al principio del HTML).
  • Firma con datos de contacto.

Ejemplo mínimo:

<div style="font-family: sans-serif; max-width: 600px; margin: 0 auto;">
<img src="https://miempresa.com/logo.png" height="50" />
<h2 style="color: #0066cc;">Hola {{nombre_usuario}}</h2>
<p>Tu pedido #{{numero_pedido}} ya está en camino.</p>
<p>
<a href="{{link_seguimiento}}" style="background: #0066cc; color: white; padding: 10px 20px; text-decoration: none;">
Ver seguimiento
</a>
</p>
<p>Saludos,<br />El equipo de Mi Empresa</p>
</div>

Precedencia importante

Los ajustes SMTP guardados desde el panel tienen prioridad sobre lo que esté en el archivo cms/config.php. Si editaste el archivo y "no pasa nada", es porque el panel tiene otros valores guardados. Ver Configuración general.

Cuentas de admin usan estos correos

Los correos configurados aquí también se usan para:

  • Recuperación de contraseña de administradores.
  • Códigos 2FA por email.
  • Notificaciones internas.

No hay un SMTP separado para "correos del sistema" vs "correos a clientes" — es el mismo.

¿Qué sigue?