Fluxo Completo de Compra

Este guia mostra o caminho completo desde a primeira visita ao site ate ter o seu servico ativo — desde explorar os planos, criar conta, escolher addons e efetuar o pagamento.

Passo a Passo

Passo 1. Pagina inicial da plataforma IAW — o cliente ve a seccao hero com o titulo principal e os botoes de acao "Ver Planos" e "Conhecer Produtos"

Passo 2. Seccao de estatisticas da plataforma — 6 idiomas, 99.9% uptime, suporte 24/7 e 5 moedas suportadas. Logos dos parceiros Moloni, cPanel, LiteSpeed e WordPress

Passo 3. Seccao de produtos — dois sistemas SaaS disponiveis: Booking System para gestao de reservas e Virtual Store System para lojas online. Cada um com botao para ver planos

Passo 4. Seccao de funcionalidades — multilingue, seguro, suporte dedicado e performance rapida. Abaixo, integracao com Stripe, Moloni SAF-T e WhatsApp

Passo 5. Pre-visualizacao de precos na pagina inicial — 4 planos (Starter 24.90, Business 49.90, Professional 89.90, Enterprise 149.90). O Business esta destacado como Popular

Passo 6. O cliente clicou em "Ver Planos" e foi redirecionado para a pagina de precos completa com todos os planos e detalhes

Passo 7. Pagina de precos com 4 planos visiveis — Starter, Business, Professional e Enterprise. O toggle Mensal/Anual esta no topo. O Business esta destacado com badge "Popular"

Passo 8. O plano Business esta em destaque com borda colorida e badge "Popular" — e o plano mais escolhido pelos clientes, com o melhor equilibrio preco/funcionalidades

Passo 9. Faturacao alterada para Anual — todos os precos mostram agora o valor com 20% de desconto. O preco antigo aparece riscado e o novo preco mensal e mais baixo

Passo 10. O badge "-20%" esta visivel junto ao toggle Anual — o cliente poupa 20% ao escolher faturacao anual em vez de mensal

Passo 11. Seccao de Extras e Addons — funcionalidades adicionais como Faturacao Fiscal (Moloni), WhatsApp, Dominio Proprio, etc. Cada addon mostra o preco mensal

Passo 12. Badges "Incluido no Business+" indicam quais addons ja estao incluidos gratuitamente em determinados planos — o cliente nao paga extra por eles

Passo 13. O cliente clicou "Escolher" no plano Business e foi redirecionado para a pagina de checkout com o plano pre-selecionado

Passo 14. Pagina de checkout com o plano Business pre-selecionado — o sistema Booking System e o plano Business ja estao marcados. O processo tem 4 passos: Produto, Plano, Ciclo e Extras

Passo 15. Resumo da encomenda no painel lateral — mostra o Plano Business com o preco mensal, addons incluidos e o total a pagar

Passo 16. Seccao de Extras no checkout — cada addon tem um toggle ON/OFF. Os addons incluidos no plano aparecem com badge "Incluido no plano" e toggle ja ativado

Passo 17. O addon de Faturacao Fiscal (Moloni SAF-T) esta marcado como "Incluido no plano" — o cliente nao paga extra por este servico no plano Business

Passo 18. O cliente ativou um addon opcional — o toggle mudou para ON e o preco total no resumo da encomenda foi atualizado automaticamente com o custo adicional

Passo 19. Total da encomenda atualizado — o valor inclui o preco do plano Business mais os addons opcionais selecionados. O botao "Pagar" esta pronto para finalizar

Passo 20. Aviso amarelo "Precisa de uma conta para continuar" — o cliente precisa criar conta ou fazer login antes de proceder ao pagamento. Link "Criar conta" disponivel

Passo 21. O cliente nao esta autenticado — aparece um aviso a indicar que precisa de criar conta ou fazer login. O link "Criar conta" esta disponivel para registo rapido

