{"id":40203,"date":"2020-10-15T01:41:48","date_gmt":"2020-10-15T08:41:48","guid":{"rendered":"https:\/\/kinsta.com\/?p=81316"},"modified":"2025-02-14T09:28:42","modified_gmt":"2025-02-14T12:28:42","slug":"contact-form-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/","title":{"rendered":"Como Configurar o Contact Form 7 para Seu Site WordPress"},"content":{"rendered":"<p>Em 2026, permanecer em contato com seu p\u00fablico \u00e9 muito importante. Estabelecer uma lista de e-mails com um servi\u00e7o como <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-usar-mailchimp\/\">MailChimp<\/a> o ajuda a entregar o conte\u00fado diretamente a seus assinantes.<\/p>\n<p>As listas de e-mail s\u00e3o \u00f3timas, mas e se um leitor ou cliente em potencial quiser entrar em contato diretamente com voc\u00ea? \u00c9 a\u00ed que entram os formul\u00e1rios de contato! Neste artigo, vamos abordar como configurar o popular plugin Contact Form 7 para seu site WordPress.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Como instalar o Contact Form 7<\/h2>\n<p>O Contact Form 7 existe desde 2009 e recebeu mais de 5 milh\u00f5es de downloads na \u00faltima d\u00e9cada. O Contact Form 7 pode ser instalado diretamente do reposit\u00f3rio de plugins do WordPress. Se voc\u00ea procurar pelo &#8220;contact form 7&#8221;, voc\u00ea poder\u00e1 encontrar o plugin juntamente com uma variedade de add-ons.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/install-contact-form-7-plugin.jpg\" alt=\"Instale o plugin Contact Form 7 do reposit\u00f3rio de plugins do WordPress.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Instale o plugin Contact Form 7 do reposit\u00f3rio de plugins do WordPress.<\/figcaption><\/figure>\n<p>Ap\u00f3s a instala\u00e7\u00e3o do plugin, voc\u00ea ver\u00e1 um item de menu rotulado &#8220;Contact&#8221; na barra lateral de seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/painel-administrativo-wordpress\/\">painel de controle do WordPress<\/a>. Aqui \u00e9 onde todas as configura\u00e7\u00f5es do Contact Form 7 podem ser configuradas.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-contact-form-7-plugin.jpg\" alt=\"Personalize as configura\u00e7\u00f5es do Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Personalize as configura\u00e7\u00f5es do Contact Form 7.<\/figcaption><\/figure>\n<h2>Os pr\u00f3s e contras de ter um formul\u00e1rio de contato<\/h2>\n<p>Antes de mergulharmos em como configurar o Contact Form 7 para seu site WordPress, passemos rapidamente por alguns dos pr\u00f3s e contras de adicionar um contato a partir de seu site.<\/p>\n<h3>Pr\u00f3s de ter um formul\u00e1rio de contato<\/h3>\n<ol>\n<li>Um formul\u00e1rio de contato permite que leitores, clientes e ventiladores entrem em contato diretamente com voc\u00ea. Dependendo da finalidade de seu site WordPress, a capacidade de um visitante de se comunicar com voc\u00ea pode ser muito importante. Por exemplo, n\u00e3o adicionar um formul\u00e1rio de contato a um <a href=\"https:\/\/kinsta.com\/pt\/blog\/hospedagem-ecommerce\/\">site de com\u00e9rcio eletr\u00f4nico<\/a> pode ser financeiramente prejudicial ao seu neg\u00f3cio porque as partes interessadas n\u00e3o poder\u00e3o entrar em contato com voc\u00ea se tiverem d\u00favidas sobre seu produto.<\/li>\n<li>Um formul\u00e1rio de contato acrescenta legitimidade ao seu site ou neg\u00f3cio WordPress. Muitas pessoas v\u00eaem a presen\u00e7a de um formul\u00e1rio de contato como uma esp\u00e9cie de fator de confian\u00e7a. A id\u00e9ia de poder chegar at\u00e9 voc\u00ea, o propriet\u00e1rio do site, torna seu conte\u00fado mais digno de confian\u00e7a.<\/li>\n<\/ol>\n<h3>Contras de ter um formul\u00e1rio de contato<\/h3>\n<ol>\n<li>O spam pode ser um problema para formul\u00e1rios p\u00fablicos como caixas de coment\u00e1rios e formul\u00e1rios de contato. Felizmente, com o Contact Form 7, voc\u00ea pode filtrar o spam com <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-captcha\/\">reCAPTCHA<\/a>. Voc\u00ea pode at\u00e9 mesmo configurar uma regra da p\u00e1gina <a href=\"https:\/\/kinsta.com\/pt\/blog\/instalar-cloudflare\/\">Cloudflare<\/a> para se proteger ainda mais. Mais adiante, no artigo, entraremos no Nitty-gritty como configurar a prote\u00e7\u00e3o contra spam no Contact Form 7.<\/li>\n<li>Ap\u00f3s adicionar um formul\u00e1rio de contato ao seu site, voc\u00ea provavelmente precisar\u00e1 dedicar tempo para responder \u00e0s mensagens. Isto n\u00e3o \u00e9 necessariamente uma coisa ruim, dependendo de como voc\u00ea olha para ela. Algumas pessoas temem o processo de responder a e-mails, enquanto outras realmente gostam dele. De nossa experi\u00eancia, os relacionamentos que se manifestam por ter um formul\u00e1rio de contato em seu site normalmente superam o custo da modera\u00e7\u00e3o, por isso, recomendamos que se fortale\u00e7a atrav\u00e9s dele!<\/li>\n<\/ol>\n<h2>Uma vis\u00e3o geral das configura\u00e7\u00f5es do Contact Form 7<\/h2>\n<p>Criar um formul\u00e1rio de contato com o plug-in Contact Form 7 \u00e9 super f\u00e1cil. Para come\u00e7ar, clique em <strong>Contato &gt; Formul\u00e1rios de Contato <\/strong>em\u00a0sua barra lateral WordPress. Nesta p\u00e1gina, voc\u00ea pode visualizar todos os seus formul\u00e1rios de contato juntamente com os detalhes dos metadados associados.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-form-list.jpg\" alt=\"Formul\u00e1rio de contato no Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Formul\u00e1rio de contato no Contact Form 7.<\/figcaption><\/figure>\n<p>Quando o Contact Form 7 \u00e9 instalado pela primeira vez, ele tamb\u00e9m cria um formul\u00e1rio de exemplo. Antes de come\u00e7armos a criar um formul\u00e1rio de contato personalizado, vamos primeiro dar uma olhada no formul\u00e1rio de exemplo para ter uma id\u00e9ia melhor de como funciona o Contact Form 7. Clique no <strong>Contact Form 1 <\/strong>para ver as configura\u00e7\u00f5es do formul\u00e1rio.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-settings.jpg\" alt=\"Configure seu formul\u00e1rio de contato WordPress.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Configure seu formul\u00e1rio de contato WordPress.<\/figcaption><\/figure>\n<p>A p\u00e1gina &#8220;Edit Contact Form&#8221; est\u00e1 dividida em quatro se\u00e7\u00f5es.<\/p>\n<ol>\n<li><strong>Formul\u00e1rio &#8211;<\/strong> Personalize seu modelo de formul\u00e1rio de contato HTML com uma variedade de op\u00e7\u00f5es de campo como &#8220;texto&#8221;, &#8220;e-mail&#8221;, &#8220;caixas de sele\u00e7\u00e3o&#8221;, etc. Voc\u00ea tamb\u00e9m pode escrever <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-vs-html-estatico\/\">HTML personalizado<\/a> na caixa de personaliza\u00e7\u00e3o do formul\u00e1rio.<\/li>\n<li><strong>Mail &#8211;<\/strong> Personalize o modelo de e-mail e as configura\u00e7\u00f5es utilizadas para e-mails de notifica\u00e7\u00e3o.<\/li>\n<li><strong>Mensagens &#8211;<\/strong> Personalize as mensagens que s\u00e3o exibidas ap\u00f3s a\u00e7\u00f5es espec\u00edficas. Por exemplo, voc\u00ea pode definir uma mensagem \u00fanica a ser exibida depois que algu\u00e9m enviar um formul\u00e1rio de contato.<\/li>\n<li><strong>Configura\u00e7\u00f5es adicionais &#8211; <\/strong>Especifique trechos para habilitar <a href=\"https:\/\/contactform7.com\/additional-settings\/\">recursos adicionais<\/a> como o modo somente para assinantes, modo de demonstra\u00e7\u00e3o e pulo de email.<\/li>\n<\/ol>\n<p>Agora vamos dar uma olhada mais de perto em cada se\u00e7\u00e3o e criar um formul\u00e1rio de contato personalizado!<\/p>\n\n<h2>Como criar um formul\u00e1rio de contato WordPress<\/h2>\n<p>Para criar um novo formul\u00e1rio de contato, clique em <strong>Adicionar novo<\/strong>\u00a0ao lado de &#8220;Contact Forms&#8221;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-create-contact-form.jpg\" alt=\"Criar um novo formul\u00e1rio de contato no Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Criar um novo formul\u00e1rio de contato no Contact Form 7.<\/figcaption><\/figure>\n<p>D\u00ea um nome ao novo formul\u00e1rio de contato, e clique em &#8220;Salvar&#8221;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/save-new-contact-form.jpg\" alt=\"Salve seu novo formul\u00e1rio de contato WordPress.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Salve seu novo formul\u00e1rio de contato WordPress.<\/figcaption><\/figure>\n<p>Na se\u00e7\u00e3o &#8220;Formul\u00e1rio&#8221;, adicione o HTML necess\u00e1rio para seu formul\u00e1rio de contato. Voc\u00ea pode usar os v\u00e1rios bot\u00f5es predefinidos para gerar atalhos para as tags de formul\u00e1rios populares. Para facilitar, confira as descri\u00e7\u00f5es abaixo para as tags de formul\u00e1rio pr\u00e9-definidas que v\u00eam com o Contact Form 7.<\/p>\n<ul>\n<li><strong>Texto &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para uma \u00fanica linha de texto. Os campos de texto s\u00e3o \u00fateis para nomes, sobrenomes e outros trechos baseados em texto que n\u00e3o requerem m\u00faltiplas linhas.<\/li>\n<li><strong>E-mail &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para um endere\u00e7o de e-mail.<\/li>\n<li><strong>URL &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-uma-url\/\">URL<\/a>.<\/li>\n<li><strong>Tel &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para um n\u00famero de telefone.<\/li>\n<li><strong>N\u00famero &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para um n\u00famero. Ao contr\u00e1rio dos campos de entrada &#8220;texto&#8221; ou &#8220;\u00e1rea de texto&#8221;, os campos &#8220;n\u00famero&#8221; permitem apenas d\u00edgitos num\u00e9ricos.<\/li>\n<li><strong>Data &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para uma data.<\/li>\n<li><strong>\u00c1rea de texto &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para uma \u00e1rea de texto. Ao contr\u00e1rio do campo de entrada &#8220;texto&#8221; normal, um campo &#8220;\u00e1rea de texto&#8221; permite m\u00faltiplas linhas de texto. Eles s\u00e3o ideais para a inser\u00e7\u00e3o do corpo da mensagem.<\/li>\n<li><strong>Menu suspenso &#8211;<\/strong> Crie uma etiqueta de formul\u00e1rio para um menu suspenso.<\/li>\n<li><strong>Checkboxes &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para checkboxes.<\/li>\n<li><strong>Bot\u00f5es de r\u00e1dio &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para bot\u00f5es de r\u00e1dio.<\/li>\n<li><strong>Aceita\u00e7\u00e3o &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para uma caixa de sele\u00e7\u00e3o de aceita\u00e7\u00e3o.<\/li>\n<li><strong>Quiz &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para um par de perguntas e respostas.<\/li>\n<li><strong>Arquivo &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para um campo de upload de arquivo<\/li>\n<li><strong>Submeter &#8211;<\/strong> Criar uma etiqueta de formul\u00e1rio para um bot\u00e3o de submiss\u00e3o.<\/li>\n<\/ul>\n<p>Agora vamos em frente e personalizar um formul\u00e1rio de contato. Para que seja completo, vamos criar um formul\u00e1rio de contato que utilize todas as etiquetas de formul\u00e1rio predefinidas no Contact Form 7.<\/p>\n<h3>A etiqueta do formul\u00e1rio &#8220;Texto&#8221;<\/h3>\n<p>Quando voc\u00ea clicar em uma etiqueta predefinida no Contact Form 7, voc\u00ea ver\u00e1 um menu popup como o abaixo. Neste menu, voc\u00ea pode configurar as configura\u00e7\u00f5es da etiqueta do formul\u00e1rio. Na parte inferior, voc\u00ea ver\u00e1 um atalho que pode ser embutido em seu modelo de formul\u00e1rio de contato.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-text-form-tag.jpg\" alt=\"Uma etiqueta de \"texto\" no Contact Form 7.\" width=\"1500\" height=\"870\"><figcaption class=\"wp-caption-text\">Uma etiqueta de &#8220;texto&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;texto&#8221;, estamos usando as configura\u00e7\u00f5es abaixo para criar um campo de entrada para um nome.<\/p>\n<ul>\n<li><strong>Tipo de campo &#8211;<\/strong> Campo Requerido<\/li>\n<li><strong>Nome &#8211;<\/strong> texto-711 (auto-gerado)<\/li>\n<li><strong>Valor padr\u00e3o<\/strong> <strong>&#8211;<\/strong> Seu nome (usado como texto padr\u00e3o de espa\u00e7o reservado)<\/li>\n<li><strong>Akismet &#8211;<\/strong> Sem controle<\/li>\n<li><strong>Atributo de ID (CSS) &#8211;<\/strong> cf7-your nome<\/li>\n<li><strong>Atributo de Classe (CSS) &#8211;<\/strong> cf7-your nome<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]<\/code><\/pre>\n<p>Por enquanto, basta clicar no bot\u00e3o<strong> Inserir Tag <\/strong>para adicionar a tag do formul\u00e1rio ao modelo do formul\u00e1rio de contato. Mais tarde, adicionaremos mais tags HTML para estruturar o formul\u00e1rio.<\/p>\n<h3>A etiqueta do formul\u00e1rio &#8220;E-mail&#8221;<\/h3>\n<p>A seguir, criaremos uma etiqueta de formul\u00e1rio de e-mail que permitir\u00e1 que nosso formul\u00e1rio de contato colete endere\u00e7os de e-mail.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-email-tag.jpg\" alt=\"Uma etiqueta \"e-mail\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta &#8220;e-mail&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;e-mail&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Tipo de campo &#8211;<\/strong> Campo Requerido<\/li>\n<li><strong>Nome &#8211;<\/strong> email-632 (auto-gerado)<\/li>\n<li><strong>Valor padr\u00e3o <\/strong> <strong>&#8211;<\/strong> Seu e-mail<\/li>\n<li><strong>Akismet &#8211;<\/strong> Sem controle.<\/li>\n<li><strong>Atributo de ID (CSS) &#8211;<\/strong> seu correio eletr\u00f4nico<\/li>\n<li><strong>Atributo de Classe (CSS) &#8211;<\/strong> seu correio eletr\u00f4nico<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[email* email-632 id:email class:email placeholder \"Your Email\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;URL&#8221;<\/h3>\n<p>Em alguns casos, voc\u00ea pode querer ter um campo de entrada em seu formul\u00e1rio de contato para coletar o website de algu\u00e9m. Embora voc\u00ea possa tecnicamente usar uma tag de formul\u00e1rio &#8220;texto&#8221; normal para isso no Contact Form 7, recomendamos usar a tag de formul\u00e1rio &#8220;URL&#8221; em seu lugar. A tag do formul\u00e1rio &#8220;URL&#8221; ir\u00e1 gerar um campo de entrada que valida as URLs para garantir que elas sejam formatadas corretamente.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-url-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"URL\" no Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;URL&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;url&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> url-601 (auto-gerada)<\/li>\n<li><strong>Valor padr\u00e3o <\/strong> <strong>&#8211;<\/strong> Seu site<\/li>\n<li><strong>Akismet &#8211;<\/strong> Sem controle.<\/li>\n<li><strong>Atributo de ID (CSS) &#8211;<\/strong> cf7-your-website<\/li>\n<li><strong>Atributo de Classe (CSS) &#8211;<\/strong> cf7-your-website<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[url url-601 id:cf7-your-website class:cf7-your-website \"Your Website\"]<\/code><\/pre>\n<h3>O formul\u00e1rio &#8220;Tel&#8221; Tag<\/h3>\n<p>Similar \u00e0s URLs, voc\u00ea tamb\u00e9m pode usar uma etiqueta padr\u00e3o de formul\u00e1rio de &#8220;texto&#8221; para coletar n\u00fameros de telefone. Entretanto, \u00e9 melhor usar a tag do formul\u00e1rio &#8220;tel&#8221; para garantir que o n\u00famero de telefone seja v\u00e1lido.<\/p>\n<figure style=\"width: 2559px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-tel-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"tel\" no Contact Form 7.\" width=\"2559\" height=\"1359\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;tel&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;tel&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> tel-842 (auto-gerado)<\/li>\n<li><strong>Valor padr\u00e3o <\/strong> <strong>&#8211;<\/strong> Seu n\u00famero de telefone<\/li>\n<li><strong>Atributo de ID (CSS) &#8211;<\/strong> cf7-your-phone-number<\/li>\n<li><strong>Atributo de Classe (CSS) &#8211;<\/strong> cf7-your-phone-number<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[url url-601 id:cf7-your-website class:cf7-your-website \"Your Website\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;Date\u201d<\/h3>\n<p>A etiqueta do formul\u00e1rio &#8220;date&#8221; do Formul\u00e1rio 7 de contato permite gerar um seletor de datas no estilo de um calend\u00e1rio. Este campo de entrada de &#8220;data&#8221; \u00e9 \u00fatil para especificar datas de compromissos em um formul\u00e1rio de contato.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-date-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"data\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;data&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;data&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> data-389 (auto-gerada)<\/li>\n<li><strong>Valor Padr\u00e3o &#8211;<\/strong> Sua Data de Nomea\u00e7\u00e3o<\/li>\n<li><strong>Gama &#8211;<\/strong> Nossa gama de datas personalizadas.<\/li>\n<li><strong>Atributo de ID (CSS) &#8211;<\/strong> cf7-appointment-date<\/li>\n<li><strong>Atributo de Classe (CSS) &#8211;<\/strong> cf7-appointment-date<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[date* date-389 min:2020-09-15 max:2020-10-24 id:cf7-appointment-date class:cf7-appointment-date placeholder \"Your Appointment Date\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;<strong>\u00c1rea de texto<\/strong>\u201d<\/h3>\n<p>A etiqueta do formul\u00e1rio &#8220;\u00e1rea de texto&#8221; permite criar uma caixa de texto com v\u00e1rias linhas que permite aos visitantes enviar mensagens mais longas. As \u00e1reas de texto s\u00e3o mais \u00fateis para a captura do corpo de uma mensagem.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-textarea-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"\u00e1rea de texto\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;\u00e1rea de texto&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;\u00e1rea de texto&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> textarea-795 (auto-gerada)<\/li>\n<li><strong>Valor padr\u00e3o<\/strong> <strong>&#8211;<\/strong> Sua mensagem<\/li>\n<li><strong>Atributo de ID (CSS) &#8211;<\/strong> cf7-your-message<\/li>\n<li><strong>Atributo de Classe (CSS) &#8211;<\/strong> cf7-your-message<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[textarea* textarea-795 id:cf7-your-message class:cf7-your-message placeholder \"Your Message\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;Menu Suspenso&#8221;<\/h3>\n<p>A etiqueta do formul\u00e1rio &#8220;menu suspenso&#8221; do Formul\u00e1rio 7 permite que voc\u00ea crie um menu suspenso com m\u00faltiplas op\u00e7\u00f5es. Os menus suspensos s\u00e3o \u00fateis para situa\u00e7\u00f5es em que voc\u00ea deseja que um visitante selecione uma op\u00e7\u00e3o espec\u00edfica para enviar com o formul\u00e1rio. Por exemplo, se voc\u00ea administra uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/agencia-wordpress\/\">empresa de manuten\u00e7\u00e3o WordPress<\/a>, voc\u00ea pode configurar um menu suspenso que permite que um visitante escolha entre os servi\u00e7os que voc\u00ea oferece.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-drop-down-menu-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"menu suspenso\" no Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;menu suspenso&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;menu suspenso&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome-<\/strong> menu-24 (auto-gerado)<\/li>\n<li><strong>Op\u00e7\u00f5es &#8211; <\/strong>Op\u00e7\u00e3o 1, Op\u00e7\u00e3o 2, Op\u00e7\u00e3o 3, Op\u00e7\u00e3o 4<\/li>\n<li><strong>Allow Multiple Selections &#8211;<\/strong> Verificado<\/li>\n<li><strong>Inserir um Item em Branco como Primeira Op\u00e7\u00e3o &#8211; <\/strong>Verificado<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-drop-down-menu<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-drop-down-menu<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;Caixa de Sele\u00e7\u00e3o\u201d<\/h3>\n<p>A etiqueta de formul\u00e1rio de caixa de sele\u00e7\u00e3o permite a cria\u00e7\u00e3o de caixas de sele\u00e7\u00e3o HTML. Similar aos menu suspenso, as caixas de sele\u00e7\u00e3o tamb\u00e9m podem ser usadas para selecionar op\u00e7\u00f5es pr\u00e9-definidas. Dependendo da natureza de seu formul\u00e1rio de contato, as caixas de sele\u00e7\u00e3o podem funcionar melhor do que os menus suspensos. Por exemplo, se voc\u00ea tiver um pequeno n\u00famero de op\u00e7\u00f5es para escolher, uma caixa de sele\u00e7\u00e3o reduz o n\u00famero de cliques necess\u00e1rios para fazer uma sele\u00e7\u00e3o. Por outro lado, se seu formul\u00e1rio de contato tiver muitas op\u00e7\u00f5es, um menu suspenso pode funcionar melhor porque ocupa menos espa\u00e7o vertical.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-checkbox-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"caixa de sele\u00e7\u00e3o\" no Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;caixa de sele\u00e7\u00e3o&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;caixa de sele\u00e7\u00e3o&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> checkbox-948 (auto-gerada)<\/li>\n<li><strong>Op\u00e7\u00f5es &#8211; <\/strong>Op\u00e7\u00e3o 1, Op\u00e7\u00e3o 2, Op\u00e7\u00e3o 3<\/li>\n<li><strong>Embrulhe cada item com Elemento de R\u00f3tulo &#8211;<\/strong> Verificado<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-checkbox<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-checkbox<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Os &#8220;<strong>Bot\u00f5es de R\u00e1dio<\/strong>&#8221; Form Tag<\/h3>\n<p>A etiqueta do formul\u00e1rio &#8220;bot\u00f5es de r\u00e1dio&#8221; permite criar bot\u00f5es de r\u00e1dio com m\u00faltiplas op\u00e7\u00f5es. Ao contr\u00e1rio das caixas de sele\u00e7\u00e3o e menus suspensos, os bot\u00f5es de r\u00e1dio s\u00f3 permitem que voc\u00ea selecione uma \u00fanica op\u00e7\u00e3o.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-radio-buttons-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"bot\u00f5es de r\u00e1dio\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;bot\u00f5es de r\u00e1dio&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;bot\u00f5es de r\u00e1dio&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> radio-708 (auto-gerado)<\/li>\n<li><strong>Op\u00e7\u00f5es &#8211; <\/strong>Op\u00e7\u00e3o 1, Op\u00e7\u00e3o 2, Op\u00e7\u00e3o 3<\/li>\n<li><strong>Embrulhe cada item com Elemento de R\u00f3tulo &#8211;<\/strong> Verificado<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-radio<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-radio<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[radio radio-708 id:cf7-radio class:cf7-radio use_label_element default:1 \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;<strong>Aceita\u00e7\u00e3o<\/strong>&#8220;<\/h3>\n<p>A etiqueta do formul\u00e1rio de &#8220;aceita\u00e7\u00e3o&#8221; do Formul\u00e1rio 7 pode ser usada para gerar uma \u00fanica caixa de sele\u00e7\u00e3o com a finalidade de aceitar termos e condi\u00e7\u00f5es. Com as configura\u00e7\u00f5es da etiqueta do formul\u00e1rio de aceita\u00e7\u00e3o, voc\u00ea pode especificar uma mensagem a ser exibida.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-acceptance-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio de \"aceita\u00e7\u00e3o\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio de &#8220;aceita\u00e7\u00e3o&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio de &#8220;aceita\u00e7\u00e3o&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> acceptance-545 (auto-generado)<\/li>\n<li><strong>Condi\u00e7\u00e3o &#8211;<\/strong> Marque esta caixa para aceitar os termos.<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-acceptance<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-acceptance<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[acceptance acceptance-545 id:cf7-acceptance class:cf7-acceptance] Check this box to accept the terms. [\/acceptance]<\/code><\/pre>\n<h3>O formul\u00e1rio &#8220;Quiz&#8221; Tag<\/h3>\n<p>A etiqueta do formul\u00e1rio &#8220;quiz&#8221; pode ser usada para criar perguntas b\u00e1sicas e responder a question\u00e1rios em seu formul\u00e1rio de contato. Para criar uma pergunta, use o seguinte formato para separar a pergunta e a resposta &#8211; Pergunta\/Resposta. Na captura de tela abaixo, nossa pergunta \u00e9 &#8220;<a href=\"https:\/\/www.wpbeginner.com\/news\/the-history-of-wordpress\/\">Em que ano foi lan\u00e7ado o WordPress?<\/a>&#8220;, e a resposta (separada por um caractere &#8220;|&#8221;) \u00e9 2003.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-quiz-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"quiz\" no Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;quiz&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;quiz&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> quiz-461 (auto-gerado)<\/li>\n<li><strong>Condi\u00e7\u00e3o &#8211;<\/strong> Marque esta caixa para aceitar os termos.<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-quiz<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-quiz<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[quiz quiz-461 id:cf7-quiz class:cf7-quiz \"What year was WordPress released?|2003\"]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;<strong>Arquivo<\/strong>\u201d<\/h3>\n<p>A tag &#8220;arquivo&#8221; do Contact Form 7 permite adicionar a funcionalidade de upload de arquivo a um formul\u00e1rio de contato. Isto \u00e9 \u00fatil para situa\u00e7\u00f5es em que voc\u00ea deseja que um visitante possa carregar uma imagem ou um arquivo PDF para enviar com o formul\u00e1rio. Por exemplo, se voc\u00ea tiver um <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-galeria-fotos-wordpress\/\">blog de fotografia<\/a> com <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-galeria-fotos-wordpress\/\">galerias de fotos<\/a> que publica envios de visitantes, voc\u00ea pode adicionar a funcionalidade de upload de arquivo para que as pessoas possam fazer upload de imagens.<\/p>\n<p>Nas configura\u00e7\u00f5es da etiqueta do formul\u00e1rio, voc\u00ea pode especificar uma variedade de configura\u00e7\u00f5es para proteger seu formul\u00e1rio. Recomendamos sempre definir um limite de tamanho de arquivo para evitar que usu\u00e1rios maliciosos fa\u00e7am upload de arquivos enormes. Da mesma forma, especificar &#8220;tipos de arquivo aceit\u00e1veis&#8221; ajuda a bloquear seu formul\u00e1rio para os formatos de arquivo que voc\u00ea deseja e espera. Com o exemplo do blog de fotografia em mente, voc\u00ea pode querer limitar o tamanho do arquivo a 1 MB (1024 KB) e tipos de arquivo aceit\u00e1veis a formatos de imagem conhecidos como <a href=\"https:\/\/kinsta.com\/pt\/blog\/jpg-vs-jpeg\/\">JPG<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/#choose-the-right-file-format\">PNG<\/a> apenas.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-file-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"arquivo\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;arquivo&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;arquivo&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Nome &#8211;<\/strong> file-658 (auto-gerado)<\/li>\n<li><strong>Limite do tamanho do arquivo &#8211;<\/strong> 1024kb<\/li>\n<li><strong>Tipos de arquivo aceit\u00e1veis &#8211;<\/strong> jpg|png|gif<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-file<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-file<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[file file-658 limit:1024kb filetypes:jpg|png|gif id:cf7-file class:cf7-file]<\/code><\/pre>\n<h3>A etiqueta do formul\u00e1rio &#8220;Submit&#8221; (Enviar)<\/h3>\n<p>Por \u00faltimo, mas n\u00e3o menos importante, a etiqueta do Contact Form 7 do formul\u00e1rio &#8220;enviar&#8221;. Como voc\u00ea deve ter adivinhado, esta etiqueta do formul\u00e1rio permite gerar um bot\u00e3o de envio para um formul\u00e1rio de contato.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-submit-form-tag.jpg\" alt=\"Uma etiqueta do formul\u00e1rio \"enviar\" no Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Uma etiqueta do formul\u00e1rio &#8220;enviar&#8221; no Contact Form 7.<\/figcaption><\/figure>\n<p>Para a etiqueta do formul\u00e1rio &#8220;enviar&#8221;, configuramos as configura\u00e7\u00f5es abaixo.<\/p>\n<ul>\n<li><strong>Etiqueta<\/strong> &#8211; Submeter<\/li>\n<li><strong>Atributo de ID &#8211;<\/strong> cf7-submit<\/li>\n<li><strong>Atributo de Classe &#8211;<\/strong> cf7-submit<\/li>\n<\/ul>\n<p>Estas configura\u00e7\u00f5es geram o c\u00f3digo de atalho abaixo.<\/p>\n<pre><code>[submit id:cf7-submit class:cf7-submit \"Submit\"]<\/code><\/pre>\n<h2>Como estruturar um formul\u00e1rio de contato com etiquetas de formul\u00e1rio<\/h2>\n<p>Agora que temos todas as nossas etiquetas de formul\u00e1rio configuradas, \u00e9 hora de criar o formul\u00e1rio de contato. Neste ponto, a configura\u00e7\u00e3o de seu formul\u00e1rio de contato deve se parecer com a captura de tela abaixo. Tome nota de todas as etiquetas de formul\u00e1rio que criamos acima. Com as tags do formul\u00e1rio instaladas, voc\u00ea pode usar o <a href=\"https:\/\/kinsta.com\/pt\/blog\/codigo-curto-wordpress\/\">atalho<\/a>\u00a0<code>[contact-form-7]<\/code> para incorporar o formul\u00e1rio em um post ou p\u00e1gina do WordPress.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-editor-contact-form-7-shortcode.jpg\" alt=\"Embutir um formul\u00e1rio de contato com o atalho Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Embutir um formul\u00e1rio de contato com o atalho Contact Form 7.<\/figcaption><\/figure>\n<p>No editor WordPress, cole o c\u00f3digo de atalho em um bloco vazio.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-shortcode.jpg\" alt=\"Adicione o Contact Form 7 de atalho a um post ou p\u00e1gina.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Adicione o Contact Form 7 de atalho a um post ou p\u00e1gina.<\/figcaption><\/figure>\n<p>Se voc\u00ea estiver usando o <a href=\"https:\/\/kinsta.com\/pt\/blog\/desabilitar-o-editor-wordpress-gutenberg\/#install-classic-editor-plugin\">Editor WordPress Classic<\/a>, voc\u00ea pode colar o c\u00f3digo de atalho em qualquer lugar do editor de conte\u00fado.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-classic-editor-shortcode.jpg\" alt=\"Use o Contact Form 7 com o Editor WordPress Classic.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Use o Contact Form 7 com o Editor WordPress Classic.<\/figcaption><\/figure>\n<p>Agora voc\u00ea deve poder ver o formul\u00e1rio de contato na p\u00e1gina onde voc\u00ea adicionou o atalho do Contact Form 7. Veja aqui como \u00e9 nosso formul\u00e1rio de contato com as configura\u00e7\u00f5es mencionadas acima. Como voc\u00ea pode ver, o Contact Form 7 converte automaticamente as tags do formul\u00e1rio em HTML v\u00e1lido que renderiza com os <a href=\"https:\/\/kinsta.com\/pt\/blog\/css-wordpress\/\">estilos CSS<\/a>\u00a0padr\u00e3o inclu\u00eddos com seu tema WordPress.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-contact-form.jpg\" alt=\"Um formul\u00e1rio de contato criado com o Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Um formul\u00e1rio de contato criado com o Contact Form 7.<\/figcaption><\/figure>\n<p>Nosso formul\u00e1rio de contato em seu estado atual \u00e9 um bom ponto de partida, mas falta-lhe uma caracter\u00edstica chave. As tags do formul\u00e1rio como &#8220;texto&#8221;, &#8220;e-mail&#8221;, e &#8220;URL&#8221; suportam os marcadores de lugar, mas outros elementos como &#8220;caixas de sele\u00e7\u00e3o&#8221; e &#8220;bot\u00f5es de r\u00e1dio&#8221; n\u00e3o o fazem. Sem etiquetas apropriadas, a checkbox e os radio buttons n\u00e3o ser\u00e3o muito \u00fateis para os visitantes porque eles n\u00e3o t\u00eam nenhum contexto. Felizmente, adicionar r\u00f3tulos no Contact Form 7 \u00e9 muito f\u00e1cil!<\/p>\n<h3>Como Adicionar Etiquetas no Contact Form 7<\/h3>\n<p>H\u00e1 duas maneiras de adicionar etiquetas ao Contact Form 7. Para as etiquetas do formul\u00e1rio abaixo, voc\u00ea pode simplesmente embrulhar a etiqueta do formul\u00e1rio com uma <code><label><\/label><\/code> etiqueta.<\/p>\n<ul>\n<li>Texto<\/li>\n<li>Email<\/li>\n<li>URL<\/li>\n<li>Tel<\/li>\n<li>N\u00famero<\/li>\n<li>Data<\/li>\n<li>\u00c1rea de texto<\/li>\n<li>Aceita\u00e7\u00e3o<\/li>\n<li>Quiz<\/li>\n<li>Arquivo<\/li>\n<\/ul>\n<p>D\u00ea uma olhada no exemplo da etiqueta do formul\u00e1rio &#8220;texto&#8221; abaixo.<\/p>\n<pre><code>[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]<\/code><\/pre>\n<p>Para adicionar uma etiqueta a esta etiqueta do formul\u00e1rio, podemos substituir a etiqueta do formul\u00e1rio com o snippet abaixo. Observe a inst\u00e2ncia adicional de &#8220;Your Name&#8221; logo ap\u00f3s a <code>&lt;label&gt;<\/code>\u00a0tag.<\/p>\n<pre><code>&lt;label&gt; Your Name\n[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]\n&lt;\/label&gt;<\/code><\/pre>\n<p>Veja como \u00e9 esta mudan\u00e7a em nosso formul\u00e1rio de contato. Neste caso, a etiqueta rec\u00e9m-criada serve ao mesmo prop\u00f3sito que o local de instala\u00e7\u00e3o. Entretanto, se n\u00e3o quis\u00e9ssemos especificar um espa\u00e7o reservado dentro da etiqueta do formul\u00e1rio, ent\u00e3o a etiqueta ajudaria a identificar a finalidade de uma caixa de entrada espec\u00edfica.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-form-tag-label.jpg\" alt=\"Adicione uma etiqueta a uma etiqueta do formul\u00e1rio no Contact Form 7.\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Adicione uma etiqueta a uma etiqueta do formul\u00e1rio no Contact Form 7.<\/figcaption><\/figure>\n<p>Para etiquetas de formul\u00e1rio que tornam m\u00faltiplos controles de formul\u00e1rio como<strong> caixas de sele\u00e7\u00e3o, bot\u00f5es de r\u00e1dio e menus suspensos<\/strong>, envolver a <code>&lt;\/label&gt;<\/code> etiqueta de formul\u00e1rio dentro de uma etiqueta resulta em um erro. Isto acontece porque uma <code>&lt;label&gt;<\/code>\u00a0etiqueta s\u00f3 deve ser usada com um \u00fanico controle de formul\u00e1rio. A natureza das checkboxes, radio buttons e dropdown menu options envolvem v\u00e1rios controles de formul\u00e1rio, portanto s\u00e3o incompat\u00edveis com a solu\u00e7\u00e3o padr\u00e3o de etiquetagem.<\/p>\n<p>Para caixas de sele\u00e7\u00e3o, bot\u00f5es de r\u00e1dio e menus suspensos, voc\u00ea tinha que adicionar um par\u00e2metro de <code>use_label_element<\/code> dentro do c\u00f3digo de atalho. D\u00ea uma olhada no exemplo da etiqueta da caixa de sele\u00e7\u00e3o abaixo onde o <code>use_label_element<\/code> est\u00e1 em negrito.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox <strong>use_label_element<\/strong> \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<p>Uma vez adicionado o par\u00e2metro <code>use_label_element<\/code> voc\u00ea pode adicionar uma etiqueta diretamente acima da etiqueta do formul\u00e1rio no editor de formul\u00e1rios de contato.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-use-label-element.jpg\" alt=\"Adicione um r\u00f3tulo \u00e0s caixas de sele\u00e7\u00e3o, bot\u00f5es de r\u00e1dio e menus suspensos in Contact Form 7.\" width=\"1500\" height=\"619\"><figcaption class=\"wp-caption-text\">Adicione um r\u00f3tulo \u00e0s caixas de sele\u00e7\u00e3o, bot\u00f5es de r\u00e1dio e menus suspensos in Contact Form 7.<\/figcaption><\/figure>\n<p>Por uma quest\u00e3o de completude, adicionamos etiquetas a todas as etiquetas do formul\u00e1rio em nosso formul\u00e1rio de contato. Voc\u00ea provavelmente n\u00e3o precisaria fazer isso para um local de produ\u00e7\u00e3o, porque algumas etiquetas de formul\u00e1rio j\u00e1 incluem marcadores de lugar. Independentemente disso, quer\u00edamos demonstrar como as etiquetas funcionam.<\/p>\n<p>Veja aqui como \u00e9 nosso formul\u00e1rio de contato:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-with-labels.jpg\" alt=\"Um formul\u00e1rio de contato com etiquetas.\" width=\"1500\" height=\"1124\"><figcaption class=\"wp-caption-text\">Um formul\u00e1rio de contato com etiquetas.<\/figcaption><\/figure>\n<h2>Configura\u00e7\u00f5es de email no Contact Form 7<\/h2>\n<p>Agora que configuramos a estrutura de nosso formul\u00e1rio de contato, \u00e9 hora de dar uma olhada nas configura\u00e7\u00f5es de <a href=\"https:\/\/kinsta.com\/pt\/blog\/servidor-smtp-gratuito\/\">entrega de e-mails<\/a> no Contact Form 7. Embora as configura\u00e7\u00f5es padr\u00e3o de entrega de e-mail devam funcionar bem para a maioria dos sites, ainda \u00e9 importante entender as v\u00e1rias configura\u00e7\u00f5es caso seu site ou caso de uso requeira uma configura\u00e7\u00e3o especial.<\/p>\n<p>Para acessar as configura\u00e7\u00f5es de entrega do email, v\u00e1 para o editor de formul\u00e1rios de contato e selecione a guia &#8220;Mail&#8221;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-mail-delivery-settings.jpg\" alt=\"Configura\u00e7\u00f5es de entrega de correio no Contact Form 7.\" width=\"1500\" height=\"798\"><figcaption class=\"wp-caption-text\">Configura\u00e7\u00f5es de entrega do email no Contact Form 7.<\/figcaption><\/figure>\n<p>As configura\u00e7\u00f5es de entrega do email do Formul\u00e1rio 7 permitem personalizar os modelos e par\u00e2metros que s\u00e3o usados para gerar e enviar uma notifica\u00e7\u00e3o para voc\u00ea depois que algu\u00e9m faz um envio de formul\u00e1rio. Se voc\u00ea usar configura\u00e7\u00f5es incorretas, \u00e9 poss\u00edvel que voc\u00ea n\u00e3o seja notificado sobre o envio de formul\u00e1rios. Assim, \u00e9 importante testar a entrega do formul\u00e1rio depois de criar um formul\u00e1rio de contato e alterar as configura\u00e7\u00f5es.<\/p>\n<p>O Contact Form 7 permite que voc\u00ea configure as seguintes configura\u00e7\u00f5es de entrega do email.<\/p>\n<ul>\n<li><strong>Para &#8211;<\/strong> o endere\u00e7o de e-mail para o qual enviar uma notifica\u00e7\u00e3o.<\/li>\n<li><strong>De &#8211; <\/strong>o endere\u00e7o de e-mail de onde enviar uma notifica\u00e7\u00e3o.<\/li>\n<li><strong>Assunto &#8211;<\/strong> o assunto do e-mail de notifica\u00e7\u00e3o.<\/li>\n<li><strong>Cabe\u00e7alhos adicionais &#8211;<\/strong> especifique cabe\u00e7alhos adicionais de e-mail como &#8220;reply-to&#8221;.<\/li>\n<li><strong>Corpo da mensagem &#8211;<\/strong> o corpo do e-mail de notifica\u00e7\u00e3o.<\/li>\n<li><strong>Anexos de arquivos &#8211;<\/strong> especifique quaisquer anexos a serem inclu\u00eddos com o e-mail de notifica\u00e7\u00e3o.<\/li>\n<\/ul>\n<p>Agora, vamos analisar cada cen\u00e1rio para entender melhor como eles podem afetar a entrega de correspond\u00eancia no Contact Form 7.<\/p>\n<h3>O campo &#8220;<strong>Para<\/strong>&#8220;<\/h3>\n<p>Certifique-se de especificar um endere\u00e7o de e-mail real para a configura\u00e7\u00e3o &#8220;Para&#8221;. Por padr\u00e3o, o Contact Form 7 atribuir\u00e1 o endere\u00e7o de e-mail associado \u00e0 sua conta de usu\u00e1rio WordPress \u00e0 configura\u00e7\u00e3o &#8220;Para&#8221;. Se seu endere\u00e7o de e-mail WordPress n\u00e3o for v\u00e1lido, certifique-se de atualiz\u00e1-lo em suas configura\u00e7\u00f5es de perfil e altere o endere\u00e7o de e-mail no Contact Form 7 tamb\u00e9m.<\/p>\n<h3>O campo &#8220;<strong>De<\/strong>&#8220;<\/h3>\n<p>A configura\u00e7\u00e3o &#8220;De&#8221; deve usar o seguinte formato \u2013 <code>Your Name<\/code>. Para nossas configura\u00e7\u00f5es do email do formul\u00e1rio de contato, estamos usando <code>kinstalife &lt;<a href=\"mailto:wordpress@kinstalife.com\">wordpress@kinstalife.com<\/a>&gt;<\/code>.<\/p>\n<p>Por padr\u00e3o, o Contato 7 ir\u00e1 preencher este campo com <code><a href=\"mailto:wordpress@your-domain.com\">wordpress@your-domain.com<\/a><\/code>. Voc\u00ea vai querer <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-nao-enviando-e-mails\/#fix-contact-form-7-not-sending-emails\">ter certeza de que este endere\u00e7o de e-mail \u00e9 v\u00e1lido<\/a> porque alguns hosts WordPress bloqueiam a sa\u00edda de e-mails para endere\u00e7os inv\u00e1lidos. H\u00e1 v\u00e1rias maneiras de tornar este endere\u00e7o de e-mail v\u00e1lido. Voc\u00ea pode configurar uma conta de e-mail dedicada para <a href=\"mailto:wordpress@your-domain.com\">wordpress@your-domain.com<\/a> ou pode ativar a funcionalidade &#8220;catch-all&#8221; em seu provedor de servi\u00e7os de e-mail. Se voc\u00ea n\u00e3o conseguir configurar este endere\u00e7o de e-mail, recomendamos mud\u00e1-lo para um endere\u00e7o de e-mail v\u00e1lido para evitar problemas de entregabilidade.<\/p>\n<h3>O campo &#8220;<strong>Assunto<\/strong>&#8220;<\/h3>\n<p>A configura\u00e7\u00e3o &#8220;Assunto&#8221; pode ser usada para especificar uma linha de assunto para os e-mails de notifica\u00e7\u00e3o. Por padr\u00e3o, o Contact Form 7 define o assunto como <code>Site Name \"[your-subject]\"<\/code> \u2013 to nome do assunto no modelo de formul\u00e1rio padr\u00e3o do Contact Form 7.<\/p>\n<p>Se voc\u00ea n\u00e3o tiver uma etiqueta de formul\u00e1rio chamada &#8220;[your-subject]&#8221; em seu formul\u00e1rio, certifique-se de mud\u00e1-la para outra coisa. Por exemplo, se voc\u00ea s\u00f3 tiver uma etiqueta de formul\u00e1rio para capturar o nome de um visitante (por exemplo [your-name]), voc\u00ea poderia mudar a linha de assunto para <code>You've Received a Message from [your-name]<\/code>.<\/p>\n<h3>O campo &#8220;<strong>Cabe\u00e7alhos Adicionais<\/strong>&#8220;<\/h3>\n<p>Em &#8220;Cabe\u00e7alhos adicionais&#8221;, voc\u00ea pode especificar cabe\u00e7alhos de e-mail como reply-to, CC, e BCC. Por padr\u00e3o, o Contact Form 7 adiciona o seguinte cabe\u00e7alho &#8211; <code>Reply-To: [your-email]<\/code>. Este cabe\u00e7alho lhe permite responder ao endere\u00e7o de e-mail especificado em um formul\u00e1rio de contato enviado.<\/p>\n<p>O cabe\u00e7alho padr\u00e3o do Contact Form 7 est\u00e1 bem se voc\u00ea estiver usando a etiqueta padr\u00e3o do formul\u00e1rio de e-mail do Contact Form 7. Se n\u00e3o estiver, certifique-se de alter\u00e1-lo para corresponder ao nome da etiqueta do seu formul\u00e1rio de e-mail. Para nosso formul\u00e1rio de contato, o nome da tag do formul\u00e1rio de e-mail \u00e9 &#8220;email-632&#8221;, portanto, a tag do formul\u00e1rio de reposta a formul\u00e1rio teria que ser mudada para <code>Reply-To: [email-632]<\/code>.<\/p>\n<h3>O &#8220;<strong>Corpo de Mensagens<\/strong>&#8220;<\/h3>\n<p>A seguir est\u00e1 o &#8220;Corpo de Mensagens&#8221;, que determina o conte\u00fado do corpo do e-mail de notifica\u00e7\u00e3o. O modelo padr\u00e3o do Contact Form 7 usa [your-name], [your-email], [your-subject], e [your-message] etiquetas de formul\u00e1rio, e se parece com isto:<\/p>\n<pre><code>From: [your-name] \nSubject: [your-subject]\nMessage Body:\n[your-message]\n--\u00a0\nThis e-mail was sent from a contact form on kinstalife (http:\/\/kinstalife.com)<\/code><\/pre>\n<p>Certifique-se de alterar estas etiquetas do formul\u00e1rio se n\u00e3o estiver usando-as em seu modelo de formul\u00e1rio de contato. Uma vez que o formul\u00e1rio de contato que criamos coleta muitas informa\u00e7\u00f5es, podemos configurar o corpo da mensagem com etiquetas de formul\u00e1rio adicionais como esta:<\/p>\n<pre><code>Hello Brian, you've received a message from [text-711] ([email-632]).\nWebsite: [url-601]\nPhone Number: Tel-842\nAppointment Date: date-389\nMessage: textarea-795<\/code><\/pre>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-mail-message-body.jpg\" alt=\"Personalize o corpo de mensagens para e-mails de notifica\u00e7\u00e3o do Formul\u00e1rio 7 de contato.\" width=\"1500\" height=\"712\"><figcaption class=\"wp-caption-text\">Personalize o corpo de mensagens para e-mails de notifica\u00e7\u00e3o do Formul\u00e1rio 7 de contato.<\/figcaption><\/figure>\n<h3>Contact Form 7 Configura\u00e7\u00f5es do email &#8211; Anexos de arquivo<\/h3>\n<p>Se seu formul\u00e1rio de contato envolver o upload de um arquivo, voc\u00ea pode incluir o arquivo com o e-mail de notifica\u00e7\u00e3o. Em nosso formul\u00e1rio de contato, temos uma etiqueta do formul\u00e1rio de upload de arquivo chamada &#8220;[file-658]&#8221;. Assim, podemos adicionar esta etiqueta do formul\u00e1rio em &#8220;Anexos de Arquivo&#8221; para garantir que o arquivo ser\u00e1 inclu\u00eddo com a notifica\u00e7\u00e3o por e-mail.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-file-attachments.jpg\" alt=\"Incluir anexos de arquivos no Contact Form 7 e-mails de notifica\u00e7\u00e3o.\" width=\"1500\" height=\"186\"><figcaption class=\"wp-caption-text\">Incluir anexos de arquivos no Contact Form 7 e-mails de notifica\u00e7\u00e3o.<\/figcaption><\/figure>\n<h2>Contact Form 7 Problemas de entrega do email<\/h2>\n<p>Se voc\u00ea descobrir que o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-nao-enviando-e-mails\/#fix-contact-form-7-not-sending-emails\">Contact Form 7 n\u00e3o est\u00e1 enviando e-mails<\/a>, h\u00e1 algumas coisas que voc\u00ea pode verificar antes de procurar um desenvolvedor WordPress para obter assist\u00eancia.<\/p>\n<ol>\n<li>Verifique se seu servidor est\u00e1 enviando outros tipos de e-mails. Para testar isso, voc\u00ea pode acionar outra a\u00e7\u00e3o de envio de e-mails fazendo um coment\u00e1rio de teste em um post de blog ou <a href=\"https:\/\/kinsta.com\/pt\/blog\/mudar-senhas-wordpress\/#using-the-lost-password-link-to-reset-your-password\">enviando uma solicita \u00e7\u00e3o de redefini\u00e7\u00e3o desenha<\/a> em sua p\u00e1gina de login do WordPress. Se voc\u00ea receber um e-mail ap\u00f3s realizar uma destas a\u00e7\u00f5es, ent\u00e3o \u00e9 prov\u00e1vel que o problema esteja relacionado \u00e0 configura\u00e7\u00e3o do Contact Form 7. Se voc\u00ea n\u00e3o receber e-mails, contate a equipe de suporte de seu host e informe que voc\u00ea est\u00e1 tendo um problema com a entrega de e-mails.<\/li>\n<li>Certifique-se de que os campos &#8220;Para&#8221; e &#8220;De&#8221; no seu formul\u00e1rio de contato estejam configurados corretamente. Para que o Contact Form 7 funcione corretamente, ambos os campos devem ser preenchidos com endere\u00e7os de e-mail reais.<\/li>\n<\/ol>\n<h2>Contact Form 7 Formul\u00e1rio de envio de mensagens<\/h2>\n<p>O Contact Form 7 permite que voc\u00ea personalize uma variedade de mensagens de envio de formul\u00e1rios. Estas mensagens s\u00e3o exibidas ap\u00f3s uma determinada condi\u00e7\u00e3o ser atendida. Por exemplo, se um visitante esquecer de preencher um campo obrigat\u00f3rio, o Contact Form 7 exibir\u00e1 uma mensagem &#8220;O campo \u00e9 obrigat\u00f3rio&#8221;. Para a maioria dos casos de uso, as mensagens padr\u00e3o devem funcionar muito bem. Entretanto, se voc\u00ea quiser personalizar as mensagens, poder\u00e1 faz\u00ea-lo clicando na guia &#8220;Mensagens&#8221; no editor do formul\u00e1rio de contato.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-messages.jpg\" alt=\"Personalize o Contact Form 7 mensagens situacionais.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Personalize o Contact Form 7 mensagens situacionais.<\/figcaption><\/figure>\n<h2>Como assegurar seu formul\u00e1rio de contato<\/h2>\n<p>Como os bots automatizados se tornaram mais inteligentes e mais difundidos ao longo dos anos, o spam se tornou um grande problema para os formul\u00e1rios de contato. Como os formul\u00e1rios de contato s\u00e3o normalmente abertos ao p\u00fablico na Internet, \u00e9 bastante f\u00e1cil para os <a href=\"https:\/\/kinsta.com\/pt\/blog\/raspagem-conteudo\/\">raspadores da web<\/a> detect\u00e1-los e disparar mensagens de spam para sua caixa de entrada de e-mail. Felizmente, h\u00e1 v\u00e1rias maneiras de evitar os spammers e proteger seu formul\u00e1rio de contato.<\/p>\n<h3>Proteja seu Contact Form 7 com reCAPTCHA<\/h3>\n<p>Se voc\u00ea j\u00e1 enviou um formul\u00e1rio na Internet, provavelmente j\u00e1 est\u00e1 familiarizado com o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-captcha\/\">reCAPTCHA<\/a>, uma tecnologia desenvolvida pelo Google para identificar o comportamento de bot automatizado. Vers\u00f5es mais antigas do reCAPTCHA (V2) exigiam que os usu\u00e1rios passassem um quebra-cabe\u00e7a ou desafio.<\/p>\n<p>A \u00faltima vers\u00e3o do reCAPTCHA (V3) n\u00e3o requer nenhuma intera\u00e7\u00e3o dos usu\u00e1rios. Em vez disso, ela monitora de forma transparente a atividade do usu\u00e1rio em segundo plano para distinguir entre visitantes humanos e bot. Como o Contact Form 7 suporta o reCAPTCHA V3, recomendamos o uso desta \u00faltima vers\u00e3o porque ela proporciona uma melhor experi\u00eancia de usu\u00e1rio para os visitantes.<\/p>\n<p>Para configurar o reCAPTCHA, voc\u00ea precisar\u00e1 primeiro gerar uma chave API. Para fazer isso, fa\u00e7a login em sua conta Google e v\u00e1 para a <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\">p\u00e1gina de configura\u00e7\u00e3o do reCAPTCHA<\/a>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/google-recapatcha-setup.jpg\" alt=\"Registre um novo site para a integra\u00e7\u00e3o do reCAPTCHA.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Registre um novo site para a integra\u00e7\u00e3o do reCAPTCHA.<\/figcaption><\/figure>\n<p>Passe pelo formul\u00e1rio de registro para criar seu reCAPTCHA.<\/p>\n<ul>\n<li><strong>Etiqueta &#8211;<\/strong> Especifique uma etiqueta de sua escolha.<\/li>\n<li><strong>reCAPTCHA Tipo &#8211;<\/strong> O Contact Form 7 suporta o reCAPTCHA v3, portanto, selecione essa vers\u00e3o.<\/li>\n<li><strong>Dom\u00ednios &#8211;<\/strong> Se seu site utiliza um dom\u00ednio raiz, adicione a vers\u00e3o n\u00e3o-www e www de seu dom\u00ednio. Se seu site utiliza um subdom\u00ednio, basta adicionar o subdom\u00ednio.<\/li>\n<li><strong>Propriet\u00e1rios &#8211;<\/strong> O endere\u00e7o de e-mail associado \u00e0 sua conta Google ser\u00e1 adicionado como um propriet\u00e1rio por padr\u00e3o. Sinta-se \u00e0 vontade para adicionar endere\u00e7os de e-mail adicionais, se necess\u00e1rio.<\/li>\n<\/ul>\n<p>Depois de preencher todas as op\u00e7\u00f5es, clique em<strong> Submeter<\/strong>. Em seguida, voc\u00ea ser\u00e1 apresentado com sua &#8220;chave do site&#8221; e &#8220;chave secreta&#8221; espec\u00edficas do site. Certifique-se de manter estas chaves em algum lugar seguro, pois voc\u00ea precisar\u00e1 adicion\u00e1-las ao Contact Form 7.<\/p>\n<figure style=\"width: 1791px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/google-recaptcha-site-secret-keys.jpg\" alt=\"Google reCAPTCHA site e chaves secretas.\" width=\"1791\" height=\"1040\"><figcaption class=\"wp-caption-text\">Google reCAPTCHA site e chaves secretas.<\/figcaption><\/figure>\n<p>A seguir, clique em &#8220;Contato&#8221; no painel lateral do seu WordPress, e clique em <strong>Integra\u00e7\u00e3o<\/strong>. Selecione a op\u00e7\u00e3o reCAPTCHA, e cole sua chave de site e chave secreta em seus respectivos campos. Finalmente, clique em <strong>Salvar mudan\u00e7as <\/strong>para finalizar a integra\u00e7\u00e3o do reCAPTCHA.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-recaptcha-keys.jpg\" alt=\"Configurar o reCAPTCHA no Contact Form 7.\" width=\"1500\" height=\"871\"><figcaption class=\"wp-caption-text\">Configurar o reCAPTCHA no Contact Form 7.<\/figcaption><\/figure>\n<p>Ap\u00f3s configurar o reCAPTCHA no Contact Form 7, voc\u00ea ver\u00e1 um logotipo reCAPTCHA no canto inferior direito de sua p\u00e1gina de formul\u00e1rio de contato. Isto significa que reCAPTCHA est\u00e1 ativo e protegendo seu formul\u00e1rio de contato contra envio de spam.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-recaptcha-logo.jpg\" alt=\"Formul\u00e1rio de contato WordPress protegido por reCAPTCHA V3.\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Formul\u00e1rio de contato WordPress protegido por reCAPTCHA V3.<\/figcaption><\/figure>\n<h3>Proteja seu formul\u00e1rio de contato com o Cloudflare (Opcional)<\/h3>\n<p>Se voc\u00ea usa o <a href=\"https:\/\/kinsta.com\/pt\/blog\/configuracoes-do-cloudflare-para-wordpress\/\">Cloudflare para proteger seu site<\/a>, voc\u00ea pode configurar uma regra especial de p\u00e1gina para sua p\u00e1gina de formul\u00e1rio de contato para reduzir o envio de formul\u00e1rios de contato de spam.<\/p>\n<figure style=\"width: 1791px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/cloudflare-page-rule-contact-page.jpg\" alt=\"Proteja seu formul\u00e1rio de contato com o Cloudflare.\" width=\"1791\" height=\"969\"><figcaption class=\"wp-caption-text\">Proteja seu formul\u00e1rio de contato com o Cloudflare.<\/figcaption><\/figure>\n<p>Para adicionar uma regra de p\u00e1gina, clique na guia &#8220;Page Rules&#8221; e use as seguintes configura\u00e7\u00f5es para ajudar a proteger sua p\u00e1gina de contato.<\/p>\n<ul>\n<li><strong>Se a URL combinar &#8211;<\/strong> *your-domain.com\/your-contact-page\/*<\/li>\n<li><strong>Verifica\u00e7\u00e3o de Integridade do Navegador &#8211;<\/strong> On<\/li>\n<li><strong>N\u00edvel de Seguran\u00e7a &#8211;<\/strong> Alto<\/li>\n<\/ul>\n<p>O recurso &#8220;<a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/200170086-Understanding-the-Cloudflare-Browser-Integrity-Check\">Browser Integrity Check<\/a>&#8221; do Cloudflare analisa os cabe\u00e7alhos HTTP. Se ele detectar um cabe\u00e7alho HTTP que \u00e9 comumente usado por rob\u00f4s e spammers automatizados, ele nega a solicita\u00e7\u00e3o ao seu site. Definir o &#8220;N\u00edvel de Seguran\u00e7a&#8221; para alto desafiar\u00e1 todos os visitantes que exibiram comportamento malicioso nas \u00faltimas duas semanas.<\/p>\n<p>Ao limitar estas configura\u00e7\u00f5es \u00e0 sua p\u00e1gina de contato com a regra de correspond\u00eancia de URL, outras p\u00e1ginas de seu site n\u00e3o ser\u00e3o afetadas por estas regras de p\u00e1gina. Recomendamos esta configura\u00e7\u00e3o porque as p\u00e1ginas normais &#8220;somente leitura&#8221; em seu site normalmente n\u00e3o exigem uma configura\u00e7\u00e3o de n\u00edvel de seguran\u00e7a mais elevado.<\/p>\n<p>.<\/p>\n<h2>Resumo<\/h2>\n<p>O Contact Form 7 \u00e9 o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-plugins-formulario-contato\/\">plug-in<\/a> mais popular e por uma boa raz\u00e3o! Ele pode ser usado para criar tudo, desde formul\u00e1rios b\u00e1sicos de contato, at\u00e9 question\u00e1rios de perguntas e respostas, at\u00e9 formul\u00e1rios complexos que suportam anexos de arquivos e menus suspensos.<\/p>\n<p>O melhor de tudo \u00e9 que ele vem com suporte reCAPTCHA embutido para ajudar a proteger seu formul\u00e1rio de contato contra spammers.<\/p>\n<p>Voc\u00ea usa o Contact Form 7 em seu site WordPress? Se n\u00e3o, qual \u00e9 a sua escolha preferida? Informe-nos na se\u00e7\u00e3o de coment\u00e1rios abaixo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Em , permanecer em contato com seu p\u00fablico \u00e9 muito importante. Estabelecer uma lista de e-mails com um servi\u00e7o como MailChimp o ajuda a entregar o &#8230;<\/p>\n","protected":false},"author":125,"featured_media":40216,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[30,177],"topic":[1026,1033],"class_list":["post-40203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress","tag-wpplugins","topic-desenvolvimento-wordpress","topic-plugins-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Configurar o Contact Form 7 para Seu Site Wordpress<\/title>\n<meta name=\"description\" content=\"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Configurar o Contact Form 7 para Seu Site Wordpress\" \/>\n<meta property=\"og:description\" content=\"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-15T08:41:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-14T12:28:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Li\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@bwhli\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Li\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"32 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\"},\"author\":{\"name\":\"Brian Li\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1\"},\"headline\":\"Como Configurar o Contact Form 7 para Seu Site WordPress\",\"datePublished\":\"2020-10-15T08:41:48+00:00\",\"dateModified\":\"2025-02-14T12:28:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\"},\"wordCount\":6125,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg\",\"keywords\":[\"WordPress\",\"wpplugins\"],\"articleSection\":[\"Melhores Plugins e Temas do WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\",\"name\":\"Como Configurar o Contact Form 7 para Seu Site Wordpress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg\",\"datePublished\":\"2020-10-15T08:41:48+00:00\",\"dateModified\":\"2025-02-14T12:28:42+00:00\",\"description\":\"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg\",\"width\":1024,\"height\":512,\"caption\":\"configurar o Contact Form 7\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Configurar o Contact Form 7 para Seu Site WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1\",\"name\":\"Brian Li\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g\",\"caption\":\"Brian Li\"},\"description\":\"Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.\",\"sameAs\":[\"https:\/\/brianli.com\",\"https:\/\/x.com\/bwhli\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/brianli\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Configurar o Contact Form 7 para Seu Site Wordpress","description":"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Configurar o Contact Form 7 para Seu Site Wordpress","og_description":"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!","og_url":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-10-15T08:41:48+00:00","article_modified_time":"2025-02-14T12:28:42+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg","type":"image\/jpeg"}],"author":"Brian Li","twitter_card":"summary_large_image","twitter_description":"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg","twitter_creator":"@bwhli","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Brian Li","Tempo estimado de leitura":"32 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/"},"author":{"name":"Brian Li","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1"},"headline":"Como Configurar o Contact Form 7 para Seu Site WordPress","datePublished":"2020-10-15T08:41:48+00:00","dateModified":"2025-02-14T12:28:42+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/"},"wordCount":6125,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg","keywords":["WordPress","wpplugins"],"articleSection":["Melhores Plugins e Temas do WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/","url":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/","name":"Como Configurar o Contact Form 7 para Seu Site Wordpress","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg","datePublished":"2020-10-15T08:41:48+00:00","dateModified":"2025-02-14T12:28:42+00:00","description":"Saiba como criar formul\u00e1rios de contato para seu site WordPress com o popular plugin Contact Form 7!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/configurar-o-Contact-Form-7-.jpg","width":1024,"height":512,"caption":"configurar o Contact Form 7"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/contact-form-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Como Configurar o Contact Form 7 para Seu Site WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1","name":"Brian Li","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g","caption":"Brian Li"},"description":"Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.","sameAs":["https:\/\/brianli.com","https:\/\/x.com\/bwhli"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/brianli\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/40203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=40203"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/40203\/revisions"}],"predecessor-version":[{"id":47577,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/40203\/revisions\/47577"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/translations\/jp"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40203\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/40216"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=40203"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=40203"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=40203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}