Cliente
Empresa
LeadFlow CRM
SaaS B2B · equipos de ventas 20-200 comerciales
Objetivo
Material de ventas, documentación de usuario y auditoría CRO de la página de pricing
Reto técnico
Dashboard SPA (React) con scroll interno · pricing carga planes desde API REST
Workflow ejecutado
1
Verificar entorno
Comprueba Node.js 22+ y puerto CDP de Chrome.
node full-page-screenshot.mjs --check
✓ node: ok (v22.4) · chrome: ok (port 9222)
2
Listar tabs abiertas
Identifica el targetId del dashboard ya autenticado.
node full-page-screenshot.mjs --list
✓ Tab: "LeadFlow · Dashboard" → 7F3A...
3
Capturar dashboard
Captura la SPA autenticada por targetId, expande scroll container interno.
node ... 7F3A... dashboard.png\n --width 1440 --dpr 1
✓ 1440×2840px · 1.2 MB
4
Capturar pricing
Abre URL pública en tab background, espera carga de API, captura completa.
node ... --url leadflow.io/pricing\n pricing.png --wait 12000
✓ 1200×3120px · 0.9 MB
Salida de consola
full-page-screenshot.mjs — LeadFlow CRM
cultiva@mbp ~/proyectos/leadflow-crm $ node full-page-screenshot.mjs --check
node: ok (v22.4.0)
chrome: ok (port 9222)
cultiva@mbp ~/proyectos/leadflow-crm $ node full-page-screenshot.mjs --list
[
{ "targetId": "7F3A2C9E-1B44-4D8F-A2C1-9F0E3D5B7A8C",
"title": "LeadFlow · Dashboard",
"url": "https://app.leadflow.io/dashboard" },
{ "targetId": "B2D5F1A3-...", "title": "Nuevo tab", "url": "chrome://newtab/" }
]
cultiva@mbp ~/proyectos/leadflow-crm $ node full-page-screenshot.mjs 7F3A2C9E... /tmp/leadflow-dashboard.png --width 1440 --dpr 1
Waiting for DOM to stabilize...
DOM stable at 847 elements
Expanded 1 scroll container(s)
Content: 1440×2840 @ 1x
Images loaded: 23
Capturing 1440×2840...
Saved: /tmp/leadflow-dashboard.png (1440×2840px, 1.24 MB)
cultiva@mbp ~/proyectos/leadflow-crm $ node full-page-screenshot.mjs --url "https://leadflow.io/pricing" /tmp/leadflow-pricing.png --width 1200 --dpr 1 --wait 12000
Tab created: B9F2E1A3...
Waiting for DOM to stabilize...
DOM stable at 612 elements
Content: 1200×3120 @ 1x
Images loaded: 18
Capturing 1200×3120...
Saved: /tmp/leadflow-pricing.png (1200×3120px, 0.87 MB)
Resultados capturados
Dashboard SPA — tab autenticado
leadflow-dashboard.png · 1440×2840Dashboard — Junio 2026
Leads nuevos
847
↑ 12.4% este mes
Tasa conversión
23.6%
↑ 2.1% vs anterior
Ingresos
€184K
↓ 3.2% vs objetivo
Deals cerrados
62
↑ 8 vs mes anterior
Pipeline por etapa — últimos 30 días
Fuentes de leads
Orgánico 42% · Pagado 25% · Referido 16%
Leads recientes
| Empresa | Contacto | Etapa | Valor | Asignado | Actualizado |
|---|---|---|---|---|---|
| Nexus Digital SL | Ana Ruiz | Propuesta | €12.400 | M.García | hace 2h |
| Comercial Trébol | Pedro Vega | Negociación | €8.900 | L.Martínez | hace 4h |
| InnoTech Labs | Sara Molina | Cerrado | €22.000 | R.Sánchez | hoy 09:15 |
| Grupo Fontana | Javier Torres | Demo | €6.200 | M.García | ayer |
| SoftServ España | Elena Díaz | Perdido | €4.800 | L.Martínez | hace 2 días |
Pricing — URL pública (carga dinámica)
leadflow-pricing.png · 1200×3120Planes para cada equipo
Sin permanencia. Cancela cuando quieras. Soporte incluido en todos los planes.
Mensual
Anual
Ahorra 20%
Mensual
Anual
Starter
€29/mes por usuario
Para equipos pequeños que empiezan con CRM.
Empezar gratis
✓ Hasta 5 usuarios
✓ 2.500 leads
✓ Pipeline básico
✓ Email integrado
✗ IA predictiva
✗ API access
Más popular
Growth
€69/mes por usuario
Para equipos en crecimiento que necesitan más potencia.
Probar 14 días gratis
✓ Usuarios ilimitados
✓ Leads ilimitados
✓ Pipeline avanzado
✓ IA predictiva
✓ API access
✓ Automatizaciones
Enterprise
A medida
Para empresas con requisitos avanzados de seguridad y SLA.
Hablar con ventas
✓ Todo de Growth
✓ SSO / SAML
✓ SLA 99.9%
✓ Soporte dedicado
✓ On-premise opcional
✓ Facturación centralizada
Preguntas frecuentes
¿Puedo cambiar de plan en cualquier momento?
Sí. Los cambios de plan se aplican al siguiente ciclo de facturación. El upgrade es inmediato.
¿Hay permanencia mínima?
No. Puedes cancelar en cualquier momento desde tu panel de configuración sin penalizaciones.
¿Qué incluye el soporte?
Todos los planes incluyen soporte vía chat y email en horario laboral. Enterprise incluye gestor dedicado.
Capacidades del script
full-page-screenshot.mjs — funcionalidades avanzadas
| Capacidad | Cómo funciona | Caso de uso | Estado |
|---|---|---|---|
| Expansión de scroll containers | Detecta divs con overflow-y auto/scroll, los expande con !important via CDP | SPAs React/Vue con layout interno scrollable (dashboards, tablas) | Activo |
| Estabilidad DOM | Monitoriza querySelectorAll("*").length hasta 3 lecturas iguales consecutivas | Espera que el framework SPA termine de renderizar datos de API | Activo |
| Lazy-load trigger | Scroll incremental 800px/paso para activar IntersectionObserver | Páginas con imágenes y componentes cargados al hacer scroll | Activo |
| Captura por tiles | Páginas >16.000px se capturan en tiles de 8.000px y se cosen con PIL | Páginas muy largas (documentación, tablas de datos extensas) | Automático |
| CSS personalizado | Inyecta estilos antes de la captura para ocultar o ajustar elementos | Ocultar banners de cookies, ajustar sidebar, eliminar popups | Opcional --css |
| Fallback a proxy CDP | Si el WebSocket del browser está ocupado, usa endpoints /eval /screenshot | Entornos donde otro proceso ya tiene abierta la conexión CDP | Fallback |