Como Criar uma Loja Online: Produtos, Carrinho, Checkout e Estoque

Para criar uma loja online, você precisa de um catálogo de produtos, um carrinho, um checkout que receba pagamentos por meio de um provedor como o Stripe, uma forma de registrar pedidos e dar baixa no estoque, e uma visão administrativa para processá-los. Um construtor de apps com IA consegue montar tudo isso a partir de uma descrição clara. O que merece mais atenção não é a vitrine, e sim as partes ligadas ao dinheiro: quando um pedido conta como pago, como o estoque é reservado e como você lida com impostos, frete e reembolsos.

Loja própria ou Shopify? Decida primeiro

Seja honesto com isso antes de construir qualquer coisa.

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

• Você vende produtos físicos com tabelas de frete, etiquetas e devoluções
• Você precisa calcular impostos em muitas regiões
• Uma equipe não técnica vai cadastrar produtos e processar pedidos todos os dias
• Você quer uma loja de complementos — avaliações, e-mail marketing, programa de fidelidade
• Você vende em vários canais e precisa de um único controle de estoque

Os planos do Shopify são uma assinatura mensal, com desconto para pagamento anual, e os pagamentos com cartão têm taxas de processamento; confira a página de preços do seu país, porque os valores variam por região.

Uma loja própria tende a ser a melhor escolha quando:

• O produto é incomum: configuradores sob encomenda, agendamentos somados a produtos, downloads digitais com licenças, listas de preços B2B por cliente
• A loja é uma parte de um app maior (uma plataforma de cursos, um site de assinaturas, um marketplace)
• Você vende um catálogo pequeno e quer controle total sobre o design e o fluxo de compra
• Você quer ser dono do código e evitar dependência de uma plataforma

Muitos pequenos vendedores são mais bem atendidos por uma plataforma. Se as suas necessidades são comuns, isso é uma boa notícia — pegue o atalho.

O que uma loja online precisa

Dados

Guarde o preço no momento da compra em cada item do pedido. Se você mudar um preço no mês que vem, os pedidos antigos precisam continuar mostrando o que o cliente pagou.

Páginas

• Vitrine: página inicial, páginas de categoria ou coleção, páginas de produto, carrinho, redirecionamento para o checkout e página de confirmação do pedido.
• Administração: produtos e estoque, pedidos com status (pago, embalado, enviado, reembolsado), clientes e números de vendas simples.
• Jurídico e políticas: entrega, trocas e devoluções, privacidade e termos. Os compradores procuram essas informações antes de comprar, e muitas regiões exigem algumas delas por lei.

Permissões

Deixe os compradores comprarem sem conta — o checkout como convidado elimina uma etapa, e as contas podem vir depois. Só administradores podem ver pedidos e editar produtos — proteja a área administrativa com login de verdade e verificações no servidor.

Como o checkout deve funcionar

O padrão mais seguro para uma loja própria é uma página de checkout hospedada. Com o Stripe, funciona assim:

1. O comprador clica em Finalizar compra. Seu servidor verifica novamente preços e estoque no banco de dados — nunca confiando no que o navegador envia — e cria uma sessão do Stripe Checkout.
2. O comprador paga na página do Stripe. Os dados do cartão nunca chegam ao seu servidor.
3. O Stripe chama o endpoint de webhook do seu app para avisar que o pagamento foi aprovado. Só então você marca o pedido como pago e dá baixa no estoque.
4. O comprador vai para a sua página de confirmação, e você envia um e-mail de confirmação.

Dois erros a evitar: criar o pedido “pago” a partir do redirecionamento da página de sucesso (as pessoas fecham as abas, e redirecionamentos podem ser forjados) e calcular o total no navegador. Ambos são fáceis de a IA errar se você não disser nada.

A taxa padrão do Stripe é um percentual mais uma taxa fixa por pagamento com cartão aprovado, sem taxa de adesão nem mensalidade (em setembro de 2026); a taxa exata depende do seu país e do cartão. Construa tudo primeiro no modo de teste do Stripe, com os números de cartão de teste. Nosso guia sobre como adicionar pagamentos ao seu app cobre chaves, modo de teste e webhooks.

Decisões sobre impostos, frete e estoque

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

