14 ejemplos de páginas de precios SaaS, con puntuación
Ver buenas páginas de precios SaaS es útil, pero "se ve bonito" no te dice por qué una página funciona ni qué todavía hace mal. Por eso pasamos 14 páginas de precios de empresas SaaS conocidas por PageCritic, la misma auditoría que cualquiera puede ejecutar gratis, y publicamos los resultados conforme salieron: la puntuación de conversión general, 7 puntuaciones parciales, el principal problema de cada página con una solución concreta, y una cosa que hace bien.
Auditado el 2026-10-24. Las puntuaciones son la opinión de una IA sobre las buenas prácticas de conversión, basada en capturas de escritorio y móvil más el HTML de la página. No son tasas de conversión medidas, y estas empresas no pidieron una revisión. Las páginas cambian seguido; cada enlace de abajo lleva al informe completo y gratis con las capturas que evaluamos.
Las puntuaciones
| # | Página | Puntuación | Claridad | Propuesta de valor | CTA | Confianza | Diseño | Celular | Velocidad y SEO |
|---|---|---|---|---|---|---|---|---|---|
| 1 | plausible.io#pricing | 82 | 35 | 87 | 100 | 87 | 100 | 100 | 90 |
| 2 | cal.com/pricing | 75 | 70 | 53 | 80 | 73 | 80 | 80 | 100 |
| 3 | vercel.com/pricing | 71 | 65 | 53 | 53 | 60 | 90 | 93 | 100 |
| 4 | slack.com/pricing | 70 | 55 | 40 | 73 | 87 | 60 | 93 | 90 |
| 5 | webflow.com/pricing | 69 | 35 | 53 | 67 | 87 | 70 | 100 | 90 |
| 6 | notion.com/pricing | 68 | 35 | 33 | 67 | 100 | 90 | 87 | 90 |
| 7 | airtable.com/pricing | 67 | 45 | 53 | 67 | 73 | 70 | 93 | 80 |
| 8 | dropbox.com/plans | 67 | 45 | 80 | 67 | 60 | 50 | 100 | 70 |
| 9 | linear.app/pricing | 66 | 30 | 40 | 87 | 53 | 80 | 100 | 100 |
| 10 | framer.com/pricing | 65 | 45 | 53 | 80 | 53 | 60 | 87 | 90 |
| 11 | zapier.com/pricing | 63 | 45 | 60 | 53 | 60 | 80 | 93 | 60 |
| 12 | figma.com/pricing | 61 | 35 | 40 | 40 | 67 | 80 | 100 | 90 |
| 13 | hubspot.com/pricing/marketing | 59 | 55 | 40 | 47 | 60 | 40 | 93 | 80 |
| 14 | posthog.com/pricing | 59 | 35 | 87 | 47 | 53 | 60 | 67 | 80 |
| Promedio | 67 | 45 | 55 | 66 | 70 | 72 | 92 | 86 |
Todas las puntuaciones son de 100. La última fila es el promedio SaaS, la marca contra la que se mide cada página en su análisis.
Lo que dicen los patrones
- Área más débil en promedio: Claridad (45), seguida de Propuesta de valor (55). Incluso las empresas que prueban sus páginas de precios constantemente dejan puntos sobre la mesa en este aspecto.
- Área más fuerte: Móvil (92). Las tablas de planes limpias son lo estándar en precios SaaS. Pero no compensan un título vago ni una llamada a la acción escondida.
- Los títulos son demasiado vagos. En 10 de 14 páginas, el título estuvo entre los 3 problemas principales: nombra una categoría o un eslogan en lugar de decir qué hace el producto y para quién es.
- La prueba social queda debajo de la primera pantalla. En 3 de 14 páginas, la falta de prueba social en la primera pantalla estuvo entre los 3 problemas principales, aun cuando la empresa tiene muchos clientes que podrían citarse más abajo.
- Las correcciones comunes son baratas. La mayoría de los principales problemas son de texto y diseño: un título que diga qué hace el producto, una línea de prueba debajo del hero, una nota corta debajo del botón. Ninguno necesita un rediseño.
Página por página
plausible.io#pricing
82El encabezado de la sección de precios 'Traffic based plans that match your growth' es un eslogan que nunca dice qué es Plausible ni a quién sirve, así que un visitante que llega a #pricing ve planes sin contexto.
- Principal problema
- El título no dice qué es el producto.'Traffic based plans that match your growth' describe la estructura de precios pero no el producto. Un visitante que llega a #pricing no puede saber desde la primera pantalla que esto es una herramienta de analítica web.
- Solución
- Pon el producto en el título, por ejemplo 'Analítica web que respeta la privacidad, con precio según tu tráfico', y conserva el texto actual como etiqueta secundaria encima del selector de planes.
- Lo que funciona
- El botón 'Start free trial' aparece dentro de la primera pantalla en las tarjetas Starter, Growth y Business, así que la decisión de precio tiene un siguiente paso claro sin hacer scroll.
cal.com/pricing
75La página de precios abre con un título genérico 'Choose your Cal.com subscription' y un subtítulo gris, así que los visitantes ven nombres de planes y precios, pero no tienen motivo para elegir Cal.com en vez de las alternativas.
- Principal problema
- Falta un mensaje centrado en beneficios.El único encabezado después del hero es el eslogan 'Smarter, simpler scheduling'. Los visitantes ven cuánto cuestan los planes, pero no lo que ganan, así que la página se lee como una lista de precios.
- Solución
- Reemplaza el eslogan genérico por una línea de beneficio como 'Deja de enviar correos de ida y vuelta. Deja que tus clientes agenden solos con un solo enlace.' y agrega un h2 encima de las tarjetas de planes que exprese el resultado.
- Lo que funciona
- La etiqueta 'Pricing' y el h1 dejan claro que esta es una página para elegir plan, y el subtítulo explica que lo que se compra es la programación de citas.
vercel.com/pricing
71La página tiene un título claro y precios visibles, pero nunca dice con palabras simples qué es Vercel, y su único botón en la primera pantalla es una etiqueta tipo menú 'Products' que el visitante no puede leer como una acción.
- Principal problema
- No hay una propuesta de valor clara para el visitante.El título 'Scale your app, control your costs' es abstracto; nada en la primera pantalla dice qué obtiene el visitante con Vercel como producto, así que la página depende por completo de las tarjetas de precio para transmitir el mensaje.
- Solución
- Agrega un subtítulo debajo del h1, como 'Despliega y aloja tus aplicaciones web con CDN global, reversiones instantáneas y límites de gasto, empezando gratis.', para que el valor se exprese en una línea antes de las tarjetas de planes.
- Lo que funciona
- El título 'Scale your app, control your costs' expresa un resultado en seis palabras y está en letra grande en la parte superior izquierda de la página.
slack.com/pricing
70Una página de precios sólida y bien planteada cuyo título principal nombra un plan en lugar de un resultado, y cuya primera pantalla está saturada con 32 elementos clicables que diluyen la única acción GET STARTED.
- Principal problema
- No hay un motivo claro para elegir Slack.El hero solo pide a los visitantes 'Choose a paid plan built for businesses' y nunca explica por qué vale la pena pagar por Slack, así que los visitantes comparan precios en vez de resultados.
- Solución
- Agrega una razón para comprar debajo del título, por ejemplo 'Reemplaza los hilos de correo y las reuniones de estatus con un solo lugar donde trabaja todo tu equipo', y enlaza 'Compare all features' solo debajo de las tarjetas de planes.
- Lo que funciona
- El título es corto, grande y centrado a 50 px, así que es lo primero que se lee.
webflow.com/pricing
69La página de precios se abre con un título simple "Our pricing" sin nombrar la categoría del producto ni al comprador, así que los visitantes deben revisar cuatro columnas de planes antes de saber qué vende Webflow.
- Principal problema
- No hay categoría de producto en la primera pantalla.El h1 "Our pricing" son las únicas palabras encima de los planes; un visitante que llegó desde una búsqueda o un anuncio no puede saber que esto es un creador de sitios web, así que la comparación de precios no tiene contexto donde aterrizar.
- Solución
- Reemplaza el h1 "Our pricing" por una línea que nombre la categoría, por ejemplo "Precios del creador de sitios web: empieza gratis y actualiza cuando crezcas", y conserva "Site plans" como etiqueta de sección debajo.
- Lo que funciona
- El h1 "Our pricing" es corto y grande a 78 px, así que es lo primero que se lee en la página.
notion.com/pricing
68El título "One tool to run your company." es un eslogan que no nombra ningún resultado, así que el visitante llega a una cuadrícula de precios de planes sin saber qué hará Notion por él.
- Principal problema
- El título es un eslogan, no un resultado."One tool to run your company." no le dice al visitante nada que pueda imaginar lograr, así que lo primero que lee no le da razón para empezar un plan.
- Solución
- Reescribe el h1 para que nombre un resultado, por ejemplo "Gestiona proyectos, documentos y reuniones en un solo lugar." Mantén el mismo tamaño y posición.
- Lo que funciona
- El h1 "One tool to run your company." es corto (6 palabras) y grande a 64 px, así que es lo primero en que se fija la vista.
airtable.com/pricing
67El título "A plan for every organization's needs" es un eslogan que no nombra ningún resultado ni producto, así que los visitantes deben revisar cuatro columnas de precios antes de saber qué les da Airtable en realidad.
- Principal problema
- El título es un eslogan, no un resultado."A plan for every organization's needs" describe una elección, no lo que obtiene el comprador. Nada le dice al visitante que Airtable le permite dar seguimiento al trabajo, crear apps u organizar datos, así que el espacio más valioso de la página no dice nada concreto.
- Solución
- Reemplaza el H1 por una línea enfocada en el resultado, como "Gestiona tus proyectos y datos en un solo lugar, empezando gratis" y mueve la frase de selección de plan al subtítulo o a la etiqueta de sección encima de los niveles.
- Lo que funciona
- El H1 es corto, con 6 palabras y 45 px, así que es el texto más prominente de la página.
dropbox.com/plans
67La primera pantalla dice "Go from idea to done with Dropbox", un eslogan que nunca indica un resultado, y tres tarjetas de planes que compiten entre sí, con seis botones distintos, dejan al visitante sin saber qué debe hacer clic primero.
- Principal problema
- El título es un eslogan, no un resultado."Go from idea to done" es vago; quien revisa la página de precios no puede saber qué obtendrá al elegir un plan.
- Solución
- Reemplaza el H2 "Go from idea to done with Dropbox" por un título que nombre el resultado, por ejemplo "Guarda, comparte y firma tus archivos en un solo lugar", y conserva la frase actual como eslogan de marca en otra parte.
- Lo que funciona
- El título "Go from idea to done with Dropbox" es corto, con 7 palabras y 32 px, y está centrado en la parte superior de la página.
linear.app/pricing
66La página de precios abre con un encabezado "Pricing" sin más, y cuatro columnas de planes, sin decir qué es Linear, para quién es ni por qué un visitante debería elegir un plan y no otro.
- Principal problema
- No se menciona la audiencia en la primera pantalla.Los visitantes no pueden saber si los planes sirven para un desarrollador independiente, un equipo de una startup o un comprador de TI de una empresa grande, así que tienen que adivinar qué columna les corresponde.
- Solución
- Agrega una línea debajo del h1 como "Planes para creadores independientes, equipos de producto en crecimiento y grandes áreas de ingeniería" para nombrar la audiencia antes de las cuatro columnas.
- Lo que funciona
- Los niveles de planes y sus precios son fáciles de comparar lado a lado: Free USD 0, Basic USD 10, Business USD 16 por usuario al mes, Enterprise personalizado, y cada uno con una línea de precio clara.
framer.com/pricing
65El título "Start free, then scale your site" es un eslogan que no nombra ningún resultado ni audiencia, así que la primera pantalla depende de una cuadrícula de precios que la mayoría de los visitantes tiene que descifrar antes de entender qué hace Framer por ellos.
- Principal problema
- El título es un eslogan, no un resultado."Start free, then scale your site" le dice al visitante que empiece, pero no qué obtendrá. Nada indica que el sitio se construya, publique o crezca, así que la promesa sigue siendo vaga.
- Solución
- Reescribe el h1 para expresar el resultado, por ejemplo "Crea y publica un sitio web profesional sin programar", y mueve "Start free, then scale your site" al subtítulo.
- Lo que funciona
- El título es corto, con seis palabras a 54 px, y está bien visible en la parte superior izquierda de la primera pantalla.
zapier.com/pricing
63La primera pantalla menciona una categoría de producto ('AI orchestration plans'), pero nunca dice para quién es ni por qué el plan de Zapier es mejor que las alternativas, y el único botón dominante es un selector de pestañas, no una acción de compra.
- Principal problema
- No se menciona la audiencia en la primera pantalla.Los visitantes ven 'AI orchestration plans' y 'Unlock the power of AI orchestration across your organization', pero nada indica si esto es para creadores independientes, startups, equipos de operaciones o empresas, así que las personas no pueden identificarse con una opción.
- Solución
- Agrega una línea como 'Para equipos de operaciones y RevOps que automatizan procesos en más de 9,000+ apps' encima o debajo del H1, o nombra la audiencia en el párrafo introductorio en lugar de 'across your organization'.
- Lo que funciona
- El H1 'AI orchestration plans' es corto, con tres palabras en un tamaño grande, así que es lo primero que se lee.
figma.com/pricing
61El título "Pick your plan, choose your seats" es un eslogan que nunca dice qué es Figma ni para quién es, así que los visitantes llegan a una cuadrícula de precios sin motivo para elegir Figma sobre cualquier otra opción.
- Principal problema
- No se menciona la audiencia.Nada en la primera pantalla indica para quién son los planes (diseñadores, desarrolladores, equipos o empresas). Los visitantes deben revisar cuatro columnas de planes antes de saber si Starter u Organization les conviene.
- Solución
- Agrega un subtítulo debajo del H1 que nombre al comprador, por ejemplo "Para diseñadores independientes, equipos de desarrollo y organizaciones que lanzan productos juntos", y colócalo encima de la cuadrícula de planes.
- Lo que funciona
- El H1 "Pick your plan, choose your seats" es corto, con 6 palabras y 72 px, así que es el punto más claro de la parte superior de la página.
hubspot.com/pricing/marketing
59La sección principal es solo la etiqueta "Marketing Hub" debajo de un banner de cookies y una ventana emergente de chat de ventas, así que los visitantes ven cuatro columnas de planes y una docena de botones antes de tener alguna razón para elegir HubSpot.
- Principal problema
- No hay motivo para comprar en la primera pantalla.La única línea de valor es el banner promocional "Save up to 65% on Starter", que es un descuento para un solo nivel, no una razón para que un profesional de marketing elija HubSpot Marketing Hub.
- Solución
- Reemplaza la promoción de la parte superior como mensaje principal por una frase de beneficio, por ejemplo "Convierte a tus visitantes en clientes, con correo, automatización y reportes en un solo lugar", y mueve el descuento de Starter a una línea secundaria.
- Lo que funciona
- La oferta es clara en la primera pantalla: "Starts at $7/mo/seat" y "Free for up to 2 users. No credit card required." ofrecen un precio concreto y un punto de partida sin riesgo.
posthog.com/pricing
59El título "97% of companies use PostHog for free." es un eslogan ingenioso que nunca dice qué es PostHog ni para quién es, mientras la primera pantalla está saturada por una navegación de estilo sistema operativo de escritorio y un aviso de cookies.
- Principal problema
- Público no identificado.Nada en el hero dice para quién es PostHog; el visitante tiene que recorrer la página para saber si encaja con su equipo, así que muchos se van antes de decidir.
- Solución
- Agrega un subtítulo que nombre al comprador, por ejemplo "Analítica de producto, repetición de sesiones y feature flags para equipos de producto e ingeniería", en lugar del genérico "One day we'd like your money, but not today."
- Lo que funciona
- El título "97% of companies use PostHog for free." es corto, siete palabras a 60 px, y ocupa un lugar prominente en el hero.
Aplica estas lecciones en tu propia página
Revisa las 80 páginas de inicio en una sola lista: ejemplos de landing page, puntuados y ordenados, o explora los 94 análisis.
Otras categorías, puntuadas de la misma forma:
Empieza por la primera pantalla: qué debe ir en la parte visible sin hacer scroll. Luego prueba tu título en el analizador de títulos gratuito y tu texto de botón en el verificador de CTA, y revisa cómo te ves en Google con el verificador de meta tags. Para una revisión completa, recorre la lista de 30 puntos para landing pages.
Puntuación gratis, 7 puntuaciones parciales y tus 3 problemas principales, con capturas de escritorio y móvil. El informe completo (todos los problemas ordenados por impacto, reescrituras de título y CTA, mejoras rápidas) cuesta USD 5.