Como Adicionar Formulários HTML no WordPress (2 Métodos)

Você tem um formulário HTML pronto para usar, mas adicioná-lo ao WordPress pode ser complicado e exige muitos testes.

A razão é simples: adicionar formulários HTML ao WordPress requer a abordagem correta para garantir que eles funcionem adequadamente e se integrem perfeitamente ao seu site.

O WordPress não lida com formulários da mesma forma que um site HTML comum. Se você simplesmente copiar e colar o código do formulário, ele muitas vezes não funcionará corretamente sem algumas etapas extras.

Em nossos próprios sites, usamos o plugin WPForms porque ele cuida de toda a configuração para nós. Dito isso, sabemos que muitos usuários preferem usar formulários HTML personalizados para manter as coisas leves, ter controle total sobre seu código ou evitar adicionar outro plugin.

Neste guia, mostraremos 2 maneiras fáceis de adicionar formulários HTML no WordPress, para que seu formulário apareça corretamente, funcione como esperado e não quebre seu site. 💡

O que são formulários HTML e por que criar um?

Formulários HTML funcionam de forma muito semelhante a outros formulários de site. Eles permitem que os visitantes digitem e enviem informações como nomes,  endereços de e-mail, feedback, pedidos e muito mais.

O que os diferencia é que os formulários HTML são criados usando código em vez de um editor visual de arrastar e soltar como um plugin de formulário. Isso significa que você precisa definir campos como caixas de texto, caixas de seleção, botões de rádio e campos de menu suspenso você mesmo.

Aqui estão algumas vantagens de criar formulários do zero usando HTML:

• Desempenho Otimizado. Formulários HTML tendem a carregar mais rápido e usar menos memória porque o código é leve.
• Controle. Você terá controle total sobre o design e a funcionalidade do formulário, pois não estará limitado pelos recursos de um construtor de formulários.
• Personalização. Formulários HTML podem ser adaptados exatamente às suas necessidades, oferecendo personalização de formulário mais flexível.

Embora criar formulários HTML do zero seja uma ótima maneira de aprender e praticar codificação, isso tem seus próprios desafios.

Você pode ter problemas com a compatibilidade entre navegadores, onde o formulário funciona de maneira diferente em diferentes navegadores da web.

Além disso, com base em nossa experiência, lidar com a validação de formulários com JavaScript pode ser complicado. É necessário um teste completo para garantir que você possa coletar e processar todas as entradas do usuário corretamente.

Para resumir, aqui estão as principais vantagens e desafios de codificar formulários HTML manualmente:

✅ Benefícios	🛑 Desafios
Tempos de carregamento de página mais rápidos com código leve	Garantir a compatibilidade entre diferentes navegadores
Controle total sobre design e funcionalidade	Construir validação de formulário e tratamento de erros
Personalização precisa para requisitos específicos	Configurar proteção contra spam manualmente
Melhores oportunidades de otimização de desempenho	Lidar com configuração e processamento do lado do servidor

A maioria dos usuários do WordPress acha que os plugins oferecem o melhor meio-termo. Ele oferece opções de personalização HTML sem a complexidade da configuração manual do servidor.

Dito isso, existem maneiras de adicionar formulários HTML sem essas complexidades. Portanto, não importa se você está gerenciando um blog WordPress, um site de negócios ou uma loja online, você pode facilmente adicionar formulários HTML ao seu site sem ter que codificar do zero.

Nas seções a seguir, mostraremos como adicionar formulários HTML ao WordPress. Aqui está uma visão geral rápida dos 2 métodos que abordaremos neste guia:

• Método 1: Adicionando Formulários HTML no WordPress Usando o Plugin HTML Forms (Fácil)
• Método 2: Adicionando HTML Personalizado a Formulários do WordPress com WPForms
• Dica Bônus: Carregando uma Página HTML Personalizada para o WordPress
• Perguntas Frequentes: Como Adicionar Formulários HTML no WordPress
• Recursos Adicionais: Mais Guias de Formulários do WordPress

