Como adicionar um formulário ou um pop-up ao seu blog da Systeme.io

Neste artigo, veremos como configurar um formulário de contato no seu blog.

Você vai precisar:

1. Criando um formulário de contato

Primeiro, você vai precisar criar um formulário de contato para o seu Funil de Vendas.

Para fazer isso, vá para o seu Funil de Vendas e então, crie uma nova etapa, escolha "Formulário Inline".

Então, vá para o Editor da Página de Formulário, ao clicar no ícone de varinha mágica em "Editar página", para configurar o seu "Formulário inline".

Um formulário de contato deve possuir, no mínimo, um (1) "Formulário inline", para você poder inserir quantos campos desejar.

Por favor, selecione o item "Entrada do formulário", e então clique nas configurações de item do formulário, e escolha um "Tipo de entrada" que você deseja coletar ao selecionar um item na lista.

Também será necessário configurar o botão que vai realizar a ação com o item coletado.

Você pode escolher um tempo para o formulário de contato aparecer na sua página do blog, utilizando o editor. O tempo para exibição é em segundos

Não se esqueça de salvar as suas mudanças antes de sair da página.

2. Opções de formulário de contato como pop-up:

Vá até seu "Funil de Vendas", clique em "Criar etapa" para criar uma nova etapa (número 1 na imagem), depois escolha "Formulário Popup" (número 2 na imagem)

Escolha o modelo de sua escolha clicando em "Selecionar" (número 3 na imagem)

Vá até o editor da página do formulário clicando em "Editar Página" para personalizar seu formulário popup (número 4 na imagem)

Um formulário de contato deve ter pelo menos um (1) "Formulário de entrada", para que você possa colocar quantos campos de formulário quiser. 
Por favor, selecione o item "Entrada do formulátio", depois com a roda de rolagem, configure o campo em questão selecionando um "Tipo de entrada" que você deseja coletar selecionando um item da lista suspensa.

Também será necessário definir o botão que registrará a ação a ser feita com o item coletado. 

Você pode escolher um horário para que o formulário de contato apareça na página de seu blog, este horário pode ser ajustado usando o Editor. 
O tempo a ser indicado é em segundos. 

Não se esqueça de clicar em "Salvar alterações" antes de deixar o editor ou seu "formulário popup".

3. Configurando o formulário de contato no seu blog:

Em ordem para configurar o formulário de contato em seu blog, você deve utilizar o "Script" e colar na sua página do blog.

A primeira etapa é retornar para as configurações da página do seu formulário.

Um pop-up será exibido contendo o código do seu " Script" que está vinculado para a sua página de "Formulário de Contato", basta clicar em "Copiar o script para a área de transferência"

Você terá que ir para o editor da página do blog, da qual você deseja que o formulário de contato aparecer.

Por fim, clique em "Editar código" e insira o código do script que você copiou.

Certifique-se de clicar em "Salvar" para salvar o código HTML, e clique em "Salvar alterações" no editor e salvar antes de sair da página de seu blog.

Passo 4. Configurando o formulário popup em seu blog:

Ao criar um formulário de contato como um popup, há duas maneiras possíveis de exibi-lo em sua página do blog:
  • Como um popup que é exibido de acordo com a definição de tempo de sua aparência.
  • A partir de um texto que será clicável e configurado para abrir a janela popup.
Para a primeira opção, o método é o mesmo que quando você adiciona um formulário em linha em um blog, então explicaremos o segundo método em detalhes.

Para exibir o "formulário popup" após clicar em um texto, você precisa primeiro voltar para a configuração do passo ou seu "formulário popup", depois você precisa clicar em "Criar um link".

Um popup aparecerá que permitirá que você clique em um link que abre o popup de um texto:
  1. Você tem que escolher o conteúdo do texto que será clicável.
  2. Você tem que clicar em "Copiar script para a área de transferência".

Para fazer isso, você deve ir ao editor da página do blog na qual você gostaria de postar em seu blog. 

Então, você precisa configurar um elemento HTML em sua página do blog. E, finalmente, você precisará ir para as configurações de seu elemento HTML. 

 Clique em "Editar código" e cole "Script" dos links que abrem uma página de formulário popup

Certifique-se de clicar em "Salvar" para salvar o código HTML, e clique em "Salvar alterações" no editor para salvar sua página antes de sair da página de seu blog.