5 demos completas

Un tema de WordPress SaaS, desde la página de lanzamiento hasta el sitio completo

Cinco demos de Canvas están diseñadas para software: una página de aterrizaje de app, un sitio de producto de billetera digital, una empresa de hosting, una herramienta para desarrolladores y una página de enlaces para creadores. Entre todas incluyen 53 páginas, tablas de precios con un selector de facturación y formularios que registran cada consulta donde la verá su equipo.

Actualizado el

Los demos

Una página o veinte

Cada una se importa como un sitio web funcional: menús, formularios, un blog y los tipos de contenido que registre. Las cinco están activas para recorrerlas antes de comprar.

Alcance

Empiece con una página y crezca hasta tener un sitio de marketing

Un lanzamiento suele empezar como una sola página de desplazamiento y termina convertido en un sitio con precios, documentación, una página de estado y un blog. Estos cinco Demos se ubican en distintos puntos de ese recorrido. Todos usan el mismo tema, así que pasar de uno a otro es cuestión de agregar páginas.

  • Publica 1 página con navegación de una sola página, una tabla de precios y un formulario de registro
  • Landing publica 13 páginas: una página de funciones, una de precios, una de soluciones, una de descarga y una de estado.
  • Hosting publica 20 páginas, con una página para cada uno de estos temas: hosting web, hosting en la nube, hosting compartido y hosting dedicado, además de dominios y centros de datos
  • CanvasPulse publica 10 páginas, incluidas: cómo funciona, iniciar sesión, registrarse y documentación de la API
La demo App Landing en un teléfono móvil, con la sección hero, el llamado a la acción y el inicio de la sección de productos.
La página de planes de la demo de Hosting en un teléfono, con el selector de facturación mensual y anual sobre la tabla de planes
Páginas de precios

Los niveles son campos de bloque, y el selector es un bloque

La página a la que todo comprador de software se desplaza está formada por dos bloques: una tabla de precios y un selector de facturación. Los niveles, las filas de funciones, las insignias, los botones y el interruptor mensual o anual son todos ajustes en el editor. Cambiar un precio es una sola edición.

  • La página de planes de la demo de Hosting combina el selector con una comparativa de planes
  • App Landing incluye el mismo par dentro de su única página
  • La demo Landing responde a las preguntas sobre los planes con interruptores y una lista de iconos en su página de precios
  • Los precios, las etiquetas y el plan destacado son campos, no imágenes.
Registros y consultas

Los formularios recopilan información, pero no ejecutan su producto

Cada formulario de estos demos es un Canvas Form. Guarda el envío como una entrada en WordPress y puede enviarle un correo, enviarlo a un webhook o añadir la dirección a Mailchimp, y después muestra al visitante una confirmación. El spam se bloquea con un campo trampa (honeypot), reCAPTCHA v3 o Cloudflare Turnstile.

Solicitudes de registro y de prueba

El formulario de registro de App Landing guarda la solicitud como una entrada en WordPress. Ni este ni el formulario para reservar tu enlace de CanvasPulse crean un usuario de WordPress, inician una prueba ni cobran a una tarjeta: eso corresponde a su producto o a un plugin.

La búsqueda de dominios de hosting

El único formulario del demo Hosting es una búsqueda de dominios. Registra lo que escribe el visitante y le indica que se le contactará por correo electrónico. Las consultas en vivo al registro y la venta de dominios requieren una integración con un registrador; el tema solo gestiona la consulta.

Contacto y boletín informativo

CanvasPulse incluye 3 formularios: un formulario de contacto, una solicitud para reclamar su enlace y un boletín de consejos para creadores. Landing incluye 2 formularios, uno en la página de contacto y otro en el cuerpo de la página.

Cómo los formularios de Canvas guardan las entradas y frenan el spam

El resto del sitio

Documentación, un blog y un directorio, como registros

Un sitio de software es más que una página de aterrizaje, y las partes que más crecen son las que usted escribe cada semana. En estas demos son contenido ordinario de WordPress y tipos de contenido, así que publicar es una edición normal.

Un blog de ingeniería

Hosting incluye 11 entradas, CanvasPulse 6, AI Coding 5 y Landing 4, cada uno con un archivo y un diseño individual de entrada que coincide con el demo.

Capacidades y creadores

AI Coding registra un tipo de contenido Capacidades con 6 registros y su propia página; CanvasPulse registra Creadores con 6, listados en una página de directorio.

Páginas de soporte que existen