Pronto? Vamos começar.

Método 1: Adicionando Formulários HTML no WordPress Usando o Plugin HTML Forms (Fácil)

🎖️ Ideal para: Desenvolvedores e gerentes de site que desejam controle total de HTML com uma solução leve e focada em desempenho. O plugin enfatiza simplicidade e velocidade em detrimento de construtores visuais.

Como o WordPress não processa envios de formulários HTML brutos por padrão, uma maneira fácil de adicionar um formulário HTML a um site WordPress é usar um plugin de formulário gratuito como HTML Forms. Isso fornece o código de backend necessário para coletar e enviar os dados por e-mail para você, enquanto ainda permite que você escreva o HTML.

Com mais de 10.000 instalações ativas e uma classificação de 4,9 em 5 estrelas no WordPress.org, é uma ferramenta confiável para criar e configurar formulários HTML em um só lugar, para que você não precise lidar com nenhuma configuração do lado do servidor.

Para começar, vamos garantir que você tenha o plugin instalado em seu site WordPress.

No seu painel do WordPress, vá para Plugins » Adicionar Novo na barra lateral esquerda e use a caixa de pesquisa para encontrar o plugin.

Quando o vir nos resultados da pesquisa, clique em 'Instalar agora' e depois em 'Ativar'. Se precisar de ajuda, siga nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você pode navegar para HTML Forms » Adicionar Novo na barra lateral esquerda do seu painel de administração do WordPress para começar a criar seu formulário de contato.

Isso o redirecionará para a página ‘Adicionar Novo Formulário’.

A partir daqui, a primeira coisa que você precisará fazer é nomear seu formulário digitando o nome no campo 'Título do Formulário'. Por exemplo, nomeamos nosso formulário como 'Inscrição na Newsletter'.

Em seguida, clique no botão ‘Criar Formulário’ abaixo do campo.

Assim que fizer isso, a página ‘Editar Formulário’ aparecerá e você poderá começar a personalizar seu formulário de contato HTML.

Na parte superior da página, você verá os detalhes do seu formulário, incluindo o título do formulário, slug, e shortcode. Você não precisa memorizar esses detalhes, pois eles estarão disponíveis no painel do HTML Forms quando você precisar deles.

Abaixo desses detalhes, você encontrará as abas do menu. Na aba ‘Campos’, você pode ver vários botões de campo, como ‘Texto’, ‘Datas’, ‘Caixas de Seleção’ e ‘Botões de Rádio’, para adicionar aos seus formulários.

Agora, role um pouco mais para baixo.

Na parte inferior desta aba, você encontrará um formulário HTML pré-construído junto com a pré-visualização.

Este formulário de contato é bem simples. Ele tem 4 campos para os usuários digitarem seus nomes, endereços de e-mail, um breve assunto e uma mensagem.

Agora, digamos que você queira adicionar um novo campo com um cadastro de inscrição para a newsletter por e-mail. Então, simplesmente clique em um dos botões de campo acima de 'Código do Formulário'.

Por exemplo, usaremos um campo de seleção (dropdown) e criaremos uma opção 'Sim/Não' para a inscrição na newsletter.

A partir daqui, você desejará clicar em ‘Dropdown’ (Lista Suspensa), e isso abrirá as opções de configuração do campo de lista suspensa. Você pode começar a preencher os detalhes, que incluem o rótulo e as escolhas do campo.

Após inserir os detalhes, você pode clicar em ‘Adicionar Campo ao Formulário’.

Em seguida, você deverá ver a tag do campo de lista suspensa na seção ‘Código do Formulário’. Simplesmente role para baixo na aba para conferir.

O próximo passo é reorganizar o formulário de contato.

Para manter um bom fluxo, você vai querer que os campos de seleção fiquem logo abaixo do campo 'E-mail'.

Como este plugin não possui um construtor de arrastar e soltar, você precisará mover o código manualmente. Vá em frente e recorte o código do campo de seleção da tag <p> de abertura até a tag </p> de fechamento.

