Adicionar formulário para contato no Blogger


Olá galera! Hoje vou falar sobre algo bem legal e que muitos têm dúvidas sobre isso principalmente no para quem usa o Blogger já que para o WordPress (que também vou mostrar em outra oportunidade) existem vários plugins que facilitam o trabalho. Estou falando sobre colocar um formulário para que o seu visitante ou pessoas interessadas em anunciar no seu blog entre em contato com você.

Um formulário para contato é sem dúvida umas das principais coisas que você deve ter no seu blog, antes eu sinceramente não fazia a miníma para tal formulário mas depois que coloquei eu realmente vi que seus benefícios são muitos.

3211231123

Vamos fazer o nosso formulário usando o site JotForm que é grátis e você precisa apenas fazer um breve cadastro e começar com seu formulário, o JotForm conta com várias opções para personalizar o formulário deixando exatamente como manda as suas necessidades.

Cadastro no JotForm

1º Passo: Acesse o site do JotForm clicando no link abaixo:


2º Passo: Ao entrar no site clique em “Registre-se” no canto superior direito, preencha as informações e clique em “Create My Account“:

7984

Pronto! Seu cadastro foi feito.

Criando o formulário

1º Passo: Do lado esquerdo você verá as ferramentas para criar o formulário, clique segure e arraste essas ferramentas para lado. Veja no exemplo abaixo:

89789798

Coloque as ferramentas que você achar importante e organize como achar melhor.

2º Passo: Agora vamos configurar qual será a ação depois que um visitante usar o formulário.

Clique na aba “Setup  & Embed” e depois em “Obrigado“:

79789

Agora você deve escolher se deseja que o visitante seja levado para uma outra página que você deve colocar ou exibir uma mensagem também configurada por você.

No exemplo vou escolher essa função para mostrar apenas uma mensagem, clique em “Próximo“:

879456

Na próxima janela informe qual será a mensagem que vai aparecer depois que o visitante entrar em contato com você, ou defina para qual página ele será levado caso tenha escolhido essa opção .

Para continuar novamente em “Próximo“:

89745

3º Passo: Essa talvez é a principal reclamação dos usuário do JotForm,  é que quando um usuário preenche algo errado o formulário mostrar um aviso em Inglês só que é perfeitamente possível traduzir essa mensagem e eu vou mostrar como.

Clique novamente na aba “Setup & Embed” e depois em “Preferências“:

1328978

Agora clique na aba “Configurações avançadas” e depois em “Edit Form Warning“:

8746

Agora basta você ir traduzindo as mensagens para o Português, caso não saiba Inglês use o Google Tradutor:

97456

[unordered_list style=”bullet”]

[/unordered_list]

4º Passo: Agora vamos escolher entre alguns temas disponíveis no JotForm para que o formulário fique combinando com o seu blog.

Detalhe: Clique na lateral direita do formulário para visualizar essa aba com os temas veja na imagem:

87946

5º Passo: Com o formulário criado e configurado nos resta pegar o código do mesmo para poder colocar no blog e para isso clique em “Código Fonte“:

984656

Coloque o e-mail para onde você deseja que os contatos sejam enviados e clique em “Salvar E-mail“:

897

Clique no ícone do Blogger:

789987

E finalmente copie todo o código fonte do formulário:

7987

Colocando no Blogger

1º Passo: Entre no painel do seu blog e clique em “Páginas” depois em “Nova página” e “Página em branco“:

89767

2º Passo: Faça sua página de contato colocando nome e escrevendo algo caso queira o importante é clicar em “HTML” e colar o código do formulário. Depois clique em “Publicar“:

979

É isso ai galera espero ter ajudado, você também pode conferir como criar páginas e menus no Blogger.

[unordered_list style=”bullet”]

[/unordered_list]



Relacionados