Pular para o conteúdo
Criar conta
 ou
Entrar
O logotipo da documentação da Stripe
/
Criar conta
Login
Visão geralAtualize sua integração
Iniciar uma integração
Payment scenarios
Pagamentos presenciais
Other Stripe products

Guia de migração do Checkout

Saiba como migrar para as mais recentes integrações da Stripe.

A versão antiga do Checkout oferecia aos clientes um diálogo modal que coletava dados do cartão e retornava um token ou fonte para o site da empresa. Por outro lado, o Payment Links e a versão atual do Checkout são páginas de pagamento inteligentes hospedadas pela Stripe que criam pagamentos ou assinaturas. As duas integrações aceitam Apple Pay, Google Pay, 3D Secure dinâmico, Connect, reutilização de Customers existentes e muitos outros recursos. Também é possível comparar outras integrações de pagamento se o Payment Links ou o Checkout não forem adequados ao seu caso de uso.

Antes de começar

Se você usa as SDKs da Stripe, atualize para a versão mais recente.

Escolha o modelo de negócio

Para migrar da versão antiga do Checkout, siga o guia mais adequado ao seu modelo de negócio. Cada guia recomenda um caminho de integração, com exemplos de código.

Enquanto segue o guia de migração adequado, você também pode usar a tabela de conversões como referência para mapear parâmetros e opções de configuração específicas.

Catálogo de produtos e preços dinâmicos

Se o valor ou os itens de linha são definidos dinamicamente para seus produtos (com um grande catálogo de produtos ou no caso de doações, por exemplo), consulte receber pagamentos avulsos.

Você pode ter usado a versão antiga do Checkout para criar um token ou fonte no cliente, transferindo-o para seu servidor para criar uma cobrança. A versão atual do Checkout inverte esse fluxo. Você cria a sessão no seu servidor e encaminha o cliente para o Checkout. Após o pagamento, ele é encaminhado de volta para o seu aplicativo.

Antes

Na versão antiga do Checkout, você mostrava o valor dinâmico e a descrição, e coletava os dados do cartão do cliente.

client.html
<form action="/purchase" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js"
    class="stripe-button"
    data-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

    data-name="Custom t-shirt"
    data-description="Your custom designed t-shirt"
    data-amount="{{ORDER_AMOUNT}}"
    data-currency="usd">
  </script>
</form>

Depois você enviava o token ou fonte gerado para o seu servidor e fazia a cobrança.

Command Line
curl https://api.stripe.com/v1/customers \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "email"="customer@example.com" \
  -d "source"="{{STRIPE_TOKEN}}"
curl https://api.stripe.com/v1/charges \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "customer"="{{CUSTOMER_ID}}" \
  -d "description"="Custom t-shirt" \
  -d "amount"="{{ORDER_AMOUNT}}" \
  -d "currency"="usd"

Depois

Adicione um botão de checkout ao site para chamar um endpoint do lado do servidor e criar uma sessão do Checkout.

checkout.html
<html>
  <head>
    <title>Buy cool new product</title>
  </head>
  <body>
    <!-- Use action="/create-checkout-session.php" if your server is PHP based. -->
    <form action="/create-checkout-session" method="POST">
      <button type="submit">Checkout</button>
    </form>
  </body>
</html>

A sessão do Checkout é a representação programática do que seu cliente vê ao ser redirecionado a um formulário de pagamento. Você pode configurá-la com opções como:

Inclua um success_url com o URL de uma página em seu site para a qual o cliente é redirecionado após concluir o pagamento.

Command Line
curl https://api.stripe.com/v1/checkout/sessions \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -d "line_items[0][price_data][currency]"=usd \
  -d "line_items[0][price_data][product_data][name]"="Custom t-shirt" \
  -d "line_items[0][price_data][unit_amount]"=2000 \
  -d "line_items[0][quantity]"=1 \
  -d mode=payment \
  --data-urlencode success_url="https://example.com/success"

