Como Incorporar um Formulário da Trackmob no Site da ONG com Redimensionamento Responsivo

🎯 Quando usar?

Quando a ONG quer integrar o formulário de doação diretamente no seu site, oferecendo uma experiência fluida e sem redirecionamento para outra página.

✅ Benefícios

• Melhora a experiência do usuário.
• Mantém o doador dentro do ambiente digital da ONG.
• Facilita a conversão, com menos barreiras.

🛠️ Como fazer?

1. Configurar o redimensionamento no Fichas:
   • Acesse: Códigos Javascript → Script Genérico.
   • Cole e salve o seguinte código:

   html
   CopiarEditar
   <script src="<https://trackmob.colabore.org/scripts/embed-page.js>"></script>
   
   

2. Adicionar o formulário no site:

   Insira o código abaixo na página desejada:

   html
   CopiarEditar
   <iframe id="trackmob-iframe-embed" src="<https://ong.colabore.org/campanhaexemplo>"
   width="600" height="400" border="none"></iframe>
   <script src="<https://trackmob.colabore.org/scripts/embed-client.js>"></script>
   
   

3. Personalizar:
   • Substitua a URL pela da sua campanha.
   • Ajuste os valores de width e height conforme o layout do seu site.

✅ Resultado esperado

Formulário totalmente integrado, com layout adaptado e experiência contínua para o doador.

⚠️ Dica

• O script embed-client.js é essencial para a responsividade.
• Teste a incorporação em diferentes tamanhos de tela.