Crie um formulário da Web que inclui um botão do tipo “Notificar-me”

Neste artigo, você aprenderá a criar um formulário da Web que vem com a opção de clicar em um botão.

Acesse a sua conta do SendPulse.

Abra o menu “Formulários de inscrição”.

Clique em “Criar novo formulário” e, em seguida, selecione “Construtor de formulários”.

Agora, você deve selecionar o tipo de formulário. Neste exemplo, vamos usar o “Pop-up”.

Selecione a lista de endereçamento que será vinculada ao formulário, ou crie uma nova lista. 

Em seguida, clique em “Ir para o Construtor” para começar a criar o seu formulário. Você pode adicionar elementos ao formulário usando o painel à esquerda, e o painel à direita serve para editá-los.

Use a guia “Elemento” para editar os textos, botões e alertas do formulário.

Já o estilo, a cor e o tamanho da fonte, a cor do plano de fundo, o alinhamento e outros efeitos podem ser definidos na guia “Design”.

Assim que você concluir o design do seu formulário, clique em “Opções do formulário”.

Aqui você precisa especificar o site no qual o formulário será adicionado, além de verificar o tipo de formulário e outros detalhes.

Caso queira que o formulário seja exibido após o visitante clicar em um elemento, botão, texto ou link do site, selecione os tipos de formulário “Pop-up” ou “Flutuante”.

Esses formulários têm parâmetros adicionais.

Eles podem ser exibidos “No carregamento da página”.

“Ao clicar em um botão” – nesse caso, o código do botão será gerado com o código do formulário.

“Ao rolar para uma parte da página” – é necessário especificar a rolagem da página.

“Quando o cursor do mouse sai da página”. 

É possível editar o texto da notificação, o texto do email de confirmação, e assim por diante.

Neste exemplo, escolheremos a condição de exibição do tipo “Ao clicar em um botão”.

O texto do email de confirmação é submetido a um procedimento de moderação, portanto, recomendamos verificar o seu status antes de publicá-lo no seu site.

Quando o texto estiver pronto, será exibido o status “Verificado”.

Quando estiver tudo pronto, clique em “Aplicar alterações”.

Use o botão “Visualizar” para ver como o formulário será exibido no site.

Em seguida, clique em “Salvar > Salvar e obter código”.

Será exibida uma janela sugerindo para que você copie o código das guias “Script” ou “HTML”.

*Observação: será necessário atualizar o código no seu site sempre que você editar um formulário no construtor de formulários.

Agora, você só precisa colocar o formulário no site, ou adicionar um código curto a um elemento existente da página da Web (nesse caso, o código curto é sp-show-form="106993") de acordo com os padrões do seu provedor de hospedagem.

Esta é a visão padrão do botão. O formulário é aberto com um clique no botão.

Caso você queira personalizar o design do botão – edite o código HTML do botão ao adicionar o código na página da Web, mas lembre-se que é necessário ter um certo conhecimento em codificação HTML.

Última Atualização: 03.05.2019