Depois de criar uma sessão do Checkout, redirecione o cliente ao URL retornado na resposta. Se precisar processar produtos comprados após o pagamento, consulte Executar pagamentos no Checkout e em links de pagamento.

Assinaturas dinâmicas

Se você oferece serviços de assinatura que são determinados dinamicamente ou exigem suporte para outros recursos avançados, consulte como configurar uma assinatura.

Você pode ter usado a versão antiga do Checkout para criar um token ou fonte no cliente, transferindo-o para seu servidor para criar um cliente e uma assinatura. A versão atual do Checkout inverte esse fluxo. Antes, você cria a sessão no seu servidor e encaminha o cliente para o Checkout. Após a conclusão bem-sucedida, ele é encaminhado de volta para o seu aplicativo.

Antes

Na versão antiga do Checkout, você mostrava os dados da assinatura e coletava os dados do cartão do cliente.

client.html
<form action="/subscribe" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js"
    class="stripe-button"
    data-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

    data-name="Gold Tier"
    data-description="Monthly subscription with 30 days trial"
    data-amount="2000"
    data-label="Subscribe">
  </script>
</form>

Depois você enviava o token ou fonte gerado para o seu servidor a fim de criar o cliente e a assinatura.

Command Line
curl https://api.stripe.com/v1/customers \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "email"="customer@example.com" \
  -d "source"="{{STRIPE_TOKEN}}"
curl https://api.stripe.com/v1/subscriptions \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "customer"="{{CUSTOMER_ID}}" \
  -d "items[0][price]"="{PRICE_ID}" \
  -d "trial_period_days"=30

Depois

Adicione um botão de checkout ao site para chamar um endpoint do lado do servidor e criar uma sessão do Checkout.

checkout.html
<html>
  <head>
    <title>Subscribe to cool new service</title>
  </head>
  <body>
    <!-- Use action="/create-checkout-session.php" if your server is PHP based. -->
    <form action="/create-checkout-session" method="POST">
      <button type="submit">Subscribe</button>
    </form>
  </body>
</html>

A sessão do Checkout é a representação programática do que seu cliente vê ao ser redirecionado a um formulário de pagamento. Você pode configurá-la com opções como:

Inclua um success_url com o URL de uma página em seu site para a qual o cliente é redirecionado após concluir o pagamento.

Command Line
curl https://api.stripe.com/v1/checkout/sessions \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -d "line_items[0][price]"=
{{PRICE_ID}}
 \
  -d "line_items[0][quantity]"=1 \
  -d "subscription_data[trial_period_days]"=30 \
  -d mode=subscription \
  --data-urlencode success_url="https://example.com/success"

Depois de criar uma sessão do Checkout, redirecione o cliente ao URL retornado na resposta. O cliente é encaminhado ao success_url após a criação do cliente e da assinatura. Se precisar processar serviços comprados após o pagamento, consulte Executar pagamentos no Checkout e em links de pagamento.

Conectar plataformas e marketplaces

Se você opera uma plataforma ou marketplace do Connect e cria pagamentos com contas conectadas, considere usar a versão atual do Checkout.

O exemplo a seguir demonstra o uso da API Checkout Sessions para processar uma cobrança direta. Você também pode usar o Checkout e o Connect com Destination Charges e cobranças e transferências separadas.

Antes

Com a versão antiga do Checkout, você coletava dados do cartão de seu cliente na instância do cliente.

client.html
<form action="/purchase" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js"
    class="stripe-button"
    data-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

    data-name="Food Marketplace"
    data-description="10 cucumbers from Roger's Farm"
    data-amount="2000">
  </script>
</form>

Depois você enviava o token ou fonte gerados para o seu servidor e fazia a cobrança em nome da conta conectada.

Command Line
curl https://api.stripe.com/v1/charges \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "source"="{{TOKEN_ID}}" \
  -d "description"="10 cucumbers from Roger\"s Farm" \
  -d "amount"=2000 \
  -d "currency"="usd" \
  -d "application_fee_amount"=200 \
  -H "Stripe-Account: {{CONNECTED_STRIPE_ACCOUNT_ID}}"

Depois