Passo 22. Pagina de registo — formulario com campos para nome, email e password. O cliente cria conta gratuita para depois proceder ao checkout

Passo 23. Formulario de registo preenchido — nome "Maria Silva", email e password seguros. O botao "Registar" esta pronto para criar a conta

Passo 24. Registo concluido com sucesso — o cliente foi redirecionado para o portal. O dashboard mostra a area pessoal, inicialmente sem servicos ativos

Passo 25. Cliente registado com sucesso e autenticado na plataforma — agora pode aceder ao checkout e proceder ao pagamento

Passo 26. Pagina de checkout com o cliente autenticado — o plano Business esta selecionado, os addons visiveis e o botao "Pagar" ativo. Nao aparece mais o aviso de conta necessaria

Passo 27. O cliente esta autenticado — o aviso de "Precisa de conta" desapareceu e o checkout esta pronto para finalizar

Passo 28. Botao "Pagar" visivel no resumo da encomenda — ao clicar, o cliente sera redirecionado para a pagina de pagamento seguro do Stripe para inserir os dados do cartao

Passo 29. O botao Pagar foi clicado — o sistema cria uma sessao de pagamento Stripe e redireciona o cliente. Em producao, o cliente inseriria os dados do cartao na pagina segura do Stripe

Passo 30. Login efetuado com sucesso — o administrador (ou cliente com subscricao) acede ao painel de controlo. Apos uma compra, o cliente veria o seu dashboard com os servicos ativos

Passo 31. Dashboard do portal do cliente — mostra um resumo com numero de servicos ativos, faturas pendentes e tickets de suporte. Cards de acesso rapido para cada seccao

Passo 32. Pagina de Servicos do portal — lista todos os servicos ativos do cliente com estado, dominio associado e link de acesso. Apos a compra, o servico Booking System apareceria aqui

Passo 33. Pagina de Faturas do portal — lista todas as faturas emitidas com numero, valor, estado (Paga/Pendente) e data. A primeira fatura e gerada automaticamente apos o pagamento

Passo 34. Pagina de Subscricao do portal — detalhes do plano contratado, ciclo de faturacao, proximo pagamento e opcoes para alterar plano ou cancelar. O cliente gere tudo autonomamente

Passo 35. Pagina de Pagamentos do portal — historico de todos os pagamentos efetuados com metodo (cartao, MB WAY), valor, estado e data. O cliente tem total visibilidade financeira

Passo 36. Pagina de Perfil do portal — o cliente pode atualizar nome, email, NIF e password. Dados pessoais necessarios para a faturacao fiscal portuguesa (Moloni SAF-T)

Passo 37. Login efetuado com sucesso — o administrador (ou cliente com subscricao) acede ao painel de controlo. Apos uma compra, o cliente veria o seu dashboard com os servicos ativos

Passo 38. Dashboard do portal do cliente — mostra um resumo com numero de servicos ativos, faturas pendentes e tickets de suporte. Cards de acesso rapido para cada seccao

Passo 39. Pagina de Servicos do portal — lista todos os servicos ativos do cliente com estado, dominio associado e link de acesso. Apos a compra, o servico Booking System apareceria aqui

Passo 40. Pagina de Faturas do portal — lista todas as faturas emitidas com numero, valor, estado (Paga/Pendente) e data. A primeira fatura e gerada automaticamente apos o pagamento

Passo 41. Pagina de Subscricao do portal — detalhes do plano contratado, ciclo de faturacao, proximo pagamento e opcoes para alterar plano ou cancelar. O cliente gere tudo autonomamente

Passo 42. Pagina de Pagamentos do portal — historico de todos os pagamentos efetuados com metodo (cartao, MB WAY), valor, estado e data. O cliente tem total visibilidade financeira

** Pagina de Perfil do portal — o cliente pode atualizar nome, email, NIF e password. Dados pessoais necessarios para a faturacao fiscal portuguesa (Moloni SAF-T)**