Página web SaaS: buenas prácticas de 20 páginas de precios B2B y las páginas que tu sitio necesita

La respuesta corta

Una página web SaaS tiene que atender a tres visitantes a la vez: el usuario que quiere probar el producto, el comprador que necesita un precio y quien revisa la seguridad y aprueba el gasto. Una buena página web SaaS le da a cada uno un camino que no exige una llamada con ventas.

El 17 de octubre de 2026 leímos las páginas de precios de 20 productos SaaS B2B conocidos, en su versión en inglés para Estados Unidos y con precios en dólares. La página típica muestra cuatro planes, dos de ellos se pueden comprar sin hablar con ventas. 15 de las 20 ofrecen un plan gratuito, 15 terminan con una tarjeta Enterprise de "contactar a ventas", 12 marcan un plan como el más popular y las 12 páginas con selector mensual/anual abren en anual. Sus páginas de inicio son igual de consistentes: las 19 enlazan a casos de clientes y 18 a una página de seguridad o de confianza.

El resto de esta guía muestra los datos, qué copiar, las páginas que necesita un sitio SaaS y los errores que encontramos en páginas de empresas que pueden darse el lujo de hacerlas bien.

Qué hacen 20 páginas de precios SaaS

Leímos cada página el 17 de octubre de 2026, sin iniciar sesión, en inglés y en dólares. Cuando el HTML no traía los planes, la leímos en un navegador. Contamos lo que ve un visitante en la vista principal: tarjetas de planes, plan gratuito o prueba, el selector de facturación y el ahorro que anuncia, etiquetas, la tarjeta Enterprise, la unidad de cobro, la tabla comparativa, las preguntas frecuentes, las afirmaciones de cumplimiento y las calculadoras. Los nombres de los planes y las frases entre comillas van tal como aparecen en cada página, en inglés.

Los conteos de las 20:

Dos salvedades. Intercom estaba haciendo una prueba de precios en vivo mientras la leíamos: algunas visitas mostraban su plan Essential a USD 29 con "Save up to 26%" y otras a USD 19 con "Save up to 35%". Y unas pocas páginas cambiaban entre nuestra copia sin sesión y un navegador, así que toma cada detalle como la foto de un día.

Qué copiar para tu propia página de precios

Cuatro tarjetas, dos que se compran solas

Gratuito, dos planes pagos y Enterprise es la forma por defecto por una razón: un plan para empezar, uno para crecer y uno para el área de compras. Pipedrive es la excepción que vende cuatro planes de autoservicio, y Linear muestra lo poco que necesita una página: cuatro tarjetas y una tabla comparativa, sin etiqueta, sin prueba gratis y sin preguntas frecuentes.

Elige plan gratuito o prueba gratis a propósito

Los cinco productos sin plan gratuito son sobre todo herramientas de equipo cobradas por licencia que se le venden a un gerente, y cuatro de ellos ofrecen en cambio una prueba de 14 días. Si tu producto solo muestra su valor cuando un equipo ya lo configuró, una prueba con fecha de vencimiento suele funcionar mejor que un plan gratuito del que nadie pasa a pagar. Di qué pide la prueba: Pipedrive repite "No credit card required" (no se requiere tarjeta de crédito) debajo de cada botón.

Anual por defecto, y muestra la cuenta

Todos los selectores que vimos abren en facturación anual, así que el precio grande es el equivalente mensual de un precio anual. El descuento real suele rondar el 17 %, lo mismo que pagar 10 meses de 12 (Notion USD 10 frente a 12, Zoom USD 14,16 frente a 16,99, Airtable USD 20 frente a 24). Pipedrive además imprime el total anual debajo de la cifra mensual ("One payment of US$ 168 per seat/year"), y le ahorra al comprador la multiplicación que su equipo de finanzas va a hacer de todos modos.

Destaca un plan y ponle un piso a Enterprise

Las 12 etiquetas están en un plan pago de autoservicio, casi siempre la segunda o la tercera tarjeta. GitHub usa dos a la vez: "Most popular" en Team y "Recommended" en Enterprise. En la tarjeta Enterprise, un precio de entrada filtra a quien no puede pagarlo: Calendly muestra Enterprise "Starts at $15k /yr" (desde USD 15.000 al año), GitHub "Starting at $21" por usuario y Figma publica los precios de sus licencias Enterprise aunque el botón diga "Contact sales".

Muestra el precio de la IA donde el comprador lo vea

