Como incorporar formulários externos em qualquer página do Edcommerce

Last updated: July 27, 2026

Explica como incorporar um formulário de terceiros (por exemplo, um criado no seu CRM) em uma página de destino do EdCommerce usando o bloco de página 'Código HTML'. Os três passos são: criar ou editar uma página em 'Páginas' e arrastar um bloco de Código HTML, abrir o editor do bloco e colar o código do seu formulário, então visualizar e publicar. A incorporação deve ser código IFRAME — se seu CRM apenas gerar um script, converta-o com uma ferramenta como Iframe Generator antes de colar. Casos de uso típicos incluem formulários personalizados de CRM, exibições dinâmicas de produtos com um formulário de lead, e uma página de "contato" reutilizando seu formulário de contato existente no site.

Enquanto o Edcommerce oferece formulários inteligentes que sincronizam suavemente com sua plataforma Edvisor, pode haver momentos em que você prefira usar seus próprios formulários externos.

Neste guia, vamos orientá-lo pelos passos simples para incorporar qualquer formulário externo em suas páginas de destino do Edcommerce, oferecendo o melhor de ambos os mundos.

Casos de Uso:

  1. Formulários Personalizados: Integre formulários personalizados gerados pelo seu CRM para capturar informações específicas do cliente em suas páginas de eCommerce.
  2. Exibições Dinâmicas de Produto: Mostre recomendações de produtos geradas dinamicamente ou conteúdo personalizado com base nas preferências do cliente. Melhore a coleta de leads incorporando seu formulário de lead nas páginas com esse conteúdo.
  3. Formulário de Contato: Crie uma página de "contato" no Edcommerce usando o mesmo formulário de contato que você usa no seu site. Exemplo.

Vamos começar!

Passo 1: Criar um bloco de Código HTML

Primeiro, você precisará criar ou editar uma página do Edcommerce:

  • Na sua conta do Edcommerce, navegue até 'Páginas' > 'Criar uma nova página'

Essas páginas são construídas usando blocos personalizados de vários tipos. Para criar uma página com um formulário externo incorporado, você deve selecionar a opção 'Código HTML'.

Depois, basta arrastar e soltar essa opção no editor da página.

Passo 2: Copiar e Colar o Código HTML do Seu Formulário

Clique no bloco de HTML recém-adicionado para abrir o editor.

Agora, você precisa inserir o código HTML do seu formulário no editor.

Você pode encontrar esse código no seu sistema CRM, onde seu formulário foi criado originalmente. Basta copiar o código HTML do seu CRM e colá-lo aqui no Edcommerce.

Não se esqueça de salvar suas alterações após colar o código.

Para que isso funcione, deve ser um código IFRAME.

Exemplo:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

Em algumas situações, o código HTML gerado pelo seu CRM pode estar em forma de script. Para incorporar esses scripts na sua página, você precisará converter o script em um iframe. Você pode usar ferramentas online como Gerador de Iframe para essa conversão.

Veja o que fazer:

  • Acesse Gerador de Iframe ou uma ferramenta semelhante.
  • Cole seu script do CRM na caixa.
  • Altere configurações como o tamanho do iframe, se necessário.
  • Clique para obter o código do iframe.
  • Cole e cole esse código no seu bloco HTML do Edcommerce.

Etapa 3: Visualize e Publique sua Página

Visualize a página para garantir que o formulário incorporado seja exibido corretamente.

Se tudo parecer como planejado, publique a página para aplicar as alterações ao seu site de Edcommerce.