Em seguida, simplesmente cole esse trecho de código logo após a tag de fechamento do campo 'E-mail' (que geralmente se parece com </p> ou </label>).

O campo padrão ‘Assunto’ pode não ser necessário para um formulário de inscrição de newsletter. Portanto, recomendamos remover o campo.

Você pode fazer isso excluindo todo o bloco de parágrafo que contém o rótulo e a entrada do campo Assunto, incluindo as tags <p> de abertura e </p> de fechamento.

Após mover e excluir tags, você desejará rolar para baixo na aba até a seção ‘Visualização do Formulário’.

Nesta seção, você pode verificar se moveu e excluiu os campos com sucesso sem quebrar nada. Na Visualização do Formulário abaixo, você pode verificar se o campo Assunto desapareceu sem quebrar o layout do formulário. Você também pode verificar se o dropdown funciona corretamente.

Quando estiver satisfeito com os resultados, prossiga e clique no botão azul ‘Salvar Alterações’ abaixo da seção ‘Código do Formulário’.

Assim que o processo de salvamento for concluído, você deverá ver uma notificação ‘Formulário atualizado.’ no topo desta página.

Agora, você pode querer verificar a configuração do formulário. Vamos para a aba ‘Mensagens’ para ver como o HTML Forms configura as mensagens de confirmação de envio do formulário.

Basta clicar em ‘Mensagens’ para abrir a aba.

Esta aba permite que você edite o texto pré-definido para quando o envio do formulário de um usuário for bem-sucedido e outras situações semelhantes.

Se tudo parecer bom para você, então você pode deixar como está. Se fizer alguma alteração, não se esqueça de clicar no botão 'Salvar Alterações' para não perder seu progresso.

Em seguida, vamos para a aba ‘Configurações’.

Por padrão, o HTML Forms definirá ‘Sim’ para salvar cada envio de formulário e ‘Não’ para ocultar o formulário após um envio bem-sucedido. Você pode personalizar isso conforme necessário.

Em seguida, em ‘Redirecionar para URL após Inscrições Bem-sucedidas’, você pode copiar e colar o URL de uma página da web ativa do seu site WordPress. Alternativamente, você pode deixar o campo em branco ou inserir 0 para manter os usuários na página atual após o envio bem-sucedido do formulário.

Quando tudo estiver configurado, tudo o que resta a fazer é adicionar o formulário HTML a uma página do WordPress.

Vamos para Posts ou Páginas » Todos os Posts ou Todas as Páginas no painel do WordPress.

Para este guia, adicionaremos o formulário HTML à nossa página ‘Contato’.

Portanto, passaremos o mouse sobre a página ‘Contato’ na lista e clicaremos em ‘Editar’ quando ela aparecer.

Isso iniciará o editor de blocos da página ‘Contato’.

No editor, você pode começar a escolher uma área para adicionar o formulário. Em seguida, basta passar o mouse sobre uma área entre os blocos e clicar no botão ‘+’ para adicionar o bloco Formulários HTML, ou clicar no ícone de inserção de bloco na barra de ferramentas superior esquerda.

Agora, você pode digitar ‘Formulários HTML’ na barra de pesquisa na parte superior do painel de inserção de blocos para encontrar rapidamente o bloco. Assim que tiver o resultado da pesquisa, clique nele.

Você verá um menu suspenso no bloco ‘HTML Forms’. Basta expandi-lo e selecionar o formulário que deseja exibir. Aqui, estamos escolhendo o formulário ‘Inscrição na Newsletter’ que acabamos de criar.

O formulário aparecerá quando você publicar seu conteúdo. Portanto, depois de selecionar o formulário no menu suspenso, você pode clicar no botão ‘Atualizar’.

Seu formulário agora está no ar e os usuários podem se inscrever na sua newsletter. Veja como ele pode ficar no seu site:

