Área do cliente
Painel do doador
Captação de Recursos

Botão de doação: colocar o Doe agora no site da organização

O site da organização é onde o doador chega quando quer confiar: lê quem vocês são, vê os projetos, procura a transparência. E, no fim, procura o botão. A tela Captação › Botão de Doações gera um botão com o checkout da Doare para colar em qualquer site, sem programar: escolhe o destino, o texto, a cor, copia uma linha de código e cola.

5 min de leituraAtualizado em 7 de setembro de 2026Captação de Recursos
Em resumo
  • O botão leva a um link de doação ou campanha da organização.
  • O checkout pode abrir sobre o site, sem tirar a pessoa da página.
  • Texto, cor, tamanho e formato são configuráveis para combinar com o site.
  • O código é uma linha: funciona em WordPress, Wix, Webflow, Tilda e HTML.
  • A origem configurada aparece em Transações: você sabe o que o site rende.
Neste artigo
  1. Configurar
  2. Colar no site
  3. Acompanhar

Como configurar o botão?

painel.doare.org/dashboard/home
Instituto Semear
Dashboard
Gestão
Captação
Crowdfunding
Embaixadores
Links de Doação
Cupons
Leilões
Eventos
Rifas
Vagas
Petições
Chave Pix
Doações Incentivadas
Relacionamento
Finanças
Análise
Configurações
Ajuda
DashboardBotão de Doações
PTMarinaM
Botão de Doações
Coloque um botão de doar no site da organização
Copiar código
Configurar
Destino
Link de doação · Doe para o Instituto Semear
Texto do botão
Doe agora
Cor
#5E47BF
Tamanho
Médio
Formato
Arredondado
Comportamento
Abrir o checkout em uma janela sobre o site
Abrir a página de doação em nova aba
Mostrar valores sugeridos ao lado do botão
Origem (UTM)
site-institucional
Aparece em Transações como origem
Pré-visualização e código
Doe agora
Pré-visualização do botão com a cor e o texto escolhidos.
Código para colar no site
<script src="https://doa.re/botao.js" data-org="semear" data-link="doe" data-texto="Doe agora" data-cor="#5E47BF" data-utm="site-institucional"></script>
Configuração à esquerda, pré-visualização e código à direita.
  1. Escolha o destino

    Um link de doação, para o botão institucional; uma campanha, para um botão na página daquele projeto.

  2. Defina texto e cor

    “Doe agora” converte mais que “Contribua”. A cor deve contrastar com o fundo do site, não combinar.

  3. Escolha o comportamento

    Abrir sobre o site mantém a pessoa na página e converte melhor. Nova aba é o fallback para sites que bloqueiam scripts.

  4. Defina a origem

    “site-institucional”, “site-projetos”: cada página do site com botão pode ter a sua, para comparar.

  5. Copie o código

    Uma linha de script. Cole onde o botão deve aparecer.

Como colar no site?

Código do botão
<script src="https://doa.re/botao.js"
  data-org="semear" data-link="doe"
  data-texto="Doe agora" data-cor="#5E47BF"
  data-utm="site-institucional"></script>
PlataformaOnde colar
WordPressBloco “HTML personalizado” no editor, ou um widget de HTML no menu ou na barra lateral.
WixAdicionar › Incorporar › Código incorporado (HTML).
Webflow / TildaElemento Embed / bloco T123 (HTML).
Site em HTMLOnde o botão deve aparecer, dentro do <body>.
Cabeçalho do sitePeça ao desenvolvedor: o botão no menu é o que mais converte.
institutosemear.org.br
institutosemear.org.br
PTMarinaM
Instituto Semear
Quem somosProjetosTransparênciaDoe agora
300 crianças na escola integral. Você paga a bolsa de uma delas.
Desde 2011 no bairro Serra. 92% dos nossos alunos concluem o ensino médio.
Doe agora
Doe para o Instituto Semear
Checkout aberto sobre o site, sem sair da página
Valor
R$ 80,00
Periodicidade
Mensal
Forma de pagamento
Pix
Continuar
O botão no site da organização, e o checkout abrindo sobre a página quando o visitante clica.

Dois botões: um no menu, pequeno, em todas as páginas; e um grande, na página de cada projeto, apontando para a campanha daquele projeto. Cada um com a própria origem.

Acompanhar o que o site rende

  • Em Gestão › Transações, filtre por Origem com a UTM do botão.
  • Na Home, o gráfico Canais de origem mostra o site ao lado das redes e do e-mail.
  • Se o site rende pouco, o problema costuma ser o lugar do botão, não o botão: acima da dobra e no menu.

Este artigo respondeu sua dúvida?

Dúvidas rápidas

Perguntas frequentes

Não. É copiar uma linha e colar no editor do site. Se o seu site tem um bloco de HTML, você consegue.

Sim. O checkout sobre o site se adapta à tela; em telas muito pequenas ele abre em tela cheia.

Texto, cor e destino que estão no código exigem recolar. Mudanças no link de doação de destino, como valores sugeridos e formas de pagamento, valem na hora.

O script tem poucos kilobytes e carrega depois do conteúdo. Não afeta a nota de velocidade.

Sim, com a origem configurada para o parceiro. É uma forma simples de captação em rede sem embaixadores.

Pronto para captar mais com a Doare?

Sem compromisso · 30 min · Resposta em até 24h