Neste artigo, vamos come\u00e7ar discutindo porque voc\u00ea pode querer criar formul\u00e1rios Elementor. Ent\u00e3o, o acompanharemos no processo de fazer isso, e cobriremos algumas dicas \u00fateis e dicas de solu\u00e7\u00e3o de problemas. Vamos come\u00e7ar!<\/p>\n
Por que criar formul\u00e1rios Elementor<\/h2>\n
H\u00e1 muitas vantagens em criar formul\u00e1rios para o seu site WordPress<\/a>. Para come\u00e7ar, voc\u00ea pode fornecer aos seus visitantes um m\u00e9todo r\u00e1pido e simples de comunica\u00e7\u00e3o com voc\u00ea. Al\u00e9m disso, voc\u00ea pode us\u00e1-los para gerar leads e adquirir informa\u00e7\u00f5es importantes do seu p\u00fablico.<\/p>\n Os formul\u00e1rios tamb\u00e9m podem ser ferramentas \u00fateis para registrar seus usu\u00e1rios e aceitar pagamentos. No entanto, se voc\u00ea quiser adicionar um formul\u00e1rio ao seu site WordPress, voc\u00ea precisar\u00e1 usar um plugin<\/a>. Alternativamente, voc\u00ea pode usar um construtor de p\u00e1ginas como o Elementor.<\/p>\n O Elementor permite que voc\u00ea construa formul\u00e1rios impressionantes sem tocar em uma linha de c\u00f3digo<\/a>. Voc\u00ea pode usar o editor de arrastar e soltar para criar formul\u00e1rios responsivos que combinem com sua marca e est\u00e9tica do site.<\/p>\n Voc\u00ea tamb\u00e9m pode escolher entre v\u00e1rios tipos de formul\u00e1rios<\/a>, inclusive:<\/p>\n Como voc\u00ea pode ver, cada um desses formul\u00e1rios tem seu pr\u00f3prio caso de uso espec\u00edfico e pode ajudar a melhorar a funcionalidade do seu site. A seguir, mostraremos como construir um formul\u00e1rio de contato usando o Elementor.<\/p>\n\n Agora que entendemos mais sobre porque voc\u00ea pode querer usar os formul\u00e1rios Elementor, vamos dar uma olhada em como voc\u00ea pode criar um em alguns passos simples. Note que para este tutorial, n\u00f3s vamos assumir que voc\u00ea j\u00e1 tem o Elementor instalada e ativada em seu site.<\/p>\n H\u00e1 uma ferramenta gratuita<\/a> e um plugin pago<\/a>. Para acessar os recursos do formul\u00e1rio, voc\u00ea vai precisar da vers\u00e3o premium.<\/p>\n Para come\u00e7ar, navegue at\u00e9 a p\u00e1gina ou artigo onde voc\u00ea quer inserir seu formul\u00e1rio de contato. Depois, clique no bot\u00e3o Edit with Elementor<\/strong>\u00a0na parte superior da tela:<\/p>\n Isto ir\u00e1 abrir a interface do editor do Elementor. A partir dos widgets da esquerda, procure e selecione o widget Form<\/strong>:<\/p>\n Ent\u00e3o, voc\u00ea pode arrastar e soltar o widget em sua p\u00e1gina. Isto ir\u00e1 inserir um formul\u00e1rio de contato padr\u00e3o.<\/p>\n Uma vez que voc\u00ea coloque seu formul\u00e1rio de contato na p\u00e1gina, h\u00e1 um punhado de configura\u00e7\u00f5es para voc\u00ea configurar. Por enquanto, vamos nos concentrar na configura\u00e7\u00e3o dos campos do formul\u00e1rio.<\/p>\n Voc\u00ea pode editar os campos b\u00e1sicos do formul\u00e1rio clicando no widget e customizando o texto (se voc\u00ea quiser mudar qualquer uma das op\u00e7\u00f5es padr\u00e3o). Se voc\u00ea quiser adicionar campos adicionais, voc\u00ea pode fazer isso selecionando Add Item<\/strong>:<\/p>\n Voc\u00ea pode selecionar o tipo de campo que deseja adicionar a partir da lista suspensa. Em seguida, voc\u00ea pode adicionar um r\u00f3tulo, que \u00e9 o nome do campo do formul\u00e1rio. Isto mostra aos seus visitantes qual \u00e9 a entrada esperada.<\/p>\n Para a op\u00e7\u00e3o Placeholder<\/strong>, voc\u00ea pode personalizar o texto que aparece no campo do formul\u00e1rio antes de o usu\u00e1rio inserir suas informa\u00e7\u00f5es. Voc\u00ea pode usar isto para dar aos visitantes exemplos dos dados que voc\u00ea quer que eles forne\u00e7am.<\/p>\n Al\u00e9m disso, voc\u00ea pode escolher ativar a configura\u00e7\u00e3o Required\u00a0<\/strong>e modificar a largura da coluna. Voc\u00ea tamb\u00e9m pode clicar no painel de Buttons\u00a0<\/strong>para personalizar a apar\u00eancia dos bot\u00f5es do seu formul\u00e1rio. Voc\u00ea pode mudar o tamanho, assim como a fonte e as cores.<\/p>\n Ap\u00f3s voc\u00ea terminar de criar os campos do formul\u00e1rio, o pr\u00f3ximo passo \u00e9 configurar as configura\u00e7\u00f5es de envio do seu formul\u00e1rio. Voc\u00ea pode navegar para o e-mail <\/strong>dentro do editor do Elementor para acessar a variedade de op\u00e7\u00f5es.<\/p>\n Por exemplo, voc\u00ea pode inserir seu endere\u00e7o de e-mail no campo To<\/strong> onde voc\u00ea quer que as submiss\u00f5es sejam entregues. Voc\u00ea pode digitar v\u00e1rios endere\u00e7os de e-mail se desejar:<\/p>\n Voc\u00ea tamb\u00e9m pode personalizar o assunto do e-mail e da mensagem. Quando voc\u00ea terminar de configurar todas as op\u00e7\u00f5es, certifique-se de salvar suas altera\u00e7\u00f5es.<\/p>\n Se voc\u00ea quiser personalizar ainda mais o seu formul\u00e1rio de contato, voc\u00ea pode fazer isso habilitando o envio de mensagens personalizadas. Selecione Additional Options<\/strong>, ent\u00e3o mova a chave de altern\u00e2ncia para Custom Messaging<\/strong>\u00a0<\/strong>para Yes<\/strong>:<\/p>\n Existem quatro tipos de mensagens que voc\u00ea pode modificar:<\/p>\n Voc\u00ea pode personalizar estas mensagens para combinar com a voz e estilo da sua marca. Por exemplo, voc\u00ea pode modificar a reda\u00e7\u00e3o para adicionar um pouco de personalidade.<\/p>\n Uma vez que voc\u00ea tenha o texto b\u00e1sico e os campos do seu formul\u00e1rio tratados, voc\u00ea pode come\u00e7ar a modelar o design<\/a> do seu formul\u00e1rio de contato do Elementor. Por exemplo, voc\u00ea pode querer ter certeza de que ele combina com a sua marca.<\/p>\n Para come\u00e7ar, voc\u00ea pode clicar na aba Style\u00a0<\/strong>na parte superior do editor de widgets:<\/p>\n Aqui, voc\u00ea encontrar\u00e1 uma grande variedade de op\u00e7\u00f5es e configura\u00e7\u00f5es que voc\u00ea pode usar para personalizar o design do seu formul\u00e1rio de contato. Por exemplo, voc\u00ea pode ajustar o espa\u00e7amento e preenchimento, assim como mudar as cores, tamanho, etiquetas e bot\u00f5es.<\/p>\n Quando voc\u00ea estiver satisfeito com a apar\u00eancia e o conte\u00fado do seu formul\u00e1rio de contato do Elementor, a \u00fanica coisa que falta fazer \u00e9 salv\u00e1-lo e public\u00e1-lo. Voc\u00ea pode fazer isso selecionando o bot\u00e3o Publish<\/strong>\u00a0<\/strong>no lado inferior esquerdo da tela.<\/p>\n \u00c9 isso a\u00ed! Ent\u00e3o voc\u00ea pode visualizar seu formul\u00e1rio de contato no frontend para confirmar que ele est\u00e1 com a apar\u00eancia que voc\u00ea deseja.<\/p>\n Fora da caixa, o construtor de p\u00e1ginas do Elementor vem com muitas op\u00e7\u00f5es para construir formul\u00e1rios para o seu site WordPress. Entretanto, voc\u00ea tamb\u00e9m pode considerar a adi\u00e7\u00e3o de plugins para ajudar a ampliar a funcionalidade de seus formul\u00e1rios. Vamos dar uma olhada em algumas op\u00e7\u00f5es.<\/p>\n O plugin Master Addons for Elementor<\/a> \u00e9 uma ferramenta freemium que fornece uma cole\u00e7\u00e3o de ferramentas \u00fateis para melhorar o construtor de p\u00e1ginas e, por sua vez, o seu site. Ele inclui as seguintes caracter\u00edsticas:<\/p>\n Tamb\u00e9m \u00e9 compat\u00edvel com uma grande variedade de plugins de formul\u00e1rio. Isto inclui o Formul\u00e1rio de Contato 7, Formul\u00e1rios Ninja, Formul\u00e1rios WP, e Formul\u00e1rios Caldera. Para acessar todas as funcionalidades do plugin, voc\u00ea precisar\u00e1 comprar a vers\u00e3o pro<\/a>, que est\u00e1 dispon\u00edvel por $39 por ano.<\/p>\n Outra ferramenta \u00fatil que voc\u00ea pode usar com o Elementor \u00e9 o Plus Addons<\/a>. Este plugin est\u00e1 repleto de mais de 8.000 op\u00e7\u00f5es de personaliza\u00e7\u00e3o e mais de 300 blocos de Interface de Usu\u00e1rio (UI) que podem ajud\u00e1-lo a criar e projetar suas p\u00e1ginas e formul\u00e1rios com facilidade.<\/p>\n Suas caracter\u00edsticas incluem:<\/p>\n H\u00e1 tamb\u00e9m mais de 18 modelos que voc\u00ea pode escolher. Estes foram projetados especificamente para certos tipos de neg\u00f3cios, incluindo ag\u00eancias, restaurantes, sal\u00f5es e mais.<\/p>\n H\u00e1 uma vers\u00e3o gratuita dispon\u00edvel. Entretanto, para aproveitar todo o conjunto de recursos \u00fateis, n\u00f3s recomendamos a compra de uma licen\u00e7a premium<\/a>, dispon\u00edvel por $39 por ano.<\/p>\n Se voc\u00ea quiser criar formul\u00e1rios de contato do Elementor para seu site WordPress sem pagar por uma licen\u00e7a premium, h\u00e1 maneiras de voc\u00ea fazer isso. Fazendo isso, voc\u00ea ter\u00e1 que emparelhar o construtor da p\u00e1gina com outro plugin de formul\u00e1rio WordPress, como WPForms<\/a> ou Formidable Forms<\/a>.<\/p>\n Digamos que voc\u00ea opte por Formidable Forms. Depois de instalar e ativar o plugin em seu site, voc\u00ea pode navegar para Formidable<\/strong> > Forms > <\/strong> Add New<\/strong>:<\/p>\n Em seguida, voc\u00ea pode selecionar Contact Form\u00a0<\/strong>a partir da lista de op\u00e7\u00f5es, e escolher entre um punhado de modelos pr\u00e9-fabricados. Quando voc\u00ea terminar de construir seu formul\u00e1rio, navegue at\u00e9 a p\u00e1gina na qual voc\u00ea quer coloc\u00e1-lo e inicie a interface do editor Elementor.<\/p>\n No painel \u00e0 esquerda, procure e selecione o widget Formidable Forms <\/strong>. Voc\u00ea pode ajustar o formato, cores, bot\u00f5es, texto, etc…:<\/p>\n Quando voc\u00ea terminar, voc\u00ea pode salvar e publicar suas mudan\u00e7as. Este m\u00e9todo requer um pouco mais de tempo e esfor\u00e7o do que seria necess\u00e1rio com o plugin Elementor Pro. No entanto, ele pode ajud\u00e1-lo a economizar algum dinheiro se voc\u00ea n\u00e3o quiser comprar um plano premium.<\/p>\n Os formul\u00e1rios de contato do Elementor s\u00e3o bastante simples e f\u00e1ceis de usar. No entanto, voc\u00ea pode ter problemas ao us\u00e1-lo. Um dos problemas mais comuns que as pessoas relatam s\u00e3o os e-mails n\u00e3o entregues.<\/p>\n O Elementor usa a fun\u00e7\u00e3o wp_mail para distribuir seus e-mails. Isto significa que seu provedor de hospedagem<\/a> pega o e-mail enviado e o entrega.<\/p>\n No entanto, alguns hosts desabilitam a fun\u00e7\u00e3o PHP que \u00e9 tipicamente usada para enviar e-mails, e \u00e9 por isso que este problema pode ocorrer. Para resolver este erro, n\u00f3s recomendamos entrar em contato com seu provedor de hospedagem e pedir a ele que habilite a fun\u00e7\u00e3o send_mail.<\/p>\n Alternativamente, voc\u00ea pode usar um servidor SMTP (Simple Mail Transfer Protocol). Este \u00e9 um servidor de e-mail<\/a> que encaminhar\u00e1 seu e-mail em formul\u00e1rios para a caixa de entrada de seus clientes, usando uma fonte externa como o Gmail. Isto pode reduzir as chances dos seus e-mails terminarem em pastas de spam. Para configurar o SMTP, voc\u00ea pode usar um plugin como o WP MAIL SMTP<\/a>.<\/p>\n\n Os formul\u00e1rios desempenham um papel fundamental nos sites. Eles permitem aos clientes entrar em contato com voc\u00ea, registrar uma conta, enviar informa\u00e7\u00f5es de pagamento, e muito mais. No entanto, descobrir como criar formul\u00e1rios esteticamente agrad\u00e1veis para o seu site pode ser um desafio. Felizmente, o Elementor torna isso f\u00e1cil.<\/p>\n Assim que voc\u00ea adicionar o widget do formul\u00e1rio Elementor \u00e0 sua p\u00e1gina, voc\u00ea pode configurar seus campos e ajustar as configura\u00e7\u00f5es do formul\u00e1rio. Voc\u00ea tamb\u00e9m pode personalizar o design do seu formul\u00e1rio para que ele se alinhe com a sua marca.<\/p>\n Voc\u00ea tem alguma pergunta sobre a cria\u00e7\u00e3o de formul\u00e1rios do Elementor no WordPress? Informe-nos na se\u00e7\u00e3o de coment\u00e1rios abaixo!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":" Quando voc\u00ea tem um site de neg\u00f3cios, os formul\u00e1rios s\u00e3o um grampo. Eles facilitam o contato dos clientes com voc\u00ea, al\u00e9m de fornecer informa\u00e7\u00f5es importantes e …<\/p>\n","protected":false},"author":117,"featured_media":48621,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[452,704],"topic":[1026],"class_list":["post-48620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-elementor","tag-forms","topic-desenvolvimento-wordpress"],"yoast_head":"\n\n
Como criar um site WordPress usando o Elementor (6 passos)<\/h2>\n
Passo 1: Adicione o widget de contato Elementor<\/h3>\n
![](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/edit-with-elementor.png\")
![](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-form-widget.jpg\")
Passo 2: Configure os campos do seu formul\u00e1rio de contato<\/h3>\n
![\"Personalize](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/add-item.jpg\")
Passo 3: Configure o envio do seu formul\u00e1rio<\/h3>\n
![\"Configure](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/email-settings-elementor.png\")
Passo 4: Personalize o seu formul\u00e1rio de contato de mensagens<\/h3>\n
![\"Personalize](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/form-messages.png\")
\n
Passo 5: Estilizando o seu formul\u00e1rio de contato Elementor<\/h3>\n
![\"Estilize](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-form-style.jpg\")
Passo 6: Salve e publique o seu formul\u00e1rio<\/h3>\n
Melhore complementos para formul\u00e1rios do Elementor<\/h2>\n
Master Addons for Elementor<\/h3>\n
![\"Master](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/master-addons.png\")
\n
The Plus Addons<\/h3>\n
![\"The](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/plus-addons.png\")
\n
Dicas e truques adicionais para a cria\u00e7\u00e3o de formul\u00e1rios Elementor<\/h2>\n
![\"Formidable](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/add-new-form.png\")
![\"Formidable](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/formidable-forms-elementor.jpg\")
Solucionando problemas com os formul\u00e1rios do Elementor<\/h2>\n
Resumo<\/h2>\n