Para ver os envios de formulários, você pode primeiro ir para Formulários HTML » Todos os Formulários. Isso o levará à lista de todos os seus Formulários HTML.

Em seguida, basta passar o mouse sobre um formulário e clicar no botão ‘Envios’ quando ele aparecer.

A partir daqui, você pode ver todos os seus envios de formulário.

A tabela ‘Envios’ detalha todas as informações que os usuários preencheram em seu formulário. Em seguida, há a coluna ‘Timestamp’, que informa quando eles enviaram o formulário.

Por exemplo, aqui, o primeiro envio foi feito por ‘Usuário 1’.

Na tabela, podemos ver que o usuário enviou o formulário em 25 de junho, por volta das 13h. Além disso, ‘Usuário 1’ respondeu ‘Talvez Mais Tarde’ à pergunta ‘Você quer se inscrever em nossa newsletter’. Portanto, neste caso, você não deve adicionar o endereço de e-mail deles à sua lista de mala direta.

Método 2: Adicionando HTML Personalizado a Formulários do WordPress com WPForms

🎖️ Melhor para: Usuários não técnicos que desejam formulários profissionais em minutos sem codificação. O WPForms é elogiado pelos usuários por possibilitar a criação rápida de formulários bonitos com sua interface intuitiva de arrastar e soltar.

Outra abordagem é usar um construtor visual de formulários de contato como o WPForms, o plugin de formulários WordPress mais bem avaliado, com mais de 6 milhões de instalações ativas e uma classificação de 4,8 em 5 estrelas em mais de 14.000 avaliações.

Esta é a melhor opção se você deseja construir o formulário visualmente, mas precisa inserir elementos HTML específicos, como um link, um formato de texto ou uma dica, usando código.

Por exemplo, você pode usar HTML personalizado para exibir uma breve mensagem de aviso em um formulário de checkout com um link para sua página de ‘Política de Reembolso e Devolução’.

Ou você pode adicionar uma barra de progresso para que os usuários saibam o quão perto estão de completar o formulário. HTML personalizado pode até permitir que você insira emojis ou adicione uma dica.

Neste método, mostraremos como adicionar trechos de código HTML para personalizar seus formulários WordPress usando WPForms, o melhor construtor de formulários para WordPress.

Mais sobre WPForms

WPForms é o construtor de formulários WordPress mais popular, com mais de 6 milhões de instalações ativas.

Além de seu construtor de arrastar e soltar, ele inclui uma grande biblioteca de add-ons e integrações que podem estender seus formulários sem exigir desenvolvimento personalizado. Por exemplo, você pode:

• Rastrear e recuperar abandono de formulários (plano Elite)
• Criar formulários conversacionais (plano Pro)
• Realizar pesquisas e enquetes (plano Pro)
• Aceitar pagamentos via Stripe, PayPal, Square e Authorize.Net (plano Plus)
• Coletar assinaturas digitais (plano Pro)
• Registrar usuários WordPress automaticamente (plano Pro)

A versão gratuita WPForms Lite inclui o construtor de formulários principal e campos básicos. O campo HTML usado neste tutorial requer uma licença premium (Básico ou superior). A disponibilidade varia por plano: o campo HTML está disponível a partir do Básico (R$ 49,50/ano), e a maioria dos add-ons avançados requer Pro (R$ 199,50/ano) ou Elite (R$ 299,50/ano).

No WPBeginner, usamos WPForms para formulários de contato, pesquisas anuais e formulários de solicitação de migração de site porque torna a criação e o gerenciamento de formulários muito mais fáceis do que codificá-los manualmente.

Obtenha mais informações sobre este plugin em nossa análise detalhada do WPForms.

Antes de começarmos, vamos garantir que você tenha uma conta WPForms com uma licença premium que inclua o campo HTML (plano Básico ou superior).

No site WPForms, clique no botão ‘Obter WPForms Agora’, escolha um plano que inclua o campo HTML (licença Básica ou superior por R$ 49,50/ano ou mais) e finalize a compra.

