Incorporando o EdCommerce em sites externos

Last updated: October 16, 2026

Guia consolidado para incorporar conteúdo do EdCommerce em sites externos e landing pages, abrangendo três métodos. (1) Incorporar formulários de leads: copie um iframe de formulário de leads do EdCommerce em Configurações > Ecommerce > Formulários — por escritório, usando o menu de 3 pontos, ou um único formulário para todos os escritórios, usando o botão 'Copiar Iframe para Formulário de Leads' no menu superior — e cole o HTML em qualquer site externo ou CMS, como WordPress/Elementor, Shopify ou Wix; personalize editando a URL do iframe para adicionar um código de idioma (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) ou um código HEX para definir a cor do botão Enviar. Somente formulários de leads podem ser incorporados externamente — os formulários de reserva são exclusivos do EdCommerce — e os leads enviados são sincronizados com o Edvisor, atribuídos automaticamente ao consultor correto de acordo com as regras do seu negócio e direcionados ao pipeline e à etapa corretos. (2) Incorporar widgets de programas: crie um widget em Configurações do EdCommerce > Widgets, personalize sua aparência e cole o código gerado em um bloco HTML, com instruções passo a passo para WordPress (Elementor e Visual Composer), Wix e Squarespace, além de casos de uso. (3) Adicionar o EdCommerce ao WordPress: vincule um site EdCommerce a partir de um menu de navegação do WordPress em Aparência > Menus, usando um Link personalizado para a URL do seu EdCommerce (encontrada em Configurações > EdCommerce > Detalhes do EdCommerce), de preferência configurado para abrir em uma nova aba.

Com o EdCommerce, você pode levar seu conteúdo para qualquer site externo ou landing page — seja incorporando formulários de leads, incorporando widgets de programas ou adicionando um link para o seu site EdCommerce. Este artigo aborda os três métodos.

Incorporando formulários do EdCommerce

O EdCommerce oferece um recurso poderoso que permite criar e personalizar diferentes formulários de leads e reservas, facilitando a coleta das informações corretas dos seus leads e reservas.

Aqui mostraremos como incorporar seus formulários de leads em outras páginas do seu site, permitindo a coleta de leads não apenas da sua loja online, mas de qualquer página da web.

\Esses leads serão sincronizados com sua conta do Edvisor, atribuídos automaticamente aos consultores corretos e adicionados ao pipeline e à etapa apropriados.*

*Se você ainda não configurou seus formulários, consulte novamente este artigo para saber como configurar e personalizar formulários em seu site EdCommerce.

**Observe que somente formulários de leads podem ser incorporados ao seu site. Os formulários de reserva são exclusivos do EdCommerce.

Como incorporar seus formulários do EdCommerce em qualquer landing page ou site

  • Acesse: Configurações > Ecommerce > Formulários.

Em seguida, clique no ícone de 3 pontos ao lado de cada escritório e selecione 'Copiar Iframe para Formulário de Leads' se quiser incorporar um formulário criado para um escritório específico.

Ou simplesmente clique no botão 'Copiar Iframe para Formulário de Leads' no menu superior para incorporar um formulário exclusivo (para todos os seus escritórios).

Você receberá um código HTML para copiar e colar em seu site.

Se você estiver usando um CMS como o WordPress (com um construtor de sites como o Elementor ou o Visual Composer), o Shopify ou o Wix, eles normalmente oferecem um método simples para incorporar elementos com trechos de código HTML.

Geralmente, isso é um widget ou um item na sua caixa de ferramentas que você pode simplesmente arrastar e soltar.

Por exemplo, se você usa um construtor de sites como o Elementor, pode adicioná-lo por meio do widget HTML.

Como personalizar o idioma do seu formulário

Se quiser definir o idioma do formulário de lead, adicione o código do idioma ao final da URL dentro do código HTML:

Exemplo:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

Aqui você pode ver os códigos de idioma para os diferentes idiomas disponíveis:

  • EN = Inglês
  • PT = Português
  • ES = Espanhol
  • ES_MX = Espanhol latino-americano
  • PT_BR = Português brasileiro
  • DE = Alemão
  • IT = Italiano
  • TR = Turco
  • FR = Francês
  • JA = Japonês
  • KO = Coreano

Como personalizar a cor do botão do seu formulário

