Formulário de contato no Blogger

Neste tutorial:
(1) Criar páginas no blogger
(2) Inserir um formulário para contato via e-mail

Irei utilizar o FoxyForm para gerar o formulário e depois inserir o código em uma página do blog.

Antes de tudo, preciso dizer que o FoxyForm gera apenas formulários de contato simples, se você deseja um formulário mais elaborado, com campos personalizados, pode utilizar o EmailMeForm, 123ContactForm ou Wufoo.

O FoxyForm é fácil de usar, basta ler as instruções da página ou nem isso, ir na intuição (é o que eu faço).

1. Entre no site acima e você verá que a interface é bem amigável, primeiro, escolha quais campos você deseja que  apareçam no seu formulário de contato:

Tratamento
Nome
E-Mail
Assunto
Opções extras: 
Primeiro nome
Rua
CEP + cidade
Telefone
Website

Do lado de cada opção existe uma caixinha para você marcar caso queira que aquele campo seja de preenchimento obrigatório.

2. Faça as alterações que desejar em relação ao fundo, à borda e às fontes

3. Digite o e-mail onde você quer receber os dados e clique em Criar formulário.

4. Na página seguinte, você verá uma caixa do lado direito com um código, copie todo este código e passamos para a parte onde vamos inserí-lo em uma página do seu blog.

Criando a página de contato no blogger.

1. Entre no seu painel. Vá na aba Postagem, e clique em 'Editar páginas'. Você poderá gerenciar sua páginas a partir daí. Clique então em 'Nova Página'.

2. A interface de postagem você já deve estar habituado (a), porém, você deve antes de colocar o código clicar na aba Editar HTML, e então colar o código.

3. Quando você colar código pode clicar na aba 'Escrever' novamente e personalizar sua página. Pode escrever uma mensagem, digitar seu e-mail, imagens etc. Apenas tome cuidado para não alterar o formulário. Não esqueça do título da página e pode publicá-la.

Sua página está pronta, você pode adicioná-la ao menu de seu blog ou a um link na lateral. :)

Compartilhe:
Pin It now!

Categorias: ,