{"id":26308,"date":"2012-09-20T15:00:34","date_gmt":"2012-09-20T18:00:34","guid":{"rendered":"https:\/\/www.criarsites.com\/?p=26308"},"modified":"2012-09-20T15:00:34","modified_gmt":"2012-09-20T18:00:34","slug":"como-criar-uma-pagina-de-contato-para-blogger","status":"publish","type":"post","link":"https:\/\/www.criarsites.com\/como-criar-uma-pagina-de-contato-para-blogger\/","title":{"rendered":"Como criar uma p\u00e1gina de contato para Blogger"},"content":{"rendered":"<p><!--wsa:adsensecentro--><img loading=\"lazy\" decoding=\"async\" title=\"Blogger Blogspot\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/07\/blogger.jpg\" alt=\"Blogger Blogspot\" width=\"180\" height=\"177\" \/><\/p>\n<p>Este \u00e9 o trig\u00e9simo quinto artigo da s\u00e9rie <em><strong><a title=\"Blogger Profissional - O processo de cria\u00e7\u00e3o de um blog de sucesso\" href=\"https:\/\/www.criarsites.com\/tag\/blogger-profissional\/\"><em><strong>Blogger Profissional &#8211; O processo de cria\u00e7\u00e3o de um Blog de sucesso<\/strong><\/em><\/a>.<\/strong><\/em><\/p>\n<p>Ter uma p\u00e1gina de contato no seu blog \u00e9 essencial, pois, por meio de um formul\u00e1rio de contato, os seus visitantes podem enviar-lhe sugest\u00f5es, questionamentos, elogios e at\u00e9 mesmo criticas, que, certamente ir\u00e3o ajudar no desenvolvimento do seu blog.<\/p>\n<p>No artigo de hoje vou mostrar como voc\u00ea deve fazer para criar uma p\u00e1gina de contato para o seu blog do Blogger, utilizando os servi\u00e7os do site JotForm.<\/p>\n<p>O Jotform \u00e9 um site para cria\u00e7\u00e3o de formul\u00e1rios de contato, que, posteriormente, podem ser utilizados em blog <!--more-->e sites de diversas plataformas, entre elas o <a title=\"WordPress - Plataforma gr\u00e1tis para cria\u00e7\u00e3o de blogs profissionais\" href=\"https:\/\/www.criarsites.com\/wordpress-plataforma-gratuita-de-criacao-de-blogs\/\">WordPress<\/a>.<\/p>\n<h2>Criando uma p\u00e1gina de contato<\/h2>\n<p><!--wsa:robsonribeiro-->O procedimento necess\u00e1rio para criar a p\u00e1gina no seu blog voc\u00ea pode encontrar no artigo:<\/p>\n<ul>\n<li>Como criar p\u00e1ginas no seu blog do Blogger <span style=\"color: #ff0000;\">(Precisa linkar)<\/span><\/li>\n<\/ul>\n<p>D\u00ea o t\u00edtulo de \u201cContato\u201d para a p\u00e1gina criada.<\/p>\n<h2>Criando um formul\u00e1rio de contato com o JotForm<\/h2>\n<p>Primeiramente acesse o site do JotForm para criar uma conta no servi\u00e7o, por meio deste link: <span style=\"color: #1155cc;\"><span style=\"text-decoration: underline;\"><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">http<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">:\/\/<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">www<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">.<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">jotform<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">.<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">com<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">\/<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">page<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">.<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">php<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">?<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">p<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">=<\/a><a href=\"http:\/\/www.jotform.com\/page.php?p=signup\" target=\"_blank\" rel=\"noopener\">signup<\/a><\/span><\/span>, preencha os campos necess\u00e1rios para cadastro e clique em CRIAR MINHA CONTA.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26310\" title=\"Criar p\u00e1gina de contato 1\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-1.jpg\" alt=\"Criar p\u00e1gina de contato 1\" width=\"500\" height=\"261\" \/><\/p>\n<p>Na tela seguinte clique em INICIAR CRIANDO FORMUL\u00c1RIOS.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26311\" title=\"Criar p\u00e1gina de contato 2\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-2.jpg\" alt=\"Criar p\u00e1gina de contato 2\" width=\"500\" height=\"261\" \/><\/p>\n<p>A pr\u00f3xima tela \u00e9 a que voc\u00ea vai usar para criar os seus formul\u00e1rios. Na \u00e1rea marcada com o n\u00famero 1 est\u00e3o as ferramentas necess\u00e1rias para inserir os campos que deseja, e a \u00e1rea de n\u00famero 2 \u00e9 aonde voc\u00ea ir\u00e1 inserir e editar os campos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26312\" title=\"Criar p\u00e1gina de contato 3\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-3.jpg\" alt=\"Criar p\u00e1gina de contato 3\" width=\"500\" height=\"331\" \/><\/p>\n<p>Ap\u00f3s criar o seu formul\u00e1rio clique em SALVAR e depois em SETUP & Embed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26313\" title=\"Criar p\u00e1gina de contato 4\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-4.jpg\" alt=\"Criar p\u00e1gina de contato 4\" width=\"500\" height=\"350\" \/><\/p>\n<p>Agora clique em INCORPORAR:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26314\" title=\"Criar p\u00e1gina de contato 5\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-5.jpg\" alt=\"Criar p\u00e1gina de contato 5\" width=\"500\" height=\"64\" \/><\/p>\n<p>Selecione Blogger:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26315\" title=\"Criar p\u00e1gina de contato 6\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-6.jpg\" alt=\"Criar p\u00e1gina de contato 6\" width=\"451\" height=\"611\" \/><\/p>\n<p>Copie o c\u00f3digo informado para inseri-lo em sua p\u00e1gina de contato e feche a janela (popUp):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26316\" title=\"Criar p\u00e1gina de contato 7\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-7.jpg\" alt=\"Criar p\u00e1gina de contato 7\" width=\"459\" height=\"615\" \/><\/p>\n<h2>Inserindo o formul\u00e1rio de contato na p\u00e1gina do Blogger<\/h2>\n<p>Para inserir o formul\u00e1rio de contato na p\u00e1gina criada no Blogger, abra a p\u00e1gina em modo de edi\u00e7\u00e3o, clique em HTML, cole o c\u00f3digo fornecido pelo JotForm e clique em ATUALIZAR.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26317\" title=\"Criar p\u00e1gina de contato 8\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-8.jpg\" alt=\"Criar p\u00e1gina de contato 8\" width=\"500\" height=\"146\" \/><\/p>\n<p>Abra a sua p\u00e1gina em modo de visualiza\u00e7\u00e3o, o resultado obtido deve ser semelhante a este formul\u00e1rio:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26318\" title=\"Criar p\u00e1gina de contato 9\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-9.jpg\" alt=\"Criar p\u00e1gina de contato 9\" width=\"500\" height=\"363\" \/><\/p>\n<h2>Verificando os contatos recebidos<\/h2>\n<p>Para verificar os contatos recebidos por meio do formul\u00e1rio de contato, acesse a sua conta no JotForm e clique na op\u00e7\u00e3o MEUS FORMUL\u00c1RIOS, que est\u00e1 localizada no topo da p\u00e1gina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26319\" title=\"Criar p\u00e1gina de contato 10\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-10.jpg\" alt=\"Criar p\u00e1gina de contato 10\" width=\"500\" height=\"58\" \/><\/p>\n<p>Agora clique em ENVIOS, conforme ilustrado na imagem abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26320\" title=\"Criar p\u00e1gina de contato 11\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-11.jpg\" alt=\"Criar p\u00e1gina de contato 11\" width=\"500\" height=\"159\" \/><\/p>\n<p>Feito isto, ser\u00e3o exibidas as mensagens recebidas por meio do formul\u00e1rio de contato incorporado \u00e0 sua p\u00e1gina de contato do Blog.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26309\" title=\"Criar p\u00e1gina de contato 12\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/08\/Criar-p\u00e1gina-de-contato-12.jpg\" alt=\"Criar p\u00e1gina de contato 12\" width=\"500\" height=\"177\" \/><\/p>\n<p><strong>Considera\u00e7\u00f5es finais<\/strong><br \/>\nEste tutorial ficou um pouco grande, mas acredito que esteja bem claro. Aproveite o intervalo entre os posts para criar a sua p\u00e1gina de contato, pois logo mais tem coisa nova na \u00e1rea, afinal, a s\u00e9rie continua&#8230;<\/p>\n<p>Este \u00e9 um <a title=\"Guest Post\" href=\"..\/seja-um-colaborador-do-criarsites-com\/\">guest post<\/a> escrito por Robson Ribeiro que bloga no <strong>I9Blogs<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" title=\"Blogger Blogspot\" src=\"https:\/\/www.criarsites.com\/wp-content\/uploads\/2012\/07\/blogger.jpg\" alt=\"Blogger Blogspot\" width=\"180\" height=\"177\" \/><br \/>\nTer uma p\u00e1gina de contato no seu blog \u00e9 essencial, pois, por meio de um formul\u00e1rio de contato, os seus visitantes podem enviar-lhe sugest\u00f5es, questionamentos, elogios e at\u00e9 mesmo criticas, que, certamente ir\u00e3o ajudar no desenvolvimento do seu &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"_links":{"self":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/posts\/26308"}],"collection":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/comments?post=26308"}],"version-history":[{"count":0,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/posts\/26308\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/media?parent=26308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/categories?post=26308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.criarsites.com\/wp-json\/wp\/v2\/tags?post=26308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}