iframe (inline frame)

Tema
Ferramentas e configurações de pesquisa
Conteúdo

Um iframe (inline frame) é um elemento HTML que mostra uma página da web dentro de outra. Para incorporar uma pesquisa, um formulário ou um vídeo, você cola o código do iframe na sua página, e os visitantes usam o conteúdo sem sair do seu site.

A tag iframe aponta para o endereço da página incorporada e define a largura e a altura. O conteúdo continua sendo carregado do servidor de origem, então ele é atualizado lá sem mudanças no seu site. Veja também HTML.

Como funciona no SurveyNinja

  1. Publique a pesquisa e acesse Compartilhar → No site.
  2. Escolha Iframe e defina a largura em porcentagem, a altura em pixels e as cores da tela de carregamento. A pré-visualização mostra o resultado em uma página de exemplo.
  3. Clique em Copiar código e cole no HTML da página, onde a pesquisa deve aparecer.

A incorporação funciona em todos os planos e com WordPress, Wix, Webflow, Squarespace e outros criadores de sites. Quando você edita a pesquisa e publica de novo, a versão incorporada é atualizada sem código novo. A mesma página também gera o código de um widget, de uma janela pop-up e de um botão. Detalhes: Publicar uma pesquisa e adicioná-la a um site. No WordPress, você também pode usar o plugin do SurveyNinja.

Erros comuns

  • O quadro ficou baixo demais, e uma pergunta longa rola dentro dele. Defina uma altura que caiba a pergunta mais longa e confira a página no celular.
  • As configurações da página No site não são salvas. Copie o código antes de sair.
  • O seu site não aceita código incorporado. Use a opção Botão que abre a pesquisa em uma nova aba: é um link simples, sem script.
1