Adicione um botão de checkout ao site para chamar um endpoint do lado do servidor e criar uma sessão do Checkout.

checkout.html
<html>
  <head>
    <title>Roger's Farm</title>
  </head>
  <body>
    <!-- Use action="/create-checkout-session.php" if your server is PHP based. -->
    <form action="/create-checkout-session" method="POST">
      <button type="submit">Checkout</button>
    </form>
  </body>
</html>

A sessão do Checkout é a representação programática do que seu cliente vê ao ser redirecionado a um formulário de pagamento. Você pode configurá-la com opções como:

Inclua um success_url com o URL de uma página em seu site para a qual o cliente é redirecionado após concluir o pagamento.

Command Line
curl https://api.stripe.com/v1/checkout/sessions \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -H "Stripe-Account: 
{{CONNECTED_ACCOUNT_ID}}
" \
  -d "line_items[0][price_data][currency]"=usd \
  --data-urlencode "line_items[0][price_data][product_data][name]"="Cucumbers from Roger's Farm" \
  -d "line_items[0][price_data][unit_amount]"=200 \
  -d "line_items[0][quantity]"=10 \
  -d "payment_intent_data[application_fee_amount]"=200 \
  -d mode=payment \
  --data-urlencode success_url="https://example.com/success"

Depois de criar uma Sessão do Checkout, redirecione o cliente ao URL retornado na resposta. Se precisar processar produtos ou serviços comprados após o pagamento, consulte Executar pagamentos no Checkout e em links de pagamento.

Salvar formas de pagamento para uso futuro

Se você presta serviços que não cobram os clientes imediatamente, saiba como configurar pagamentos futuros.

Você pode ter usado a versão antiga do Checkout para criar um token ou fonte no cliente, transferindo-o para seu servidor para salvá-lo para uso futuro. A versão atual do Checkout inverte esse fluxo. Antes, você cria a sessão no seu servidor e encaminha o cliente para o Checkout. Após a conclusão bem-sucedida, ele é encaminhado de volta para o seu aplicativo.

Antes

Na versão antiga do Checkout, você mostrava os dados da cobrança eram exibidos e coletava os dados do cartão.

client.html
<form action="/subscribe" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js"
    class="stripe-button"
    data-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

    data-name="Cleaning Service"
    data-description="Charged after your home is spotless"
    data-amount="2000">
  </script>
</form>

Em seguida, você enviava o token ou fonte gerado para o seu servidor para finalmente criar uma cobrança.

Command Line
curl https://api.stripe.com/v1/customers \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "email"="customer@example.com" \
  -d "source"="{{STRIPE_TOKEN}}"
curl https://api.stripe.com/v1/charges \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "customer"="{{CUSTOMER_ID}}" \
  -d "description"="Cleaning service" \
  -d "amount"="{{ORDER_AMOUNT}}" \
  -d "currency"="usd"

Depois

Adicione um botão de checkout ao site para chamar um endpoint do lado do servidor e criar uma sessão do Checkout.

checkout.html
<html>
  <head>
    <title>Cleaning service</title>
  </head>
  <body>
    <!-- Use action="/create-checkout-session.php" if your server is PHP based. -->
    <form action="/create-checkout-session" method="POST">
      <button type="submit">Subscribe</button>
    </form>
  </body>
</html>

A sessão do Checkout é a representação programática do que seu cliente vê ao ser redirecionado a um formulário de pagamento. Você pode configurá-la com opções como:

Inclua um success_url com o URL de uma página em seu site para a qual o cliente é redirecionado após concluir a configuração de pagamento.

Command Line
curl https://api.stripe.com/v1/checkout/sessions \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -d mode=setup \
  --data-urlencode success_url="https://example.com/success?session_id={CHECKOUT_SESSION_ID}"

Depois de criar uma sessão do Checkout, redirecione o cliente ao URL retornado na resposta para coletar dados da forma de pagamento. O cliente é encaminhado ao success_url após concluir o fluxo. Quando estiver pronto para cobrar um pagamento, obtenha o SetupIntent da sessão de Checkout e use-o para preparar a transação.

