Newsletter de productividad — Blog Slide-In
Captura emails de lectores comprometidos sin interrumpir la experiencia de lectura
- Aparece al alcanzar el 50% de scroll en posts del blog
- Solo en páginas /blog/* — nunca en product, pricing o checkout
- Excluye visitantes ya suscritos (cookie
fm_sub=1) - Solo nuevos visitantes en su 1ª o 2ª visita
- Máximo 1 vez por sesión
- Si dismissal: suprimir 30 días (localStorage)
- Si conversión: suprimir permanentemente
- No mostrar si ya abrió el popup de pricing en la misma sesión
- Desktop: slide-in lateral derecho (320px), no bloquea el texto
- Móvil: bottom slide-up (full-width, 160px de alto máx.)
- Avatar del autor del post para generar confianza
- Un campo único: email. Sin nombre, sin empresa.
- Botón de cierre visible (✕) en esquina superior derecha, 44px mínimo en móvil
Exit-Intent en /pricing — Recuperación de leads
Intercepta visitantes de alta intención que abandonan sin registrarse
- Exit intent: cursor hacia barra del navegador (desktop)
- Solo en /pricing — no en blog ni homepage
- Excluye usuarios ya en trial o con cuenta activa
- Requiere mínimo 30 segundos en página antes de activarse
- Móvil: sustituir por time-based (45 seg. de inactividad) + back-button
- Máximo 1 vez por sesión
- Si dismissal: suprimir 14 días
- Si conversión (trial iniciado): suprimir permanentemente
- No mostrar si el usuario viene de haber visto el popup #1 de blog
- Desktop: modal centrado 480px — no full-screen
- Fondo con overlay semitransparente (no bloqueo total)
- Mostrar código de oferta especial:
TRIAL14como elemento visual destacado - Logo + 3 trust badges: "Sin tarjeta", "Cancela siempre", "Datos seguros (GDPR)"
- Animación de entrada: fade + slide suave (250ms)
Más tiempo para evaluar con tu equipo real
Slide-In de activación — Página de funcionalidades
CTA contextual para visitantes que exploran features sin convertir
- Page count: activa al visitar 2+ páginas en la misma sesión
- Solo en /features/* y /integraciones
- Después de 45 segundos en la página (indicador de interés)
- Excluye usuarios ya registrados o en trial activo
- Máximo 1 vez por sesión
- Si dismissal: suprimir 7 días
- No mostrar si ya se mostró el popup #1 o #2 en esta sesión
- No mostrar en móvil si el viewport < 768px (evitar intrusión)
- Desktop: slide-in esquina inferior derecha, 280px de ancho
- Entra desde la derecha con animación suave
- No bloquea el contenido principal en ningún momento
- Enlaza al calendario de Calendly directamente
- Pequeño avatar del rep de ventas para humanizar
fm_user=authenticated) antes de cargar cualquier trigger./checkout, /payment, /confirm.Consentimiento explícito
- No pre-marcar casillas de opt-in
- Copy de consentimiento visible y claro
- Enlace a política de privacidad en cada popup
- Registro del momento y forma de consentimiento
Almacenamiento y supresión
- Preferencias en localStorage (no en cookies de terceros)
- Mecanismo de baja en 1 clic en todos los emails
- No compartir emails con terceros sin consentimiento adicional
- Retención máxima: 3 años desde último engagement
Accesibilidad (WCAG 2.1 AA)
- Navegable con teclado (Tab, Enter, Escape)
- Focus trap mientras el modal está abierto
- Compatible con lectores de pantalla (aria-modal, role="dialog")
- Contraste mínimo 4.5:1 en todo el texto
Test 1 — Popup Blog: Incentivo vs. sin incentivo
Sin incentivo: Newsletter puro. CTA: "Quiero la táctica del martes". Copy basado en propuesta de valor de contenido.
Con lead magnet: "Descarga la checklist de onboarding remoto (PDF, 12 puntos)" + newsletter. CTA: "Descargar gratis".
Test 2 — Exit-Intent: Oferta trial extendido vs. descuento
Trial 14 días: "Prueba FlowMetrics 14 días gratis (vs. 7 del plan normal)". Sin precio, sin riesgo.
Descuento 20%: "Obtén 20% de descuento en tu primer mes con el código FLOW20". Aplica a planes Starter y Pro.
Test 3 — Blog: Formato slide-in vs. modal centrado
Slide-in lateral: 320px desde la derecha. No bloquea el contenido. Menor intrusión.
Modal centrado: Overlay suave. Más visible. Más disruptivo. ¿Convierte más?
Setup base y popup #1 (blog)
Eliminar el popup actual (3 segundos, global). Instalar librería de popups (Privy, ConvertBox o custom JS). Implementar scroll-trigger en blog al 50%. Conectar formulario a proveedor de email (Mailchimp/ActiveCampaign).
Popup #2 (exit-intent pricing) + reglas de conflicto
Implementar detección de exit intent en /pricing. Configurar código TRIAL14 en el sistema. Implementar lógica de supresión (localStorage). Añadir exclusión de usuarios autenticados.
Popup #3 (slide-in features) + QA completo
Implementar slide-in en /features. Revisar accesibilidad (keyboard nav, focus trap). QA en iOS + Android. Verificar cumplimiento GDPR. Conectar con Calendly para reserva de demos.
Lanzamiento, monitorización y arranque de tests A/B
Publicar los 3 popups en producción. Configurar dashboards de tracking (PostHog/GA4): impresiones, conversiones, close rate por popup. Lanzar Test A/B #1 (blog incentivo vs. sin incentivo). Revisión de datos a los 7 días.
| # | Popup | Tipo | Trigger | Páginas | Frecuencia | Conv. esperada |
|---|---|---|---|---|---|---|
| 1 | Newsletter blog | Email capture | 50% scroll depth | /blog/* |
1x sesión · suprimir 30d | 3,5–5% |
| 2 | Exit-intent pricing | Exit intent | Cursor → barra nav (45s mín.) | /pricing |
1x sesión · suprimir 14d | 5–9% |
| 3 | Demo slide-in | Slide-in CTA | 2+ páginas + 45s en página | /features/* |
1x sesión · suprimir 7d | 8–12% CTR |