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”.

formulários

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

novo_formulário

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

tipo_de_formulário

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

lista_de_endereçamento

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.

elemento

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”.

design

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

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.

dados_e_tipo_de_formulário

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”.

condição

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

código_do_botão

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

rolar

“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.

notificação

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.

caixa_do_texto_de_confirmação

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

status_do_texto_de_confirmção

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

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

lista_de_endereçamento

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

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.

 

botão_padrão

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.

botão-do-formulário

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.

Rate this article about "Crie um formulário da Web que inclui um botão do tipo “Notificar-me”"

User Rating: 5 / 5 (8)

    Outros artigos úteis

    Popular em nosso blog

    Teste o SendPulse hoje gratuitamente