📄 Como Ajustar a Responsividade do Formulário Incorporado da Trackmob para Diferentes Dispositivos

🎯 Quando usar?

Sempre que o formulário for incorporado e a ONG quiser garantir que ele se adapte automaticamente a diferentes tamanhos de tela (desktop, tablet, smartphone).

✅ Benefícios

• Melhora a experiência do usuário.
• Aumenta a taxa de conversão em dispositivos móveis.
• Evita problemas de layout quebrado.

🛠️ Como fazer?

1. No Fichas, em “Script Genérico”, insira:

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

2. No site, além do iframe, adicione:

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

3. Ajuste as propriedades do iframe:
   • Utilize valores em porcentagem para maior flexibilidade:

   html
   CopiarEditar
   width="100%" height="auto"
   
   

4. Teste em diferentes navegadores e resoluções.

✅ Resultado esperado

Formulário perfeitamente ajustado a qualquer tela, mantendo usabilidade e design coerente.

⚠️ Dica

• Use ferramentas de teste como o Google Mobile-Friendly Test.