Catálogo simples de produtos com preços fixos

Se você vende produtos com preços fixos (como camisetas ou e-books), consulte o guia sobre links de pagamento. Você pode ter usado a versão antiga do Checkout para criar um token ou fonte no cliente, transferindo-o para seu servidor para criar uma cobrança.

Antes

Na versão antiga do Checkout, você mostrava o valor e a descrição, e coletava os dados do cartão do cliente.

client.html
<form action="/pay" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js"
    class="stripe-button"
    data-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

    data-name="T-shirt"
    data-description="Comfortable cotton t-shirt"
    data-amount="500"
    data-currency="usd">
  </script>
</form>

Em seguida, você enviava o token ou fonte gerado para o seu servidor para criar um cliente e uma cobrança.

Command Line
curl https://api.stripe.com/v1/customers \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "email"="{{STRIPE_EMAIL}}" \
  -d "source"="{{STRIPE_TOKEN}}"
curl https://api.stripe.com/v1/charges \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "customer"="{{CUSTOMER_ID}}" \
  -d "description"="T-shirt" \
  -d "amount"=500 \
  -d "currency"="usd"

Depois

Crie um Product e um Price para representar o item. O exemplo a seguir cria o Product em linha. Você também pode criar esses objetos no Dashboard.

Command Line
curl https://api.stripe.com/v1/prices \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -d currency=usd \
  -d unit_amount=500 \
  -d "product_data[name]"=T-shirt

Crie um Payment Link no Dashboard usando o Product e o Price. Após criar o link, clique no botão “Comprar” para configurar o design e gerar o código que você poderá copiar e colar no seu site.

index.html
<body>
  <h1>Purchase your new kit</h1>
  <!-- Paste your embed code script here. -->
  <script
    async
    src="https://js.stripe.com/v3/buy-button.js">
  </script>
  <stripe-buy-button
    buy-button-id=
'{{BUY_BUTTON_ID}}'

    publishable-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

  >
  </stripe-buy-button>
</body>

Assinaturas simples

Se você oferece um serviço simples de assinaturas (como acesso mensal a um software), consulte o guia sobre links de pagamento. Você pode ter usado a versão antiga do Checkout para criar um token ou fonte no cliente, transferindo-o para seu servidor para criar um cliente e uma assinatura.

Antes

Na versão antiga do Checkout, você mostrava os dados da assinatura e coletava os dados do cartão do cliente.

client.html
<form action="/subscribe" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js"
    class="stripe-button"
    data-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

    data-name="Gold Tier"
    data-description="Monthly subscription"
    data-amount="2000"
    data-currency="usd"
    data-label="Subscribe">
  </script>
</form>

Depois você enviava o token ou fonte gerado para o seu servidor a fim de criar o cliente e a assinatura.

Command Line
curl https://api.stripe.com/v1/customers \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "email"="{{STRIPE_EMAIL}}" \
  -d "source"="{{STRIPE_TOKEN}}"
curl https://api.stripe.com/v1/subscriptions \
  -u 
sk_test_4eC39HqLyjWDarjtT1zdp7dc
: \
  -d "customer"="{{CUSTOMER_ID}}" \
  -d "items[][price]"="{PRICE_ID}" \
  -d "items[][quantity]"=1

Depois

Crie um Product e um Price para representar a assinatura. O exemplo a seguir cria o Product em linha. Você também pode criar esses objetos no Dashboard.

Command Line
curl https://api.stripe.com/v1/prices \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -d currency=usd \
  -d unit_amount=2000 \
  -d "recurring[interval]"=month \
  -d "product_data[name]"="Gold Tier"

Crie um Payment Link no Dashboard usando o Product e o Price. Após criar o link, clique no botão “Comprar” para configurar o design e gerar o código que você poderá copiar e colar no seu site.

index.html
<body>
  <h1>Purchase your new kit</h1>
  <!-- Paste your embed code script here. -->
  <script
    async
    src="https://js.stripe.com/v3/buy-button.js">
  </script>
  <stripe-buy-button
    buy-button-id=
