> ## 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 em 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 você pode configurar o Stripe inteiramente através da interface de chat do Lumi. Basta descrever o que você precisa

* "Adicionar um plano de assinatura, com uma taxa mensal de R\$ 9,99..."
* "Vender meus serviços de consultoria, com uma taxa única de R\$ 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 banco de dados necessárias com RLS e adicionando os botões de IU correspondentes — nenhuma codificação manual ou webhooks são necessários, a menos que você escolha implementá-los para fins personalizados.

## Um exemplo passo a passo simples

<Steps>
  <Step title="Prepare 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 principais recursos, estejam concluídas antes de prosseguir.

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

  <Step title="Descreva seus requisitos de pagamento">
    Descreva suas necessidades de pagamento, por exemplo: "Implementar um sistema de assinatura via Stripe. Usuários gratuitos recebem 2 imagens diariamente; usuários Pro pagam R\$ 0,99/mês para 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 no sandbox antes de entrar no ar.

    <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 junto com suas descrições, preços e ciclos de pagamento correspondentes com base em suas necessidades. Se houver alguma modificação, você 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 em 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 configuraçõ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 pular 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 você consegue ver a criação de registros de assinatura no banco de dados do Lumi, e se a página do projeto exibe os registros de compra correspondentes (como emblema de assinatura, histórico de compras, etc.)

    Quando ocorrem erros, o Lumi lê automaticamente os registros 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, você pode pedir ao Lumi para mudar para o ambiente de comerciante oficial do Stripe.

    * Primeiro, você precisa se registrar 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: Você pode testar ainda mais o processo de pagamento após mudar para o ambiente oficial criando produtos de baixo valor ou cupons.
    </Tip>

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