En los cinco demos: una página de estado, un centro de ayuda, una base de conocimientos, una página de preguntas frecuentes, documentación, una guía de instalación y una página de clientes, todas ellas páginas reales. El demo de Hosting muestra su red en una página de centros de datos creada con el bloque image hotspot.

Por qué Canvas para un sitio de producto

Lo que un sitio de producto necesita en el segundo mes

Más que la sección hero

Los precios, la documentación, la página de estado, el blog, los menús y los formularios se importan juntos, para que las páginas que solicita un comprador existan antes de que alguien abra una solicitud de soporte para ellas.

Editable en el propio WordPress

Marketing cambia un precio o un titular en el editor de bloques que trae WordPress. No hace falta licencia de constructor de páginas ni un paso de compilación entre un ajuste de texto y una página publicada.

Reversible

Canvas lleva un registro de todo lo que escribe una importación. Delete Demo Data borra ese registro, así que probar un segundo diseño de lanzamiento no tiene costo alguno.

Ayuda para redactar textos incluida

Las descripciones de funciones son las frases que más discute un equipo. CanvasAI Engine redacta y reescribe texto en cualquier campo de bloque, con créditos de IA mensuales en el plan Anual.

Preguntas

Lanzar un sitio de producto, en términos sencillos

Respuestas que se mantienen válidas para las cinco demos tal como se entregan.

¿Cuál de las cinco demos se adapta a un producto de software?

La demo de Canvas indicada depende de cuánto sitio necesita desde el primer día. App Landing es una sola página con una tabla de precios y un formulario de registro. Landing crece hasta 13 páginas con funciones, precios, soluciones, una página de descargas, una página de estado y un blog. Hosting es la más grande, con 20 páginas: una página de servicio por producto y una comparativa de planes. AI Coding es un sitio para herramientas de desarrollo con páginas de documentación, páginas de instalación y una lista de capacidades. CanvasPulse es una herramienta de enlaces para creadores con un directorio de creadores.

¿Es App Landing realmente una sola página?

Sí: la demo Canvas App Landing publica una sola página y la navegación se hace por desplazamiento, así que los precios, las funciones, las capturas de pantalla y el formulario de registro están todos en ese único documento. También incluye una hoja de estilos de derecha a izquierda. Si se le queda pequeña, añada páginas normales de WordPress: la cabecera, el pie de página y los estilos se conservan.

¿Los formularios de registro crean cuentas o cobran pagos?

No: el formulario de registro, la solicitud de prueba y la búsqueda de dominios se crean todos con Canvas Forms. Al enviarse, guardan una entrada en WordPress, le envían un correo si lo desea, envían datos a un webhook o a Mailchimp y luego muestran una confirmación. El registro de usuarios, la facturación, la gestión de suscripciones y un CRM corresponden a plugins. Apunte el webhook al sistema que sí las gestiona.

¿Puedo crear una tabla de precios con un interruptor mensual y anual?

Sí, ambos son bloques de Canvas. La página de planes de la demo de Hosting y la página de aterrizaje para apps usan el bloque Canvas Pricing Table con el selector de facturación encima, así que un solo clic cambia todos los precios de la página. Cada nivel, cada fila de características, cada insignia y cada botón es un campo del bloque, de modo que cambiar un precio es una edición en el editor.

¿Los demos incluyen un blog, páginas de documentación y una página de estado?

Sí: las Demos de software de Canvas mantienen estas páginas como contenido ordinario de WordPress, con el estilo de cada demo. Entre las cinco Demos incluyen 26 entradas de blog. Landing y Hosting publican cada una una página de estado, una página de preguntas frecuentes y un centro de ayuda o una base de conocimientos; CanvasPulse publica una página de estado, un centro de ayuda y una página de documentación de la API; AI Coding publica páginas de documentación e instalación y una colección de Capabilities con 6 registros.

¿Cuántos sitios web cubre una licencia?

Cada licencia de Canvas cubre sitios web ilimitados y redes multisitio. El plan anual cuesta 79 US$ al año y el plan vitalicio cuesta 299 US$ una sola vez. Ambos planes incluyen todos los bloques, todos los patrones y todas las Demos; la diferencia está en la facturación, las actualizaciones y los créditos de IA. Si un sitio de marketing sobrevive al producto para el que se creó, una licencia anual vencida sigue mostrando las páginas y bloquea la edición premium. La parte pública del sitio sigue funcionando.

Lance el sitio de marketing esta semana

Una sola licencia cubre todos los demos y todos los bloques. Importe App Landing desde el Asistente de configuración, reemplace los textos y las capturas de pantalla por los suyos, y dirija el formulario a su bandeja de entrada.