Após o cadastro, você terá seu próprio painel WPForms, onde poderá baixar seu arquivo zip do WPForms e copiar sua chave de licença.

Agora, você está pronto para instalar e ativar o WPForms em seu site WordPress.

No seu painel WordPress, vá para Plugins » Adicionar Novo e clique no botão ‘Enviar Plugin’ no topo.

Você deve ver o uploader de arquivos agora.

Clique em ‘Escolher Arquivo’ para carregar seu arquivo zip do WPForms do seu computador local. Depois disso, basta clicar em ‘Instalar Agora’ e depois em ‘Ativar.’

Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin WordPress.

Após a ativação, você pode navegar até WPForms » Configurações para inserir seu código de licença. Após inserir a chave, simplesmente clique no botão ‘Verificar Chave’ para iniciar a verificação.

Concluído, você pode começar a criar seu formulário e adicionar HTML personalizado.

Para este guia, mostraremos como adicionar uma dica simples ao seu formulário de contato.

Uma dica é como uma pequena caixa pop-up que aparece quando você passa o mouse sobre um elemento da web. É útil, pois permite que os usuários aprendam mais sobre um elemento específico da web sem clicar ou sair da página em que estão.

Mas primeiro, vamos criar o formulário de contato. Simplesmente vá para WPForms » Adicionar Novo na sua área de administrador do WordPress para começar.

Isso abrirá o painel de ‘Configuração’, onde você primeiro precisará nomear seu formulário. Este nome é apenas para referência interna, então você pode usar o que quiser.

O próximo passo é selecionar como você deseja construir seu formulário.

Com o WPForms, você pode criar formulários usando o construtor de formulários com IA (plano Básico ou superior), um modelo pré-fabricado ou do zero.

Se você quiser usar o construtor com IA, tudo o que você precisa fazer é inserir um prompt simples. A IA criará o formulário para você em alguns segundos.

Para este tutorial, no entanto, usaremos um modelo pré-construído.

Como existem mais de 2.100 modelos de formulários para escolher, você pode usar a barra de pesquisa para filtrá-los rapidamente. Para fazer isso, basta digitar 'Formulário de Contato' e aguardar a conclusão da pesquisa.

Se você quiser explorar cada resultado da pesquisa para ver como é o formulário, pode aproveitar o recurso de visualização. Simplesmente passe o mouse sobre o modelo de formulário e clique em 'Ver Demonstração'.

Depois de encontrar o formulário de contato perfeito para suas necessidades, passe o mouse sobre ele mais uma vez e clique em 'Usar Modelo'.

Isso iniciará o construtor de formulários.

Agora, todas as ferramentas de personalização estão no painel esquerdo, e a visualização ao vivo do formulário está no lado direito da sua tela.

Nesta página, você pode usar o recurso de arrastar e soltar para adicionar elementos do painel esquerdo à visualização ao vivo. Você também pode usar o recurso para mover campos na visualização ao vivo.

Vamos tentar adicionar o campo HTML ao formulário. Tudo o que você precisa fazer é rolar para baixo no painel esquerdo e, em seguida, arrastar e soltar 'HTML' no formulário.

Após inserir o campo HTML, você pode clicar nele para abrir suas opções de personalização. Aqui, a primeira coisa a fazer é preencher o 'Rótulo' do campo. Você também pode deixá-lo em branco.

Em seguida, você inserirá o código HTML personalizado no campo 'Código'.

Para criar uma dica, você pode usar a tag <span> ou simplesmente copiar o código a seguir e colá-lo no campo 'Código':

<span title="We have cool stuff to share every week. :)">Hi there! We have an email newsletter you might want to subscribe to. Let us know in the Comment or Message field, and we'll sign you up.</span>

Este é apenas um código de exemplo, sinta-se à vontade para editar o texto para atender às suas necessidades. A parte title="" do código é exatamente o que diz ao navegador da web para criar o efeito de pop-up ao passar o mouse!

