> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Stripe

> Configure pagamentos no seu site usando a integração Stripe do Lumi.

<video controls className="w-full aspect-video rounded-xl" src="https://mkhqtbnlmhstatalllbc.supabase.co/storage/v1/object/public/lumi/assets/20251211211739199.mp4" />

Agora pode configurar o Stripe inteiramente através da interface de chat do Lumi. Basta descrever o que precisa

* "Adicionar um plano de adesão, com uma taxa mensal de 9,99€..."
* "Vender os meus serviços de consultoria, com uma taxa única de 299€..."

O Lumi automatiza todo o processo de integração do Stripe, criando produtos e preços, gerando funções de borda de checkout e portal, construindo as tabelas de base de dados necessárias com RLS e adicionando os botões de IU correspondentes — não é necessária codificação manual ou webhooks, a menos que escolha implementá-los para fins personalizados.

## Um exemplo passo a passo simples

<Steps>
  <Step title="Prepare o seu projeto">
    Primeiro, prepare um projeto que esteja pronto para a integração de pagamentos. Certifique-se de que todas as funções e páginas principais, como login e funcionalidades chave, estão concluídas antes de prosseguir.

    <Tip>
      Por exemplo, se vai criar um site de geração de imagens de IA baseado em subscrição, primeiro conclua as funções de login e IA.
    </Tip>
  </Step>

  <Step title="Descreva os seus requisitos de pagamento">
    Descreva as suas necessidades de pagamento, por exemplo: "Implementar um sistema de adesão via Stripe. Os utilizadores gratuitos recebem 2 imagens diariamente; os utilizadores Pro pagam 0,99€/mês por uso ilimitado."
  </Step>

  <Step title="Insira a chave da API Sandbox">
    Forneça a chave da API para o ambiente sandbox do Stripe. É altamente recomendável testar totalmente o processo de pagamento na sandbox antes de entrar em direto.

    <img src="https://mintcdn.com/blockdance/xssS1okt2OxC-BM9/images/1.png?fit=max&auto=format&n=xssS1okt2OxC-BM9&q=85&s=0e71eaef362acb96d85d2b8a4cb95688" alt="1 Pn" width="1046" height="1186" data-path="images/1.png" />
  </Step>

  <Step title="Criar produtos e preços">
    O Lumi criará automaticamente os produtos corretos juntamente com as suas descrições, preços e ciclos de pagamento correspondentes com base nas suas necessidades. Se houver alguma modificação, também pode informar o Lumi através de uma conversa.

    Em seguida, o Lumi também o ajudará a melhorar as informações do produto e o processo de compra no seu projeto.

    <img src="https://mintcdn.com/blockdance/xssS1okt2OxC-BM9/images/2.png?fit=max&auto=format&n=xssS1okt2OxC-BM9&q=85&s=760001a6fced78a1f2a118b3091d395d" alt="2 Pn" width="1044" height="688" data-path="images/2.png" />
  </Step>

  <Step title="Testar o processo de pagamento">
    Após concluir a criação de produtos e as definições de pagamento, teste se o processo de compra do produto atende às suas expectativas, incluindo——

    * Depois de clicar em "Comprar" na página, se pode saltar corretamente para a página de pagamento de teste do Stripe
    * Se o pagamento pode ser concluído normalmente usando o cartão de teste (4242 4242 4242 4242)
    * Após o pagamento bem-sucedido, se consegue ver a criação de registos de subscrição na base de dados do Lumi, e se a página do projeto exibe os registos de compra correspondentes (como emblema de adesão, histórico de compras, etc.)

    Quando ocorrem erros, o Lumi lê automaticamente os registos de backend para melhor resolver o problema.

    <img src="https://mintcdn.com/blockdance/xssS1okt2OxC-BM9/images/3.png?fit=max&auto=format&n=xssS1okt2OxC-BM9&q=85&s=5134df4dcfcce1e7ae28c90c8b16df66" alt="3 Pn" width="1080" height="606" data-path="images/3.png" />
  </Step>

  <Step title="Mudar para ambiente real">
    Depois de concluir o teste do processo de pagamento, pode pedir ao Lumi para mudar para o ambiente de comerciante oficial do Stripe.

    * Primeiro, precisa de se registar e autenticar uma conta de comerciante de acordo com os requisitos do Stripe
    * Segundo, mude para a chave da API para o ambiente oficial do Stripe no Lumi
    * Finalmente, conclua a configuração passo a passo de acordo com as diretrizes do Lumi

          <img src="https://mintcdn.com/blockdance/xssS1okt2OxC-BM9/images/4.png?fit=max&auto=format&n=xssS1okt2OxC-BM9&q=85&s=9e01c6a7b204c73c1c32a9141039b96f" alt="4 Pn" width="1090" height="1124" data-path="images/4.png" />
  </Step>

  <Step title="Teste final e lançamento">
    <Tip>
      Dica: Pode testar ainda mais o processo de pagamento após mudar para o ambiente oficial criando produtos de baixo valor ou cupões.
    </Tip>

    * Após mudar para o ambiente oficial, teste o seu processo de pagamento novamente para ver se atende às expectativas.
    * Assim que tudo estiver pronto, lance-o e partilhe-o com os seus utilizadores!
  </Step>
</Steps>