9 de las 20 páginas miden la IA en su propia unidad, como créditos, solicitudes o resoluciones. Notion vende créditos a USD 10 por cada 1.000, Intercom cobra USD 0,99 por resultado de IA, Asana vende solicitudes de IA y Zendesk factura sus agentes de IA por resolución automatizada. Si tu producto mide la IA, pon la unidad y su precio en la página de precios, no en los términos y condiciones.

Responde las objeciones en la misma página

17 páginas terminan con preguntas frecuentes, con una mediana de 12: reembolsos, cambios en el número de licencias, descuentos para organizaciones sin ánimo de lucro y startups, qué cuenta como usuario. Las preguntas frecuentes de Slack explican que solo se cobran los miembros activos. Esas respuestas son lo que el comprador le reenvía a su colega de finanzas o de compras.

Muestra en qué plan empieza el inicio de sesión único

En las páginas de precios, las afirmaciones de seguridad son sobre todo filas de la tabla comparativa. Lo primero que busca un comprador es el inicio de sesión único (SSO), y rara vez está en el primer plan pago: Notion y Miro lo ponen en Business, Asana y Linear en Enterprise, y Vercel vende el SSO con SAML en Pro por USD 300 al mes. Haz que esa fila sea fácil de encontrar, porque quien revise la parte de TI la va a buscar.

Agrega una calculadora solo si el precio depende del uso

Las cuatro calculadoras son de productos que cobran por eventos, volúmenes, contactos o resoluciones de IA. Un producto que cobra por licencia no la necesita: el precio es el número de licencias por el precio del plan.

Haz que las máquinas puedan leer la página

La página de precios de Postman les dice a los agentes de IA que hay una copia limpia en Markdown en /pricing.md, y el archivo existe. Los asistentes responden cada vez más preguntas como "cuánto cuesta X", así que una versión en texto plano de tus precios les ayuda a citarte bien. Nuestra guía para tener un sitio web preparado para agentes de IA cubre el resto de ese trabajo.

Las páginas que necesita un sitio SaaS

También revisamos qué enlaza cada empresa desde su página de inicio. La de Gusto bloqueó nuestra solicitud, así que esto cubre 19, contando los enlaces del HTML de la página de inicio; los menús que se cargan después con JavaScript pueden esconder más.

Figma tiene una página de seguridad en figma.com/security; solo que no encontramos un enlace a ella en el HTML de su página de inicio.

Además de esas seis, tres páginas cargan casi todo el peso restante:

• Páginas de producto o de funciones, una por cada trabajo que hace el producto. No una lista de funciones: lo que el comprador puede dejar de hacer, con capturas de la interfaz real.
• Casos de uso o soluciones por rol y por sector. Ahí es donde la navegación B2B segmenta. En nuestros ejemplos de páginas web B2B, 9 de 12 sitios tenían un menú por sector, y 4 también se organizaban por rol o área.
• Documentación y referencia de la API para cualquier producto con integraciones. Los ingenieros que evalúan el producto leen la documentación antes que las páginas de marketing.

Las páginas comparativas son las menos comunes y de las más útiles para compradores que ya tienen una lista corta. En Estados Unidos son legales: la declaración de política de la FTC dice que fomenta nombrar a los competidores, siempre que las comparaciones sean veraces, claras y no engañosas (16 CFR 14.15). Slack, Pipedrive, Mixpanel, Zendesk, Mailchimp y 1Password las tienen.

Si vendes en Colombia, la regla está en la Ley 256 de 1996, de competencia desleal: su artículo 13 considera desleal la comparación pública con un tercero que use indicaciones incorrectas o falsas, u omita las verdaderas, y la que se refiera a aspectos que no sean "análogos, ni comprobables". El Estatuto del Consumidor (Ley 1480 de 2011) prohíbe la publicidad engañosa, la que no corresponde a la realidad o es insuficiente y puede inducir a error (artículos 5 y 30), y su artículo 29 dice que las condiciones objetivas y específicas anunciadas en la publicidad obligan al anunciante. Ese estatuto protege al consumidor, que puede ser una empresa cuando lo que compra no está ligado intrínsecamente a su actividad económica (artículo 5). Leímos ambas leyes el 22 de octubre de 2026; esto es información general, no asesoría legal.

Para la página de seguridad, agrega un archivo /.well-known/security.txt. El RFC 9116 lo define como una forma legible por máquinas de decirles a los investigadores cómo reportar una vulnerabilidad:

Contact: mailto:security@example.com
Expires: 2027-10-17T00:00:00.000Z
Policy: https://example.com/security/disclosure
Preferred-Languages: en, es

Si tus clientes pueden usar su propio dominio en tu producto, la página de confianza también debe explicar cómo funciona; nuestra guía de dominios personalizados para SaaS cubre la configuración.

Registro y demo: los dos caminos