• Impostos. Se você deve cobrar imposto sobre vendas ou IVA, e com que alíquota, depende de onde você e seus clientes estão. O Stripe oferece um produto para isso (Stripe Tax), ou você pode definir alíquotas fixas se a sua situação for simples. Consulte um contador se tiver dúvidas.
• Frete. Comece com algumas tarifas fixas (nacional, internacional, grátis acima de um valor). Cotações em tempo real com transportadoras e impressão de etiquetas são onde plataformas como o Shopify economizam muito trabalho.
• Estoque. Decida se o estoque é reservado quando o checkout começa ou só quando o pagamento é aprovado. Para lojas pequenas, dar baixa no pagamento e verificar de novo logo antes do checkout é mais simples; vender o último item além do estoque de vez em quando continua sendo possível, então decida como vai lidar com isso. Para controle de estoque além da loja, veja como criar um app de gestão de estoque.

Um primeiro prompt que funciona

Crie uma loja online para a Loam & Clay, um pequeno ateliê de cerâmica que vende canecas, tigelas e vasos. Vitrine: página inicial com produtos em destaque, página de loja com filtros por categoria, páginas de produto com galeria de imagens, variantes de cor e status de estoque, e um carrinho deslizante. Salve produtos, variantes, pedidos e itens de pedido em um banco de dados e cadastre 10 produtos realistas. Área administrativa (login obrigatório) para adicionar e editar produtos, enviar imagens, alterar estoque e ver pedidos com status pago / embalado / enviado. O botão de checkout pode ser um placeholder por enquanto — vamos adicionar o Stripe Checkout em seguida. Design quente e minimalista, pensado primeiro para celular. Sem avaliações falsas e sem promessas de “frete grátis para o mundo todo”.

Começar com o checkout como placeholder é deliberado: acerte primeiro o catálogo e a administração, depois conecte os pagamentos em uma etapa separada que você consiga testar direito.

Etapas de construção

1. Catálogo e páginas de produto, com nomes, preços e fotos reais.
2. Carrinho que continua preenchido depois de atualizar a página.
3. Administração: produtos, variantes, estoque e envio de imagens. Proteja com login.
4. Stripe Checkout no modo de teste, com o servidor verificando novamente preços e estoque.
5. Webhook que marca os pedidos como pagos e dá baixa no estoque. Teste de ponta a ponta com um cartão de teste.
6. E-mails de pedido para o cliente e para você.
7. Políticas e SEO: páginas de entrega e devoluções, títulos e descrições de produtos, imagens de compartilhamento. Veja SEO para sites criados com IA.
8. Publicação: troque para as chaves ao vivo do Stripe, faça um pedido pequeno real você mesmo e reembolse.

Erros comuns

• Confiar nos preços enviados pelo navegador. Sempre recalcule no servidor.
• Marcar pedidos como pagos na página de sucesso em vez de usar o webhook.
• Sobrescrever números de estoque em vez de registrar movimentações — você perde o histórico de por que o estoque mudou.
• Lançar sem páginas de entrega e devoluções.
• Imagens de produto enormes. Comprima-as e sirva-as a partir de um armazenamento de arquivos, não de dentro do código.
• Criar listas de desejos, avaliações e pontos de fidelidade antes da primeira venda.

Custos de operação

Planeje para: hospedagem e banco de dados, taxas de processamento de pagamento em cada venda, um domínio, um provedor de e-mail para as confirmações de pedido e, possivelmente, um serviço de impostos. Uma loja própria evita a assinatura de uma plataforma e as taxas de apps, mas você assume a manutenção: quando algo quebrar no checkout, o conserto é seu.

Se você quer vendedores além de você mesmo — vários fornecedores, cada um recebendo a sua parte — isso é um marketplace, com regras de pagamento diferentes. Veja como criar um marketplace.

Criando isso com a Mythex

Na Mythex, você descreve a loja e o agente monta o catálogo, o carrinho e a administração em uma prévia ao vivo, com um banco de dados Postgres para produtos e pedidos e armazenamento de arquivos para as imagens. A página de casos de uso de loja da documentação recomenda exatamente a ordem acima: catálogo primeiro, checkout depois.

Os pagamentos usam a sua própria conta do Stripe: você adiciona suas chaves do Stripe como segredos do projeto e pede ao agente para adicionar o Checkout, depois testa com os cartões de teste do Stripe na prévia (receita do Stripe). Webhooks precisam de uma URL pública, então publique antes de apontar o Stripe para eles (receita de webhooks). Impostos, frete e sincronização de estoque não são recursos nativos da Mythex, e não há integração nativa com o Shopify — se você precisa disso tudo como produto pronto, o Shopify é a melhor escolha. Para um ponto de partida, veja os modelos de loja, como a loja de e-commerce.

Perguntas