Skip to main content

​
Visão Geral

O plugin do Dodo Payments para Framer adiciona botões de compra para seus produtos do Dodo Payments a um site do Framer. Cada botão abre o checkout como uma sobreposição na sua página ou direciona o cliente para a página de checkout hospedada, no modo de teste ou no modo live.

Official Plugin

Instale o plugin do Dodo Payments pelo Framer Marketplace.

​
Recursos

Hosted or Overlay Checkout

Abra o checkout como uma sobreposição na sua página ou direcione os clientes para a página de checkout hospedada.

Drag-and-Drop Setup

Cole sua chave de API no plugin, adicione um botão de compra ao canvas e publique.

Digital Delivery

Envie links de download ou chaves de licença aos clientes por e-mail após o pagamento.

Worldwide Coverage

Venda para clientes em mais de 220 países com cartões, carteiras digitais e métodos de pagamento locais.

Automatic Tax & Invoicing

Como Merchant of Record, o Dodo Payments calcula e repassa VAT, GST e imposto sobre vendas, além de emitir uma fatura para cada pagamento.

No-Code Subscriptions

Produtos de assinatura recebem o mesmo botão de compra que produtos avulsos, sem código.

​
Guia de Configuração

1

Generate API Key

No dashboard do Dodo Payments, acesse Developer → API Keys e clique em Add API Key. Você também pode abrir diretamente a página API Keys.Uma chave de API funciona em apenas um modo. Antes de criar a chave, use o seletor Live Mode na barra lateral para escolher o modo:
Para produção. Os clientes pagam com métodos de pagamento reais.
Copie a chave de API e armazene-a com segurança. O dashboard a exibe apenas uma vez, e você a colará no plugin na próxima etapa.
2

Authenticate Plugin

Mantenha sua chave de API em segredo. Nunca a compartilhe nem a publique.
  1. Abra o plugin do Dodo Payments no Framer. Ele abre na página Authenticate.
  2. Em API Mode, selecione Test Mode ou Live Mode para corresponder à sua chave de API.
  3. Cole sua chave de API em API Key.
  4. Clique em Continue.
3

Manage Products

Depois de autenticar, o plugin lista os produtos do modo selecionado em Products:
  • Existing products aparecem automaticamente, cada um marcado como One-time ou Subscription.
  • No products yet: clique no botão Plus (+) ao lado de Products.
O botão Plus (+) abre o dashboard do Dodo Payments, onde você cria um produto e define seu preço, descrição e outras configurações.
4

Add Buy Buttons

  1. Selecione um produto na lista.
  2. Clique em Add Buy Button.
O plugin adiciona um botão de compra com o rótulo Buy {product_name} ao seu canvas. Na mesma tela do produto, Edit abre o produto no dashboard do Dodo Payments, e Show Preview abre a prévia do checkout.
Add Buy Button fica desabilitado se você não tiver permissão para adicionar componentes e alterar suas propriedades no projeto do Framer.

​
Personalização

Para alterar o funcionamento de um botão de compra, selecione-o no canvas e edite suas propriedades no Framer.
1

Select Checkout Experience

Defina Type para escolher como o checkout é aberto:
  • Overlay: o checkout é aberto como uma sobreposição na sua página do Framer, para que os clientes permaneçam no seu site. O plugin usa esse tipo para novos botões.
  • Hosted: o botão direciona para a página de checkout hospedada do Dodo Payments. Link Target define se a página será aberta em uma nova aba ou na mesma aba.
2

Customize Appearance Options

Combine o botão e o checkout com o seu site usando estas propriedades:
  • Checkout Theme: um checkout claro ou escuro.
  • Label: o texto do botão, como “Buy Now”, “Purchase” ou “Get Started”.
  • Estilo do botão: a cor de fundo, a cor do texto, a fonte, o tamanho da fonte, o raio da borda e o preenchimento.
  • Return URL: a página ou URL do Framer para a qual os clientes retornam após o checkout.
  • Environment: Live ou Test. O plugin define esse valor como o modo usado na autenticação.

​
Solução de problemas

Problema: o plugin não autentica.Soluções:
  • Verifique se você colou a chave de API completa.
  • Verifique se API Mode corresponde ao modo em que a chave foi criada. Uma chave do modo de teste não funciona no modo live, e uma chave do modo live não funciona no modo de teste.
  • Verifique sua conexão com a internet.
Problema: Add Buy Button está desabilitado.Soluções:
  • Verifique se sua função no projeto do Framer permite adicionar componentes e alterar suas propriedades.
  • Verifique se o plugin está autenticado.
  • Feche e reabra o plugin.
Problema: os produtos não aparecem no plugin.Soluções:
  • Verifique se você criou produtos no dashboard do Dodo Payments.
  • Verifique se os produtos existem no mesmo modo da sua chave de API. O plugin lista apenas os produtos do modo usado na autenticação.
  • Autentique o plugin novamente.
Última modificação em 26 de setembro de 2026