Incorporando no site

Adicione seu formulário diretamente em qualquer página web.

Obtendo o código de incorporação

1. Acesse o editor do formulário
2. Clique no ícone de Compartilhar
3. Copie o código de incorporação (iframe) clicando em "Copiar código de incorporação"

Código de incorporação

O FormGuru gera automaticamente um código iframe:

<iframe
  src="https://formguru.com.br/f/seu-formulario"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

Configurações do iframe

• Largura: 100% ou valor fixo em pixels
• Altura: Ajuste conforme o tamanho do formulário
• Borda: frameborder="0" para remover bordas

Responsividade

Para formulários que se adaptam a diferentes tamanhos de tela:

<div style="position: relative; padding-bottom: 75%; height: 0;">
  <iframe
    src="https://formguru.com.br/f/seu-formulario"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
    frameborder="0">
  </iframe>
</div>

Plataformas compatíveis

• WordPress (use bloco HTML personalizado)
• Wix
• Squarespace
• Webflow
• Shopify
• Qualquer site que suporte HTML

Dicas

• Teste o formulário incorporado em diferentes tamanhos de tela
• Ajuste a altura do iframe se o formulário for longo
• Certifique-se de que o formulário está publicado antes de incorporar