Para vincular seu formulário Easyform em seu site, temos duas opções:

• Plug-in, para sites Wordpress (caso utilize algum construtor de página com o Wordpress, verifique o final desta seção);
• Código HTML, para outros tipos de site;

Plug-in Wordpress

1º Passo: Acesse "Apps" > "Easyforms" e selecione algum formulário salvo. Em seguida vá em "Estatísticas" e clique em "Baixe o plugin para o Wordpress"

2º Passo: Em seguida, acesse as configurações do seu site WordPress e vá em "Plugins" > "Add New" > "Upload Plugin".

3º Passo: Selecione o arquivo .zip do Plug-in baixado e clique em "Install Now".

4º Passo: Desça a página e clique em Activate Plugin. Em seguida, coloque seu login e senha de sua base do Nectar para que o plugin consiga acessar seus Easyforms.

5º Passo: Agora, para adicionar o Easyform em alguma página existente ou Post, clique em "New" e a opção desejada:

6º Passo: Neste exemplo, utilizamos a opção "Page" para criar uma nova página para o Easyform. E para adicionar o formulário, clique em "+" > "Formulário Nectar":

Procure pela opção "Formulário Nectar"

7º Passo: Selecione o formulário desejado:

8º Passo: Realize os ajustes finais e pronto, o Easyforms já está vinculado ao seu site!

Observação: Caso você utilize algum construtor junto ao Wordpress, provavelmente você terá alguma incompatibilidade em incorporar o plugin do Easyform em sua página.

Como solução, recomendamos o uso do plugin Shortcoder para converter o script do Easyform em um formato aceitável para seu construtor. Veja como utilizá-lo em sua página clicando aqui.

Código HTML

Para vincular seu Easyform em algum site em geral, vá em Apps > Easyforms e acesse o formulário desejado. Em seguida, clique em Incorporar:

O código copiado estará neste modelo:

<script src="https://app.nectarcrm.com.br/crm/api/1/webform/view-embedded/ID_do_Easyform" data-nectar-webform-destination-elem="Insira_Nome_do_Elemento_Aqui" defer></script>

Coloque um nome específico para o elemento criado para que o código funcione, podendo ser um nome de sua preferência.

Desta forma, basta copiar o código gerado e acrescentar o seguinte trecho:

<div id="Insira_Nome_do_Elemento_Aqui"></div>

Este é um exemplo de como ficará o seu código. Lembrando que é necessário colocar um nome para o campo "Insira_Nome_do_Elemento_Aqui":

<script src="https://app.nectarcrm.com.br/crm/api/1/webform/view-embedded/ID_do_Easyform" data-nectar-webform-destination-elem="Insira_Nome_do_Elemento_Aqui" defer></script>

<div id="Insira_Nome_do_Elemento_Aqui"></div>

Agora, basta colar este código em seu site.

Ao realizar testes localmente, o reCaptcha irá barrar a autenticação, por isso só será possível verificar o resultado do formulário ao publicá-lo.