{"id":227348,"date":"2022-09-18T19:44:00","date_gmt":"2022-09-18T16:44:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227348"},"modified":"2022-11-09T00:15:11","modified_gmt":"2022-11-08T21:15:11","slug":"como-criar-um-formulario-no-wordpress-sem-um-plugin","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-criar-um-formulario-no-wordpress-sem-um-plugin\/","title":{"rendered":"Como criar um formul\u00e1rio no WordPress sem um plugin"},"content":{"rendered":"\n<p>O WordPress \u00e9 uma das maneiras mais comuns de criar e projetar um site. N\u00e3o estar\u00edamos errados se definimos o WordPress como o sistema operacional do seu site.<\/p>\n<p>No entanto, os plugins do WordPress \u00e0s \u200b\u200bvezes s\u00e3o dif\u00edceis de manter. Os plugins podem limitar voc\u00ea. sua capacidade de criar coisas do zero e produzir bens que sejam mais relevantes para suas necessidades e gostos.<\/p>\n<p>Ocasionalmente, \u00e9 necess\u00e1rio criar um novo formul\u00e1rio WordPress para uma necessidade particularmente espec\u00edfica durante o desenvolvimento de um site WordPress. Claro, plugins existem e s\u00e3o \u00fateis ao trabalhar em um novo site. Mas voc\u00ea tamb\u00e9m pode criar um novo formul\u00e1rio personalizado feito \u00e0 m\u00e3o no WordPress e aprender como criar um formul\u00e1rio no WordPress sem um plug-in.<\/p>\n<p>Sim, voc\u00ea sempre pode confiar nos plugins do WordPress. No entanto, trabalhar sem usar o plugin WordPress permitir\u00e1 que voc\u00ea crie mais conte\u00fado personalizado para o seu site WordPress. Isso lhe dar\u00e1 mais liberdade para exibir o que quiser em seu site WordPress.<\/p>\n<p>Os plugins do WordPress nem sempre s\u00e3o a melhor resposta para instala\u00e7\u00f5es de formul\u00e1rios. Assim, use o Getform para criar um formul\u00e1rio WordPress simples e adapt\u00e1vel em seu site. Os plugins s\u00e3o vitais, mas podem fazer com que seu site WordPress fique lento. \u00c9 por isso que faz sentido explorar maneiras de adicionar funcionalidades sem depender de plugins quando poss\u00edvel. Cada plugin adiciona seu pr\u00f3prio c\u00f3digo e arquivos ao banco de dados do WordPress. Isso pode diminuir a velocidade do site e aumentar o uso de mem\u00f3ria. Para evitar isso, \u00e9 bom saber como criar um formul\u00e1rio no WordPress sem um plugin.<\/p>\n<p>Gerenciar um n\u00famero excessivo de plugins em um site WordPress \u00e9 demorado. Para manter os plugins atualizados, voc\u00ea deve atualiz\u00e1-los. Al\u00e9m disso, os plugins podem interferir uns com os outros, fazendo com que seu site WordPress quebre.<\/p>\n<p>Como resultado, usar menos plugins pode ajud\u00e1-lo a resolver quaisquer dificuldades com seu site mais rapidamente. Os formul\u00e1rios s\u00e3o um componente essencial de todos os sites, bem como de qualquer site WordPress. Existem v\u00e1rios plugins do WordPress dispon\u00edveis para criar formul\u00e1rios personalizados do WordPress. Mas, a maioria deles s\u00e3o inadequados. \u00c9 mais simples criar um formul\u00e1rio no WordPress se voc\u00ea tiver um bom entendimento de PHP, HTML e Javascript.<\/p>\n<p>Neste artigo, voc\u00ea descobrir\u00e1 algumas informa\u00e7\u00f5es cruciais sobre como criar um formul\u00e1rio no WordPress sem um plugin.<\/p>\n<p>Aqui, voc\u00ea aprender\u00e1 sobre:<\/p>\n<ul>\n<li>trabalhando sem plugins,<\/li>\n<li>usando c\u00f3digo HTML personalizado,<\/li>\n<li>criando modelos de p\u00e1gina,<\/li>\n<li>criando formul\u00e1rios,<\/li>\n<li>construindo o formul\u00e1rio WordPress do site,<\/li>\n<li>usando o plugin jQuery,<\/li>\n<li>para que serve o arquivo PHP,<\/li>\n<li>o que s\u00e3o nonces,<\/li>\n<li>como melhorar o formul\u00e1rio do WordPress,<\/li>\n<li>quais s\u00e3o alguns erros usuais, etc.<\/li>\n<\/ul>\n<h2><strong>Adicionar uma se\u00e7\u00e3o HTML personalizada e configurar o formul\u00e1rio WordPress<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984672306.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984672306.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>Crie uma nova p\u00e1gina para hospedar seu formul\u00e1rio de contato do WordPress. Fa\u00e7a login no seu painel do WordPress e v\u00e1 para a \u00e1rea de configura\u00e7\u00f5es de p\u00e1ginas. A etapa 2 \u00e9 selecionar e clicar em Adicionar novo. Ao criar uma p\u00e1gina de contato, escolha um nome significativo. Por exemplo: &quot;Fale Conosco&quot;.<\/p>\n<p>Formul\u00e1rio de contato mais simples \u2013 melhor. Isso deve ser o mais simples poss\u00edvel. Voc\u00ea s\u00f3 precisa de nome, e-mail e caixas de coment\u00e1rios para criar um formul\u00e1rio de contato simples. Ele deve ser copiado e colocado no arquivo page-contact.php.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984775736.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984775736.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>O passo 3 \u00e9 criar seu formul\u00e1rio WordPress depois de nomear sua p\u00e1gina de contato. Voc\u00ea pode usar o bloco de c\u00f3digo se ativar o Bootstrap em seu site WordPress.<\/p>\n<p>Se voc\u00ea deseja manter o controle total sobre a apar\u00eancia do seu site, voc\u00ea pode usar o bloco de c\u00f3digo do formul\u00e1rio sem bootstrap. Depois de selecionar o bloco de c\u00f3digo apropriado para o seu site WordPress, adicione um bloco HTML personalizado do Gutenberg. Cole o c\u00f3digo do formul\u00e1rio de sua escolha.<\/p>\n<p>Se voc\u00ea estiver usando uma vers\u00e3o mais antiga do WordPress que n\u00e3o possui o bloco HTML do Gutenberg, v\u00e1 primeiro para as configura\u00e7\u00f5es da guia Texto. Cole o c\u00f3digo do formul\u00e1rio de sua escolha na \u00e1rea.<\/p>\n<p>N\u00e3o se esque\u00e7a de incluir o URL do endpoint que voc\u00ea encontrou na propriedade action do bloco HTML. Como resultado, os envios ser\u00e3o enviados para o formul\u00e1rio que voc\u00ea criou em seu painel Getform.<\/p>\n<h2><strong>Criando um modelo de p\u00e1gina<\/strong><\/h2>\n<p>O passo 1 \u00e9 criar um modelo para uma p\u00e1gina do WordPress. Para fazer isso, copie o c\u00f3digo de page.php em um novo arquivo chamado page-contact.php. Para garantir que o WordPress trate o arquivo contact.php como um modelo de p\u00e1gina do WordPress, devemos incluir um coment\u00e1rio na parte superior do arquivo.<\/p>\n<h2><strong>Construindo o formul\u00e1rio<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e898487993c.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e898487993c.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>Agora devemos criar um formul\u00e1rio de contato b\u00e1sico do WordPress. Basta copiar e colar o c\u00f3digo no conte\u00fado da entrada. N\u00e3o \u00e9 dif\u00edcil usar esse c\u00f3digo HTML autoexplicativo para um formul\u00e1rio. Ele ser\u00e1 usado posteriormente para determinar se o formul\u00e1rio foi ou n\u00e3o enviado.<\/p>\n<h2><strong>Pr\u00e9-processamento de dados<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e898498f8a1.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e898498f8a1.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>O formul\u00e1rio criado parecer\u00e1 legal, mas ser\u00e1 completamente in\u00fatil porque n\u00e3o enviar\u00e1 nenhum e-mail. O que precisamos fazer \u00e9 dar uma olhada no formul\u00e1rio que foi enviado e verificar novamente todos os dados. Voc\u00ea precisa verificar se os campos foram preenchidos com precis\u00e3o com os dados adequados.<\/p>\n<p>Se as caixas estiverem preenchidas com os dados corretos, obteremos o endere\u00e7o de e-mail do administrador do blog e enviaremos o e-mail.<\/p>\n<p>Caso contr\u00e1rio, nenhum e-mail ser\u00e1 enviado e o usu\u00e1rio ter\u00e1 problemas. Verifique se o formul\u00e1rio foi enviado e preenchido com dados precisos. Se ocorrer um erro, como um campo vazio ou um endere\u00e7o de e-mail incorreto, um aviso ser\u00e1 exibido e o formul\u00e1rio n\u00e3o ser\u00e1 enviado. Voc\u00ea precisa corrigir esses dados e tentar novamente.<\/p>\n<h2><strong>Adicionando uma verifica\u00e7\u00e3o jQuery<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984aaacb5.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984aaacb5.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>Nosso formul\u00e1rio agora est\u00e1 completamente pronto. Mas podemos melhor\u00e1-lo incorporando a verifica\u00e7\u00e3o do lado do cliente. Para fazer isso, usaremos jQuery e o plugin confirm jQuery. Este plugin \u00e9 fant\u00e1stico, pois permite verificar rapidamente se um formul\u00e1rio foi preenchido com dados precisos. O primeiro passo \u00e9 baixar e instalar o plugin de valida\u00e7\u00e3o em seu arquivo de tema.<\/p>\n<p>Agora devemos conectar os arquivos Javascript ao nosso tema. Depois disso, o plugin de valida\u00e7\u00e3o do jQuery confirmar\u00e1 o formul\u00e1rio de contato no lado do cliente. Como funciona? Ele seleciona dados de formul\u00e1rio que possuem a classe CSS necess\u00e1ria e valida se eles est\u00e3o preenchidos adequadamente. Se este n\u00e3o for o caso, um aviso \u00e9 exibido e voc\u00ea ter\u00e1 que corrigir todas as entradas de dados erradas.<\/p>\n<h2><strong>Formul\u00e1rio de aprimoramento<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984bbbb81.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984bbbb81.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>Fa\u00e7a uso dos recursos do WordPress para proteger o uso do nosso formul\u00e1rio usando nonces. As fun\u00e7\u00f5es permitir\u00e3o garantir que o conte\u00fado de uma solicita\u00e7\u00e3o de formul\u00e1rio tenha origem no site atual e n\u00e3o em outro. Como resultado, n\u00e3o \u00e9 a prote\u00e7\u00e3o ideal, embora proteja em muitas circunst\u00e2ncias.<\/p>\n<p>Seu primeiro par\u00e2metro \u00e9 uma a\u00e7\u00e3o, enquanto seu segundo argumento \u00e9 um nome. Essas duas palavras s\u00e3o utilizadas novamente mais tarde em nosso c\u00f3digo para determinar se o nonce enviado corresponde a essas duas entradas.<\/p>\n<p>\u00c9 importante incluir campos nonce em seus formul\u00e1rios do WordPress. Os nonces podem ser usados \u200b\u200bpara verificar se um usu\u00e1rio pretende realizar uma a\u00e7\u00e3o e \u00e9 fundamental na prote\u00e7\u00e3o contra falsifica\u00e7\u00e3o de solicita\u00e7\u00e3o entre sites (CSRF)&quot;.<\/p>\n<h2><strong>Intercepta\u00e7\u00e3o de dados com modelo<\/strong><\/h2>\n<p>Concentre-se na l\u00f3gica de processamento do formul\u00e1rio: deixamos o template e vamos para o arquivo functions.php para tratar os dados recebidos.<\/p>\n<p>\u00c9 necess\u00e1rio se conectar a uma a\u00e7\u00e3o do WordPress que \u00e9 executada antes que os cabe\u00e7alhos da p\u00e1gina do WordPress sejam produzidos. \u00c9 potencialmente redirecionar o usu\u00e1rio para outra p\u00e1gina ap\u00f3s avaliar a entrada do formul\u00e1rio.<\/p>\n<p>A primeira condi\u00e7\u00e3o em nossa fun\u00e7\u00e3o nos garante que uma entrada de formul\u00e1rio foi enviada. H\u00e1 um link entre a fun\u00e7\u00e3o e a a\u00e7\u00e3o de redirecionamento de modelo. Por isso, sempre que o \u0161age carregar, ele ser\u00e1 chamado.<\/p>\n<p>Portanto, \u00e9 fundamental filtrar as solicita\u00e7\u00f5es e garantir que seja hora de analisar a entrada do formul\u00e1rio, se ela existir. Isso indica que o bot\u00e3o enviar no formul\u00e1rio foi pressionado e que agora \u00e9 hora de testar a solicita\u00e7\u00e3o.<\/p>\n<h2><strong>Processando os dados<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984ccdf3d.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984ccdf3d.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>Depois de concluir nossas verifica\u00e7\u00f5es, cabe a voc\u00ea fazer o que quiser com os dados do formul\u00e1rio armazenados na vari\u00e1vel. Salve o valor do presente como uma vari\u00e1vel.<\/p>\n<p>Ap\u00f3s atualizar o banco de dados com sucesso, precisamos redirecionar o usu\u00e1rio para uma p\u00e1gina. Al\u00e9m disso, voc\u00ea precisa criar uma mensagem de sucesso, que pode ser criada usando o Dashboard.<\/p>\n<h2><strong>Manipula\u00e7\u00e3o de erros<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984dd1514.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984dd1514.jpg\" alt=\"Como criar um formul\u00e1rio no WordPress sem um plugin\" ><\/a><\/p>\n<p>Voc\u00ea tem que certificar-se de enviar e preencher o formul\u00e1rio adequadamente. Se ocorrer um erro, como um campo vazio ou um endere\u00e7o de e-mail incorreto, voc\u00ea receber\u00e1 um aviso e o formul\u00e1rio n\u00e3o poder\u00e1 ser enviado.<\/p>\n<p>Depois disso, voc\u00ea deve criar e exibir avisos de erro abaixo da caixa associada. Crie algo simples, como &quot;Digite seu nome&quot;. Voc\u00ea receber\u00e1 um modelo de p\u00e1gina de formul\u00e1rio completo que poder\u00e1 usar.<\/p>\n<h2><strong>Considera\u00e7\u00f5es finais sobre como criar um formul\u00e1rio no WordPress sem plugin<\/strong><\/h2>\n<p>Usar o WordPress para criar um site \u00e9 uma escolha muito popular para muitos. Oferece v\u00e1rias op\u00e7\u00f5es para seus usu\u00e1rios. O usu\u00e1rio \u00e9 oferecido para escolher um tema espec\u00edfico para o site, para organizar o que deseja exibir em seu site nos m\u00ednimos detalhes\u2026 Permite criar e adicionar novas p\u00e1ginas e conte\u00fados com ou sem o uso de plugins.<\/p>\n<p>O WordPress \u00e9 uma \u00f3tima op\u00e7\u00e3o para criar um site ou blog. \u00c9 bom para iniciantes e tamb\u00e9m para pessoas que est\u00e3o mais familiarizadas com a constru\u00e7\u00e3o de sites e o trabalho com o c\u00f3digo.<\/p>\n<p>Neste artigo, apresentamos maneiras de criar um formul\u00e1rio no WordPress sem um plugin para o seu site WordPress.<\/p>\n<p>Criar formul\u00e1rios \u00e9 essencial ao projetar um WordPress ou qualquer site. Pode precisar de um pouco mais de conhecimento sobre o c\u00f3digo. Mas sempre h\u00e1 plugins para facilitar o trabalho enquanto voc\u00ea ainda est\u00e1 aprendendo a trabalhar com o c\u00f3digo. Seja paciente, aprenda e voc\u00ea criar\u00e1 incr\u00edveis sites WordPress ou blog.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como criar um formul\u00e1rio no WordPress sem plugin, confira este sobre <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-ocultar-o-autor-no-wordpress-em-poucos-passos\/\" title=\"como ocultar o autor no WordPress\" >como ocultar o autor no WordPress<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-incorporar-um-formulario-do-google-no-wordpress\/\" title=\"como incorporar um formul\u00e1rio do Google no WordPress\" >como incorporar um formul\u00e1rio do Google no WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-fazer-upload-de-um-arquivo-html-para-o-wordpress-facilmente\/\" title=\"como fazer upload de um arquivo HTML no WordPress\" >como fazer upload de um arquivo HTML no WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/onde-as-paginas-do-wordpress-sao-armazenadas-respondidas\/\" title=\"onde s\u00e3o armazenadas as p\u00e1ginas do WordPress\" >onde s\u00e3o armazenadas as p\u00e1ginas do WordPress<\/a> e <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-excluir-temas-do-wordpress-e-quando-faze-lo\/\" title=\"como excluir temas do WordPress\" >como excluir temas do WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo, voc\u00ea descobrir\u00e1 algumas informa\u00e7\u00f5es cruciais sobre como criar um formul\u00e1rio no WordPress sem plugin.<\/p>\n","protected":false},"author":1,"featured_media":188796,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[920,846,867],"tags":[1170],"class_list":["post-227348","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-outro","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=227348"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227348\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/188796"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=227348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=227348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=227348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}