Você também pode personalizar a cor do botão 'Enviar' nos seus formulários de lead incorporados para combinar com a sua marca. É simples:

  1. Encontre o código HEX da cor da sua marca (Exemplo #4EB2F4).
  2. Adicione este código HEX à URL do formulário que deseja incorporar.

Por exemplo, se quiser usar a cor com o código HEX #4EB2F4, sua URL será semelhante a esta:

<iframe title="Lead Form"
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

Basta substituir #4EB2F4 pelo código HEX personalizado da sua cor para ver a mágica acontecer!

Depois que um estudante preencher um desses formulários, o lead será atribuído ao orientador correto com base nas regras de negócio estabelecidas nas configurações do seu EdCommerce. Esses leads também são sincronizados com a sua conta do Edvisor e adicionados ao pipeline e à etapa corretos.

Incorporando programas do EdCommerce

Com o EdCommerce, você não só pode criar landing pages de e-commerce elegantes e até mesmo criar sites inteiros, como também pode integrar perfeitamente seus recursos poderosos a qualquer site existente que esteja usando.

Isso significa que você obtém o melhor dos dois mundos – a funcionalidade do seu site atual e os recursos poderosos do EdCommerce.

Você pode fazer isso criando e incorporando um widget. Vamos ver como fazer isso.

Como criar um widget do EdCommerce

  1. Acesse as configurações do EdCommerce: Faça login na sua conta do EdCommerce e navegue até a seção 'Configurações'.
  2. Crie um widget: No menu à esquerda, selecione 'Widgets' e depois 'Criar novo widget'.
  3. Preencha os detalhes do widget: Preencha o formulário com o nome do seu widget, o idioma preferido, a moeda e a nacionalidade do estudante.
  4. Escolha o conteúdo: Selecione quais programas ou provedores de educação exibir no seu widget. Basta clicar em "Programas" ou "Provedores" e escolher na lista à direita aqueles que você gostaria de exibir.
  5. Personalize a aparência: Ajuste a aparência do widget editando o estilo da fonte, a cor de fundo e a sombra da caixa para combinar com o design do seu site. Você também pode modificar o preenchimento para obter um ajuste melhor clicando no ícone quadrado dentro da prévia do widget.
  6. Salve seu widget: Quando estiver satisfeito com as configurações, clique em 'Salvar'.

Depois de salvar seu widget, você receberá um trecho de código.

Esse código precisa ser adicionado ao seu site. Continue lendo para saber como.

Como adicionar um widget do EdCommerce ao seu site

Basta abrir a página do seu site onde você gostaria de colocar este widget e inserir uma caixa HTML com o código.

Dependendo do CMS do seu site (como WordPress ou Wix), o método para adicionar esse código pode ser diferente. Geralmente, todos os editores de sites permitem arrastar e soltar uma caixa HTML.

Aqui estão alguns exemplos:

WordPress (com Elementor):

  • Abra a página que deseja editar com o Elementor.
  • Arraste o widget 'HTML' do painel à esquerda para a página onde deseja inserir o widget.
  • Cole o código do trecho do EdCommerce na caixa de código HTML.
  • Clique em 'Atualizar' para salvar suas alterações.

WordPress (com Visual Composer):

  • Edite a página onde deseja incluir o widget.
  • Clique no botão '+' para adicionar um novo elemento.
  • Escolha 'HTML bruto' ou 'HTML personalizado' entre os elementos de conteúdo.
  • Cole o código do trecho do EdCommerce na caixa de texto.
  • Salve suas alterações clicando em 'Atualizar' na página.

Wix:

  • Navegue até a página que deseja editar no Editor do Wix.
  • Clique em 'Adicionar' (+) no lado esquerdo do editor e selecione 'Mais'.
  • Escolha 'iframe HTML' no menu suspenso.
  • Clique em 'Inserir código' e cole o código do trecho do EdCommerce na caixa Configurações de HTML.
  • Clique em 'Aplicar' para salvar e ver o widget na sua página.

Squarespace:

  • Vá para a página onde deseja adicionar o widget.
  • Clique em '+Adicionar bloco' e selecione 'Código' no menu.
  • Cole o código do trecho do EdCommerce no bloco de código e clique em 'Aplicar'.

Se não encontrar um módulo HTML no seu editor, tente fazer isso editando o código de um módulo de 'texto rico'.

Casos de uso

Com este recurso, você pode transformar seu site em uma plataforma mais envolvente e informativa. Incorporar esses widgets ao seu site pode aprimorar o conteúdo, aumentar o engajamento dos usuários e elevar as conversões.

Aqui estão alguns exemplos de como os widgets do EdCommerce podem ser utilizados de forma criativa em todo o seu site:

Aprimoramentos de posts de blog:

Se você estiver escrevendo um post de blog sobre estudar em um local específico, como Sydney, incorpore o widget ao final do post. Destaque seus 3 principais programas ou promoções especiais em Sydney para incentivar os leitores a explorar essas opções. Isso pode aumentar significativamente as conversões ao conectar diretamente o conteúdo a programas relevantes.

Páginas de eventos:

Para páginas da web que promovem feiras de educação ou webinars, incorpore o widget para exibir programas ou instituições participantes do evento. Isso oferece aos visitantes uma prévia do que esperar e pode incentivar inscrições ou outras consultas.

Páginas específicas de localização:

Se o seu site tiver páginas dedicadas a destinos de estudo ou países específicos, incorpore o widget nessas páginas para exibir os programas disponíveis nesses locais. É uma ótima maneira de oferecer opções relevantes aos usuários que já demonstram interesse nesses destinos.

Páginas de agradecimento pela inscrição na newsletter:

Depois que um visitante se inscreve na sua newsletter, ele é direcionado para uma página de agradecimento. Nela, você pode incorporar o widget para envolvê-lo imediatamente com programas populares ou em destaque.

Durante campanhas promocionais:

Se você estiver realizando campanhas promocionais para determinados cursos ou destinos, integre o widget às páginas de destino da sua campanha. Personalize o widget para destacar programas relacionados à campanha, proporcionando uma experiência de usuário coesa.

Adicionando o EdCommerce ao WordPress

Esteja ciente de que as instruções a seguir foram elaboradas especificamente para usuários que utilizam o WordPress como construtor de sites. Se você estiver usando uma plataforma ou construtor de sites diferente, estas etapas podem não se aplicar.

Etapa 1

Acesse o Painel de administração do WordPress, navegue até a seção "Aparência" e clique em "Menus".

Etapa 2

Na seção "Menus", navegue até "Links personalizados" e insira a URL da sua plataforma EdCommerce e o texto do CTA que você gostaria de exibir no menu do seu site.

Em seguida, clique em "Adicionar ao menu" para incluir este novo item no menu principal.

Para encontrar a URL do seu EdCommerce, acesse a seção de configurações da sua plataforma, clique em "EdCommerce" e depois em "Detalhes do EdCommerce".

Dica profissional! Para evitar que os estudantes abandonem sua página, personalize o menu para abrir o link em uma nova aba.