Um tema WordPress SaaS, de landing page a site completo
Cinco demos do Canvas são feitas para software: uma landing page de app, um site de produto de carteira digital, uma empresa de hospedagem, uma ferramenta para desenvolvedores e uma página de links para criadores. Juntas, elas trazem 53 páginas, tabelas de preços com alternador de cobrança e formulários que enviam cada contato para onde sua equipe vai ver.
Atualizado em
Uma página, ou vinte
Cada uma é importada como um site funcional: menus, formulários, um blog e os tipos de conteúdo que ela registra. Todas as cinco estão no ar para explorar antes de comprar.
Demo App Landing, prévia ao vivo (abre em uma nova aba)
Apps e landing pages · 1 página
Demo Landing, prévia ao vivo (abre em uma nova aba)
Apps e landing pages · 13 páginas
Demo Hosting, prévia ao vivo (abre em uma nova aba)
Apps e landing pages · 20 páginas · O que será instalado: os blocos e tipos de conteúdo do demo Hosting
Demo AI Coding, prévia ao vivo (abre em uma nova aba)
Apps e landing pages · 9 páginas · O que será instalado: os blocos e tipos de conteúdo do demo AI Coding
Demo CanvasPulse, prévia ao vivo (abre em uma nova aba)
Apps e landing pages · 10 páginas · O que será instalado: os blocos e tipos de conteúdo do demo CanvasPulseComece com uma página e evolua para um site de marketing
Um lançamento geralmente começa como uma página de rolagem contínua e acaba virando um site com preços, documentação, página de status e blog. Estes cinco Demos estão em pontos diferentes desse caminho. Todos usam o mesmo tema, então passar de um para o outro é apenas uma questão de adicionar páginas.
- App Landing publica 1 página com navegação de página única, uma tabela de preços e um formulário de cadastro
- Landing publica 13 páginas: uma página de recursos, uma de preços, uma de soluções, uma de download e uma de status
- A Hosting publica 20 páginas, com uma página para cada tipo: hospedagem web, hospedagem em nuvem, hospedagem compartilhada e hospedagem dedicada, além de domínios e data centers
- CanvasPulse publica 10 páginas, incluindo como funciona, entrar, cadastrar-se e a documentação da API
Os níveis são campos de bloco, e o alternador é um bloco
A página que todo comprador de software rola até é composta por dois blocos: uma tabela de preços e um alternador de cobrança. Os níveis, as linhas de recursos, os selos, os botões e a alternância entre mensal e anual são todos configurações no editor. Uma mudança de preço é uma única edição.
- A página Planos do demo Hosting combina o alternador com uma comparação de planos
- O App Landing reúne o mesmo par na sua única página
- O demo Landing responde a dúvidas sobre planos com alternadores e uma lista de ícones na página de preços
- Preços, rótulos e o plano em destaque são campos, não imagens
Os formulários coletam informações, não executam o seu produto
Todo formulário nestes Demos é um Canvas Form. Ele salva o envio como uma entrada no WordPress e pode enviar um e-mail para você, enviar dados para um webhook ou adicionar o endereço ao Mailchimp, além de mostrar ao visitante uma confirmação. O spam é bloqueado por um honeypot, pelo reCAPTCHA v3 ou pelo Cloudflare Turnstile.
Solicitações de cadastro e de teste
O formulário de registro do App Landing salva a solicitação como um registro no WordPress. Nem ele nem o formulário de reserva de link do CanvasPulse criam um usuário do WordPress, iniciam um período de teste ou cobram um cartão: essas funções ficam a cargo do seu produto ou de um plugin.
Busca de domínio do Hosting
O único formulário do demo de Hospedagem é uma busca de domínio. Ele registra o que o visitante digitou e informa que você entrará em contato por e-mail. Consultas ao registro em tempo real e a contratação de domínios exigem uma integração com registrador; o tema se limita à solicitação de contato.
Contato e newsletter
O CanvasPulse inclui 3 formulários: um formulário de contato, uma solicitação para reivindicar seu link e uma newsletter com dicas para criadores. O Landing inclui 2 formulários, um na página de contato e outro no corpo da página.
Documentação, um blog e um diretório, como registros
Um site de software é mais do que uma landing page, e as partes que mais crescem são as que você escreve toda semana. Nos Demos, elas são conteúdo comum do WordPress e tipos de conteúdo, então publicar é uma edição normal.
Um blog de engenharia
Hosting traz 11 posts, CanvasPulse 6, AI Coding 5 e Landing 4, cada um com um design de arquivo e de post único que combina com o demo.
Recursos e criadores
AI Coding registra um tipo de conteúdo Capabilities com 6 registros e página própria; CanvasPulse registra Creators com 6, listados em uma página de diretório.
Páginas de suporte existentes
Nos cinco Demos: uma página de status, uma central de ajuda, uma base de conhecimento, uma página de FAQ, documentação, um guia de instalação e uma página de clientes, todas páginas reais. O Demo de Hospedagem mapeia sua rede em uma página de data centers feita com o bloco de hotspot de imagem.
O que um site de produto precisa até o segundo mês
Mais do que a seção hero
Preços, documentação, a página de status, o blog, os menus e os formulários são importados juntos, para que as páginas que um comprador pede já existam antes de alguém abrir um chamado para elas.
Editado no próprio WordPress
A equipe de marketing altera um preço ou um título no editor de blocos que o WordPress já traz. Sem licença de page builder e sem etapa de build entre um ajuste de texto e uma página no ar.
Reversível
O Canvas registra cada item que uma importação grava. Excluir dados de demo os remove novamente, então testar um segundo design de lançamento não custa nada.
Ajuda com textos incluída
As descrições de recursos são os trechos sobre os quais a equipe mais discute. O CanvasAI Engine cria rascunhos e reescreve textos em qualquer campo de bloco, com créditos de IA mensais no plano Anual.
Lançando um site de produto, explicado de forma direta
Respostas válidas para as cinco demos como são entregues.
Qual das cinco Demos combina com um produto de software?
A demo certa do Canvas depende de quanto site você precisa no primeiro dia. App Landing é uma página única com uma tabela de preços e um formulário de cadastro. Landing expande isso para 13 páginas com recursos, preços, soluções, uma página de download, uma página de status e um blog. Hosting é a maior, com 20 páginas, uma página de serviço por produto e uma comparação de planos. AI Coding é um site de ferramenta para desenvolvedores, com páginas de documentação, páginas de instalação e uma lista de recursos. CanvasPulse é uma ferramenta de links para criadores, com um diretório de criadores.
O App Landing é mesmo uma página só?
Sim: o demo Canvas App Landing publica uma única página e navega por rolagem, então os preços, os recursos, as capturas de tela e o formulário de cadastro ficam todos nesse único documento. Ele também inclui uma folha de estilos da direita para a esquerda. Se precisar ir além, adicione páginas comuns do WordPress: o cabeçalho, o rodapé e os estilos continuam valendo.
Os formulários de cadastro criam contas ou recebem pagamentos?
Não: o formulário de cadastro, o pedido de teste e a busca de domínio são todos Canvas Forms. Ao enviar, eles armazenam uma entrada no WordPress, enviam um e-mail para você, se quiser, publicam em um webhook ou no Mailchimp e depois exibem uma confirmação. Registro de usuários, cobrança, gerenciamento de assinaturas e um CRM ficam a cargo de plugins. Aponte o webhook para o sistema que de fato cuida deles.
Posso criar uma tabela de preços com alternador entre mensal e anual?
Sim, ambos são blocos Canvas. A página de planos da demo de hospedagem e a landing page de app usam o bloco de tabela de preços com o alternador de cobrança acima dele, então um clique troca todos os preços da página. Cada nível, cada linha de recursos, cada selo e cada botão é um campo do bloco, então uma mudança de preço é uma edição no editor.
Os Demos incluem um blog, páginas de documentação e uma página de status?
Sim. As demos de software do Canvas mantêm esses itens como conteúdo comum do WordPress, estilizado para cada demo. No total, as cinco demos incluem 26 posts de blog. Landing e Hosting publicam, cada uma, uma página de status, uma página de perguntas frequentes e uma central de ajuda ou base de conhecimento; CanvasPulse publica uma página de status, uma central de ajuda e uma página de documentação da API; AI Coding publica páginas de documentação e de instalação, além de uma coleção Capabilities com 6 registros.
Quantos sites uma licença cobre?
Toda licença Canvas cobre sites ilimitados e redes multisite. O plano Anual custa US$ 79 por ano e o plano Vitalício custa US$ 299 uma única vez. Os dois planos incluem todos os blocos, todos os padrões e todas as Demos; a diferença está na cobrança, nas atualizações e nos créditos de IA. Se um site de marketing durar mais que o produto que o lançou, uma licença anual expirada continua exibindo as páginas e congela a edição premium. O front-end continua no ar.
Publique o site de marketing nesta semana
Uma licença cobre todos os demos e todos os blocos. Importe o App Landing pelo assistente de configuração, insira seu próprio texto e suas capturas de tela e direcione o formulário para a sua caixa de entrada.