Observe que o WPForms não exibe o código HTML na visualização do construtor de formulários. Para visualizar o campo e garantir que tudo esteja correto, você pode salvar as alterações primeiro e clicar em ‘Visualizar’.

Isso o levará a uma nova aba.

Agora, vamos testar se o trecho de código HTML para sua dica de ferramenta funciona corretamente. Simplesmente passe o mouse sobre o texto e espere a dica de ferramenta aparecer por alguns segundos.

Quando estiver satisfeito com o resultado, você pode voltar ao construtor de formulários para finalizar seu formulário.

Suas configurações de notificação e confirmação de formulário já estão configuradas no WPForms. No entanto, se você quiser personalizá-las, vá para 'Configurações' e depois 'Notificações' ou 'Confirmações'.

Na seção 'Notificações', você pode adicionar vários destinatários para a submissão do seu formulário de contato.

Para adicionar vários destinatários, separe os endereços de e-mail com vírgulas: email1@example.com, email2@example.com, email3@example.com. Você também pode passar o mouse sobre o botão de ponto de interrogação ao lado do campo 'Enviar para o endereço de e-mail' para obter instruções adicionais.

Você também pode editar o texto pré-definido para a linha de assunto do seu e-mail.

Por exemplo, nós mudamos o nosso de ‘Nova Entrada: Formulário de Contato’ para ‘Você tem uma nova mensagem: Contato novo’.

Depois de personalizar suas notificações, você vai querer passar para o painel ‘Confirmação’.

Por padrão, o WPForms define seu tipo de confirmação como ‘Mensagem’ e tem o texto pré-definido pronto para você. Você pode definitivamente alterar essas configurações se quiser.

Além de mostrar uma mensagem de confirmação, você pode redirecionar os usuários para uma nova página ou um URL específico.

Assim que tudo estiver configurado, é hora de publicar e incorporar o formulário do WordPress.

Vá em frente e clique no botão laranja 'Incorporar' no canto superior direito do construtor de formulários para começar a publicar.

O WPForms perguntará se você deseja adicionar o formulário a uma página existente ou a uma nova. Neste guia, escolheremos 'Selecionar Página Existente'.

Na próxima janela pop-up, você escolherá uma página da lista de páginas disponíveis. Depois disso, você pode clicar em 'Vamos lá!' para ir ao editor de blocos da página.

Agora, você pode passar o mouse sobre uma área entre os blocos e clicar no botão '+', ou clicar no ícone de inserção de bloco na barra de ferramentas superior esquerda. Vá em frente e selecione o bloco WPForms.

Em seguida, você pode escolher um formulário no menu suspenso do bloco WPForms.

Depois de selecionar um formulário, o WPForms o carregará na área de conteúdo selecionada. Se você quiser mostrar o título do formulário, vá para a guia ‘Bloco’ no painel direito e ative o controle deslizante ‘Mostrar Título’.

Quando estiver satisfeito com tudo, prossiga e clique no botão ‘Atualizar’.

E pronto! Você adicionou HTML personalizado ao seu formulário de contato WPForms e o publicou em seu site WordPress.

Agora, os usuários podem começar a preencher o formulário e possivelmente se inscrever em sua newsletter por e-mail.

Para ver todas as suas submissões de formulário WPForms, navegue até WPForms » Todos os Formulários.

Em seguida, você pode passar o mouse sobre ‘Formulário de Contato’ ou qualquer formulário da lista e clicar em ‘Entradas’ quando o botão aparecer.

Na próxima tela, você deverá ver todas as submissões do seu formulário.

A tabela detalha todas as informações que os usuários enviaram com o formulário, bem como o horário da submissão.

Por exemplo, em 2 de julho, por volta das 8h, ‘Usuário 3’ disse que queria se inscrever na newsletter por e-mail e deixou uma pergunta sobre como entrar em contato com nossa equipe de suporte ao cliente.

Também podemos ver a coluna ‘Ações’. Nesta coluna, existem vários botões: ‘Visualizar’, ‘Editar’, ‘Spam’ e ‘Lixo’.

