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

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

1 comentários:

Unknown disse...

DA ESSE ERRO QUANDO VO INCORPORAR

This page does not have permission to install the custom tab.

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