Como Criar uma Loja Online: Produtos, Carrinho, Pagamento e Stock

Para criar uma loja online, precisa de um catálogo de produtos, de um carrinho, de um checkout que receba o pagamento através de um fornecedor como o Stripe, de uma forma de registar encomendas e reduzir o stock, e de uma área de administração para as processar. Um criador de aplicações com IA consegue montar tudo isto a partir de uma descrição clara. O que merece mais atenção não é a montra da loja, mas as partes ligadas ao dinheiro: quando uma encomenda conta como paga, como o stock fica reservado e como trata os impostos, os envios e os reembolsos.

Loja personalizada ou Shopify? Decida primeiro

Seja honesto sobre isto antes de construir o que quer que seja.

Uma plataforma de comércio alojada (Shopify, Squarespace Commerce, WooCommerce e semelhantes) costuma ser melhor quando:

• Vende produtos físicos com tarifas de envio, etiquetas e devoluções
• Precisa de calcular impostos em muitas regiões
• Uma equipa sem conhecimentos técnicos vai acrescentar produtos e processar encomendas todos os dias
• Quer uma loja de aplicações com extras — avaliações, marketing por email, programas de fidelização
• Vende em vários canais e precisa de uma única contagem de stock

Os planos do Shopify são uma subscrição mensal, com desconto para pagamento anual, e os pagamentos com cartão têm comissões de processamento adicionais. Consulte a página de preços para o seu país, porque os valores variam de região para região.

Uma loja personalizada tende a compensar quando:

• O produto é invulgar: configuradores de produtos feitos por encomenda, marcações junto com produtos, descarregamentos digitais com licenças, listas de preços B2B por cliente
• A loja é apenas uma parte de uma aplicação maior (uma plataforma de cursos, um site de subscrição, um mercado)
• Vende um catálogo pequeno e quer controlo total sobre o design e o fluxo de compra
• Quer ser dono do código e evitar ficar preso a uma plataforma

Muitos pequenos vendedores são mais bem servidos por uma plataforma. Se as suas necessidades forem comuns, isso é uma boa notícia: escolha o atalho.

O que uma loja online precisa

Dados

Guarde o preço no momento da compra em cada artigo da encomenda. Se alterar um preço no mês seguinte, as encomendas antigas têm de continuar a mostrar o que o cliente pagou.

Páginas

• Loja: página inicial, páginas de categoria ou coleção, páginas de produto, carrinho, redirecionamento para o checkout, página de confirmação da encomenda.
• Administração: produtos e stock, encomendas com estado (paga, embalada, enviada, reembolsada), clientes, números de vendas simples.
• Legal e políticas: envios, devoluções, privacidade e termos. Os clientes procuram estas páginas antes de comprar, e muitas regiões exigem algumas delas por lei.

Permissões

Deixe os clientes comprar sem conta — a compra como convidado elimina um passo, e as contas podem vir depois. Só os administradores podem ver encomendas e editar produtos — proteja a área de administração com um início de sessão real e verificações no servidor.

Como deve funcionar o checkout

O padrão mais seguro para uma loja personalizada é uma página de pagamento alojada. Com o Stripe:

1. O cliente clica em Pagar. O seu servidor volta a verificar os preços e o stock na base de dados — nunca confiando no que o navegador envia — e cria uma sessão do Stripe Checkout.
2. O cliente paga na página do Stripe. Os dados do cartão nunca chegam ao seu servidor.
3. O Stripe chama o webhook da sua aplicação para indicar que o pagamento foi concluído. Só então marca a encomenda como paga e reduz o stock.
4. O cliente chega à sua página de confirmação, e envia-se um email de confirmação.

Há dois erros a evitar: criar a encomenda “paga” a partir do redirecionamento da página de sucesso (as pessoas fecham separadores, e os redirecionamentos podem ser falsificados) e calcular o total no navegador. Ambos são fáceis de cometer por uma IA, a menos que lhe diga explicitamente o contrário.

As comissões padrão do Stripe são uma percentagem mais uma taxa fixa por cada pagamento com cartão bem-sucedido, sem taxas de configuração nem mensalidades (a partir de setembro de 2026); a taxa exata depende do seu país e do cartão. Crie tudo primeiro no modo de teste do Stripe, com os seus números de cartão de teste. O nosso guia sobre como adicionar pagamentos à sua aplicação explica as chaves, o modo de teste e os webhooks.

Decisões sobre impostos, envios e stock

São decisões de negócio que a IA não pode tomar por si:

