PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Publicidade:

Encontre no blog...

17/07/2017

Como inserir um formulário de contato JotForm no Wordpress

JotForm - Visual Dicas

Formulário de Contato JotForm

Já mostramos aqui no Visual Dicas como criar um formulário de contato gratuito a partir do aplicativo JotForm (leia: Como criar um formulário de contato gratuito para colocar no seu blog ou site.

Neste post vamos mostrar como inserir o formulário no Wordpress.

Colocando o JotForm no Wordpress

Neste post vamos mostrar como inserir o formulário no Wordpress. Siga as instruções abaixo:

1- Acesse o painel do Wordpress

Para entrar no painel do Wordrpress digite o endereço:

http://www.SEU SITE/wp-login.php

Entre com o seu nome de usuário (username) e senha (password). Clique em [Log in].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

2) Crie uma página estática

Diferentemente das postagens, as páginas estáticas não possuem uma data de publicação e não permitem comentários. Elas são utilizadas para criar áreas que não precisam de interação com seu leitor, como o índice de artigos, página de contato e a página de informações sobre seu blog.

No menu lateral clique em [Paginas]. Depois clique em [Adicionar nova].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

3) Adicione título e código JotForm

Em Digite o título aqui, insira o nome da página. No nosso exemplo vamos chamá-la de “Contato”.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Para acrescentar o código HTML do JotForm, clique no botão [Texto] do editor do Wordpress.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

4) Copiando o código do JotForm

Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

No formulário que você criou, clique em More. Depois selecione [Publicar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Clique na aba [Incorporar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Clique agora no botão [Copiar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

5) Colando o código HTML na página estática do Wordpress

Volte para o painel do Wordpress e em Texto cole o código que você copiou. Após o código copiado, clique em [Visualizar] para você verificar como vai ficar a sua página de contato.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Veja como ficou a visualização do nosso exemplo.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Volte para o painel do Wordpress e clique em [Publicar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Pronto, a sua página de contatos está concluída.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

6) Coloque a página no menu do Wordpress.

Se você tem um menu horizontal ou vertical, coloque sua página de contato como mais um elemento para seus usuários.

Para acrescentar a nova página de contatos no seu menu, clique em Aparência no menu lateral. Depois selecione [Menus]. Em Páginas, clique na aba Mais Recentes e selecione a nova página adicionada.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

No nosso exemplo selecionamos “Contato”. Clique em [Salvar menu].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Observe que a sua nova página de contatos foi adicionada no menu.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas'

Se desejar alterar a posição da página, basta arrastá-la para o local desejado.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Finalizado, clique no botão [Salvar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Pronto, sua nova página de contatos está inserida no menu…

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas

byALF 

Leia também: Como inserir um formulário de contato JotForm no Blogger

0 comentários:

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More