Los botones de las tarjetas pagas se dividen en tres grupos: "Get started" (6 páginas), frases de prueba como "Start free trial" o "Try it free" (7) y "Buy now" (4). No hay una etiqueta correcta; elígela según lo que pasa después. Un "Pruébalo gratis" debe llevar a un producto que funciona, no a un formulario que agenda una llamada.

Los mejores flujos B2B que vimos ponen los dos caminos lado a lado:

• Stripe combina el registro inmediato con un formulario de "Contact sales" cuyo primer paso solo pide un correo de trabajo y un país.
• Snowflake pone "Contact sales" y "Start for free" uno junto al otro en el encabezado.
• Supabase empieza con "Start your project" y deja "Request a demo" en un formulario de cuatro campos.
• CrowdStrike deja que el comprador reserve una reunión después de dar un correo de empresa y un país, y luego le muestra los horarios libres.

Los formularios que piden más al principio, nueve campos en Snowflake y Veeva, son de empresas con ventas Enterprise largas. Si le vendes a equipos pequeños, pide lo mínimo y califica después.

Mide cada camino por separado: prueba iniciada, prueba activada, demo agendada, demo realizada. Nuestra comparación de PostHog y Google Analytics explica qué herramienta mide la activación del producto y cuál mide el sitio web.

Las pruebas que convencen a los compradores

Lo que usan las 20 páginas de precios y las páginas de inicio que hay detrás, de la más específica a la menos:

1. Cifras de clientes con nombre. "El cliente X redujo Y en un Z %", con el nombre del cliente y un enlace a la historia completa, vale más que cualquier logo.
2. Logos de clientes justo debajo del encabezado principal, donde el visitante revisa si empresas como la suya usan el producto.
3. Evidencia de seguridad: certificaciones, un centro de confianza y una forma de pedir el informe SOC 2.
4. Calificaciones y citas de sitios de reseñas, de personas con nombre y cargo.

Que cada afirmación sea real. La regla de la FTC sobre reseñas y testimonios de consumidores (16 CFR Part 465) considera una infracción que una empresa escriba, cree o venda reseñas o testimonios que tergiversen si el autor existe o si usó el producto, y también cubre las reseñas de personas de la propia empresa y la supresión de reseñas. Si todavía no tienes cifras de clientes, usa una descripción detallada de cómo funciona el producto y agrega historias a medida que lleguen. Esto es información general sobre reglas de Estados Unidos, no asesoría legal.

Errores que encontramos en páginas de empresas grandes

• Un ahorro que los precios no sostienen. El selector de Notion dice "Save up to 20% with yearly", pero sus dos planes pagos dan 16,7 % (USD 10 frente a 12, USD 20 frente a 24). Pipedrive y Zendesk cometen el error contrario y anuncian menos de lo que dan. Calcula la cifra con tus propios precios.
• Dos números para lo mismo. La página de precios de Mailchimp da el límite del plan gratuito como "Under 250 contacts" en la columna del plan y "fewer than 500 contacts" unas líneas más abajo. Cada número de una página de precios debería salir de una sola fuente.
• Precios de entrada sin el precio completo al lado. El plan Team de GitHub dice USD 4 por usuario "for the first 12 months*", y no encontramos en la página la nota de ese asterisco. Mailchimp muestra "Save 50%" durante 12 meses y luego el precio completo. Slack ofrece un 50 % de descuento durante 3 meses con facturación mensual. Pon el precio normal junto al promocional.
• Una página de seguridad que nadie encuentra desde la página de inicio. Figma tiene una; el HTML de su página de inicio no la enlaza.
• Páginas que solo sirven a un tipo de visitante. Una página de precios sin ruta Enterprise pierde al área de compras; un sitio sin documentación ni changelog pierde al ingeniero que tiene que aprobar la integración.

Si tu problema de conversión está entre la página de precios y el registro, nuestro servicio de optimización de conversiones empieza revisando justamente estas páginas.

Qué hacer ahora

1. Pon tu página de precios junto a la tabla de conteos de arriba y anota cada patrón que no sigues. Cada uno debería ser una decisión, no un accidente.
2. Toma los seis enlaces de la tabla de páginas y revisa cuáles le faltan a tu sitio.
3. Convierte el resultado en un brief con nuestro generador de brief para página web, ya sea que rehagas el sitio con tu equipo o contrates a alguien.

Si quieres que Dardo diseñe o rehaga el sitio, mira nuestros servicios de diseño web SaaS y diseño web B2B. Y si los asistentes de IA deberían poder usar tu producto, no solo leer sobre él, empieza por nuestra guía de servidores MCP para SaaS.