Prompt de diseño de sección de precios para Codex

Diseña una sección de precios con tus planes, un nivel recomendado destacado, un selector mensual/anual y una línea que responda a la objeción principal.

Diseña la sección de precios con [Free, Pro a US$12/mes, Studio a US$29/mes]. Destaca [Pro] como el plan recomendado. Enumera como máximo cinco funciones por plan, empezando por lo que cambia entre planes. Añade un selector mensual/anual que muestre el ahorro anual y, bajo las tarjetas, una línea que responda a la objeción más común: [¿Puedo cancelar cuando quiera?].

Funciona con

Codex, ChatGPT

De la colección

Landing pages

Sobre este prompt

Codex diseña el bloque de precios de la página: una tarjeta por plan con como máximo cinco funciones cada una, el plan recomendado destacado visualmente, un selector mensual/anual que muestra cuánto se ahorra con el plan anual y, bajo las tarjetas, una sola línea que responde a la pregunta que más hacen los compradores.

Pon los nombres y los precios reales de tus planes en el primer corchete y el plan que quieres que elija la mayoría en el segundo. Usa una objeción real para el último: “¿Puedo cancelar cuando quiera?” es habitual en las suscripciones, pero una herramienta B2B puede necesitar “¿Hay permanencia?” o “¿Cobran por usuario?”. Pedir que las diferencias vayan primero en la lista de cada plan evita que Codex repita “Facturas ilimitadas” en todas las tarjetas, algo que hace difícil distinguir los planes.

Comprueba las cuentas del selector antes de seguir: si la facturación anual equivale a dos meses gratis, el ahorro que imprima Codex debe coincidir. Los precios verosímiles también dejan ver pronto los problemas de layout, como un precio de tres cifras que se parte en dos líneas o un nombre de plan demasiado largo para su tarjeta.

Más prompts de esta colección

• Prompt de revisión móvil de una landing page para CodexPide a Codex una versión de 390px de tu landing page con la llamada a la acción en la primera pantalla, zonas táctiles de 44px y una lista de lo que recortó.
• Prompt para que una landing page hecha con IA parezca menos genéricaUn prompt de revisión para que Codex detecte qué hace que una página parezca hecha con IA, del centrado total a los textos vagos, y corrija cinco fallos.
• Prompt de landing page de HTML a código de producción para CodexReconstruye la landing page HTML aprobada en tu stack real, como Next.js y Tailwind, con tus propios componentes y los textos tal como están.
• Prompt de brief de landing page para CodexUn prompt de brief que da a Codex tu producto, audiencia, objetivo y pruebas, y le pide las secciones de la página en orden antes de empezar a diseñar.
• Prompt de diseño de hero con tres direcciones para CodexPide a Codex tres heros a 1440×900, editorial, oscuro y suave, con el mismo texto, para comparar el estilo visual y nada más.
• Prompt de diseño de landing page completa para CodexAmplía la dirección de hero que elegiste a una landing page completa, con ocho secciones con nombre en un orden fijo para que Codex no añada relleno.