• Impostos. Se tem de cobrar IVA ou imposto sobre vendas, e a que taxa, depende de onde estão o vendedor e os clientes. O Stripe oferece um produto para isto (Stripe Tax), ou pode definir taxas fixas se a sua situação for simples. Em caso de dúvida, consulte um contabilista.
• Envios. Comece com algumas tarifas fixas (nacional, internacional, grátis acima de um determinado valor). As tarifas de transportadoras em tempo real e a impressão de etiquetas são onde plataformas como o Shopify poupam muito trabalho.
• Stock. Decida se o stock fica reservado quando o checkout começa ou apenas quando o pagamento é concluído. Em lojas pequenas, reduzir o stock no momento do pagamento e voltar a verificar imediatamente antes do checkout é mais simples; nesse caso, pode acontecer ocasionalmente vender o último artigo a mais, por isso decida como vai lidar com essa situação. Para o controlo de stock para além da loja, veja como criar uma aplicação de gestão de inventário.

Um primeiro prompt que funciona

Crie uma loja online para a Loam & Clay, um pequeno estúdio de cerâmica que vende canecas, taças e vasos. Loja: página inicial com produtos em destaque, uma página de loja com filtros por categoria, páginas de produto com galeria de imagens, variantes de cor e estado do stock, e um carrinho deslizante. Guarde produtos, variantes, encomendas e artigos de encomenda numa base de dados e insira 10 produtos realistas. Área de administração (com início de sessão obrigatório) para adicionar e editar produtos, carregar imagens, alterar o stock e ver encomendas com estado pago / embalado / enviado. O botão de checkout pode ser um marcador por agora — acrescentaremos o Stripe Checkout a seguir. Design quente e minimalista, com prioridade para telemóveis. Sem avaliações falsas nem afirmações como “envio grátis para todo o mundo”.

Começar com o checkout como marcador é intencional: primeiro acerte o catálogo e a administração, e depois ligue os pagamentos num passo separado que possa testar devidamente.

Passos de construção

1. Catálogo e páginas de produto, com nomes, preços e fotografias reais.
2. Carrinho que se mantém depois de atualizar a página.
3. Administração: produtos, variantes, stock, carregamento de imagens. Proteja-a com início de sessão.
4. Stripe Checkout em modo de teste, com o servidor a voltar a verificar preços e stock.
5. Webhook que marca as encomendas como pagas e reduz o stock. Teste de ponta a ponta com um cartão de teste.
6. Emails de encomenda para o cliente e para si.
7. Políticas e SEO: páginas de envios e devoluções, títulos e descrições de produtos, imagens de partilha. Veja SEO para sites criados com IA.
8. Colocar online: mude para as chaves reais do Stripe, faça você mesmo uma pequena encomenda real e reembolse-a.

Erros comuns

• Confiar nos preços enviados pelo navegador. Calcule sempre no servidor.
• Marcar encomendas como pagas na página de sucesso em vez de o fazer através do webhook.
• Substituir números de stock em vez de registar movimentos — perde-se o histórico de porque é que o stock mudou.
• Lançar sem páginas de envios e devoluções.
• Imagens de produto muito pesadas. Comprima-as e sirva-as a partir de armazenamento de ficheiros, e não de dentro do código.
• Criar listas de desejos, avaliações e pontos de fidelização antes da primeira venda.

Custos de funcionamento

Planeie: alojamento e uma base de dados, comissões de processamento de pagamentos em cada venda, um domínio, um fornecedor de email para as confirmações de encomenda e, possivelmente, um serviço de impostos. Uma loja personalizada evita a subscrição de uma plataforma e as taxas de aplicações, mas assume a manutenção: quando algo falha no checkout, a responsabilidade de o resolver é sua.

Se quiser vendedores além de si próprio — vários fornecedores, cada um pago separadamente — isso é um mercado, com regras de pagamento diferentes. Veja como criar um mercado.

Criar com a Mythex

Na Mythex, descreve a loja e o agente constrói o catálogo, o carrinho e a administração numa pré-visualização em tempo real, com uma base de dados Postgres para produtos e encomendas e armazenamento de ficheiros para as imagens dos produtos. A documentação sobre lojas recomenda exatamente a ordem acima: primeiro o catálogo, o checkout depois.

Os pagamentos usam a sua própria conta Stripe: adiciona as suas chaves do Stripe como segredos do projeto e pede ao agente que adicione o Checkout, depois testa com os cartões de teste do Stripe na pré-visualização (receita do Stripe). Os webhooks precisam de um URL público, por isso publique antes de indicar o Stripe para eles (receita de webhooks). Os impostos, os envios e a sincronização de stock não são funcionalidades nativas da Mythex, e não existe uma integração nativa com o Shopify — se precisar disso como produto acabado, o Shopify é a escolha mais indicada. Como ponto de partida, veja os modelos de lojas, como a loja de comércio eletrónico.

Perguntas