'{{BUY_BUTTON_ID}}'

    publishable-key=
"pk_test_TYooMQauvdEDq54NiTphI7jx"

  >
  </stripe-buy-button>
</body>

Conversão de parâmetros

A versão atual do Checkout aceita a maioria das funções da versão antiga do Checkout. No entanto, eles não compartilham a mesma API. A tabela a seguir mapeia os parâmetros e opções de configuração entre a versão antiga e a atual. Para obter uma lista completa das opções de configuração, consulte Sessões do Checkout.

Versão antigaVersão atualDicas para integração
allowRememberMeNão aceitaReutilize clientes existentes especificando o parâmetro customer quando criar uma Sessão do Checkout. Você também pode habilitar o Link para que seus clientes possam salvar e reutilizar dados de pagamento com segurança.
amountCalculado automaticamente como a soma dos valores em todos os line_itemsO valor total é a soma dos itens de linha enviados ao Checkout.
billingAddressSession.billing_address_collectionO Checkout coleta automaticamente o endereço de cobrança quando necessário para prevenção de fraudes ou regulamentação. Defina este parâmetro como required para sempre coletar o endereço de cobrança.
closedcancel_urlQuando um cliente quer fechar o Checkout, ele pode fechar a guia do navegador ou acessar cancel_url.
currencySession.currency
descriptionSession.line_items.description ou product.descriptionSe você especificar um preço, o Checkout exibe uma descrição calculada automaticamente da frequência de ocorrência dos pagamentos. Se você especificar Session.line_items, o Checkout exibe o name de cada item de linha.
emailSession.customer_emailSe você já sabe o e-mail do cliente, pode preenchê-lo com customer_email quando criar a Sessão do Checkout.

image

Marca do negócio: carregue o logotipo ou ícone de sua empresa no Dashboard.

Imagens de produto: especifique imagens para cada item de linha com product.images.

O Checkout usa imagens específicas para a marca da sua empresa e para os produtos à venda. O Checkout exibe o logotipo da empresa por padrão e recorre ao ícone da empresa com o nome da empresa.

keyNão é mais um parâmetro enviado para o Checkout
localeSession.localeVocê pode especificar uma localidade aceita ao criar uma Sessão do Checkout.
nameproduct.name para preços especificados em Session.line_itemsSe você especificar um preço, o Checkout mostrará o nome do produto ao preço e ao cliente. Se você especificar Session.line_items, o Checkout mostrará o name de cada item de linha.
panelLabelsubmit_typeO Checkout personaliza o texto do botão automaticamente, dependendo dos itens à venda. Para pagamentos avulsos, use submit_type para personalizar o texto do botão.
shippingAddresssession.shipping_address_collectionColete dados do endereço de entrega passando uma matriz de allowed_countries com os países onde você deseja fazer entregas.
token ou sourcesuccess_urlNão há mais um retorno de chamada em JavaScript quando o pagamento é concluído. Como o cliente está pagando em outra página, configure success_url para redirecionar o cliente após a conclusão do pagamento.
zipCodeColetado automaticamente pelo CheckoutO Checkout coleta automaticamente o código postal quando necessário para prevenção de fraudes ou obrigatório por lei.

Veja também

Esta página foi útil?
SimNão
Precisa de ajuda? Fale com o suporte.
Participe do nosso programa de acesso antecipado.
Confira o log de alterações do produto.
Dúvidas? Fale com a equipe de vendas.
Powered by Markdoc
Nesta página
Antes de começar
Escolha o modelo de negócio
Catálogo de produtos e preços dinâmicos
Antes
Depois
Assinaturas dinâmicas
Antes
Depois
Conectar plataformas e marketplaces
Antes
Depois
Salvar formas de pagamento para uso futuro
Antes
Depois
Catálogo simples de produtos com preços fixos
Antes
Depois
Assinaturas simples
Antes
Depois
Conversão de parâmetros
Veja também
Produtos usados
Checkout
Payment Links