Se você clicar em ‘Visualizar’, o WPForms o levará para uma página de visão geral dedicada de uma entrada. Nesta página, o plugin incentiva você a ativar dois complementos.

O primeiro é o complemento Geolocation para rastrear de onde o usuário envia o formulário. O segundo é o complemento User Journey, que pode ajudar a analisar o caminho do usuário pelo seu site até que ele clique no botão 'Enviar'.

Recomendamos a instalação e ativação desses complementos para um desempenho de formulário mais otimizado. Observe que ambos os complementos estão disponíveis na licença Pro ($199,50/ano) ou superior.

Os botões 'Spam' e 'Lixeira' são úteis para marcar submissões falsas e removê-las de suas entradas. Para saber mais sobre como reduzir submissões falsas de formulários, você pode ler nosso guia sobre como bloquear spam de formulários de contato.

Dica Bônus: Carregando uma Página HTML Personalizada para o WordPress

Você também pode estar procurando uma maneira de fazer upload de uma página HTML personalizada para o seu site WordPress. Isso pode ser útil se você tiver um modelo estático que deseja usar ou uma página HTML de um site antigo.

De modo geral, você pode fazer upload de uma única página HTML sem arquivos CSS ou de imagem separados usando um plugin Gerenciador de Arquivos ou um cliente FTP.

Mas, se a página que você deseja enviar inclui arquivos CSS e imagens separados, você precisará enviá-los em uma pasta, mantendo a mesma estrutura de diretório usada no seu arquivo HTML.

AIOSEO, o melhor plugin de SEO para WordPress, pode ajudar os mecanismos de busca a encontrar sua página HTML personalizada adicionando-a aos seus sitemaps XML.

Para saber mais, consulte nosso guia para iniciantes sobre como fazer upload de uma página HTML para o WordPress sem erros 404.

Perguntas Frequentes: Como Adicionar Formulários HTML no WordPress

Respondemos a algumas perguntas comuns para ajudá-lo a adicionar formulários HTML ao WordPress com facilidade.

Por que meu formulário HTML não está funcionando no WordPress?

Este é um problema comum. No WordPress, simplesmente colar um formulário HTML geralmente não é suficiente para fazê-lo funcionar.

Embora o formulário possa ser exibido corretamente, o WordPress não processa automaticamente os envios de formulário. Ao contrário de um site HTML básico, não há um script integrado para lidar com os dados quando alguém clica em Enviar.

Para tornar o formulário funcional, você precisará adicionar código PHP personalizado para processar os envios ou usar um plugin que cuide disso para você.

Como posso garantir que minhas submissões de formulário sejam processadas?

A opção mais fácil é usar um plugin de formulário de contato como WPForms ou Formidable Forms. Esses plugins cuidam de tudo nos bastidores, incluindo salvar entradas, enviar notificações por e-mail e bloquear spam, para que você não precise configurar tudo sozinho.

Posso personalizar meus formulários se usar HTML?

Sim, absolutamente. Usar HTML lhe dá controle total sobre como seu formulário se parece e funciona. Apenas lembre-se de que você também será responsável por todo o resto, como:

• Estilizando o formulário com seu próprio CSS
• Adicionando validação, mensagens de erro ou lógica condicional com código personalizado
• Garantir que o formulário funcione corretamente em diferentes dispositivos e navegadores

Então sim, você tem total flexibilidade, mas também total responsabilidade.

Recursos Adicionais: Mais Guias de Formulários do WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar formulários HTML no WordPress. Em seguida, você pode querer conferir nossos guias sobre:

• Como Criar um Formulário de Reserva no WordPress (Métodos Fáceis)
• Como Criar Formulários Multilíngues no WordPress
• Como Criar Formulários Conversacionais no WordPress
• Como Exportar Entradas de Formulário do WordPress para CSV e Excel
• Guia Definitivo para Usar Formulários WordPress

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.