NovoApresentamos Filter your feed by source, just ask the AI
Feedback Wordpress

3 Formas Simples de Criar um Formulário de Contato no WordPress

Crie um formulário de contato no WordPress para qualquer negócio usando estes três métodos simples.

Nikola Bojkov
View as Markdown
3 Formas Simples de Criar um Formulário de Contato no WordPress

Nikola Bojkov

EmbedSocial Team

Já sabemos que os formulários de contato são uma das formas mais convenientes de entrar em contato com os seus clientes.

Eles são obrigatórios em todos os sites, sejam de e-commerce ou de qualquer outro tipo.

Eles têm aparência profissional e são uma ótima forma de coletar dados dos clientes; além disso, adicionar um simples botão captcha pode oferecer excelente proteção contra spam.

Então, neste post do blog, discutimos como você pode criar um formulário de contato de forma rápida e fácil usando um criador de formulários do WordPress, plugin e HTML, para que você possa aproveitar todos os benefícios que os formulários de contato oferecem.

Vamos começar!

Dentro deste guia:

mostrar

.gutentoc-toc-wrap ul li a, .gutentoc-toc-title-wrap .text_open{ color: #0033ff}}

1. Crie Formulários de Contato Com Criador de Formulários

Os criadores de formulários online são a primeira escolha para utilizadores que não têm conhecimento técnico de HTML, CSS e outras linguagens de programação ou estão ocupados demais para criar um do zero por conta própria.

O processo de criar formulários de contato com um criador de formulários para o seu site WordPress é simples e leva menos de cinco minutos na maioria dos casos.

Os criadores de formulários modernos têm uma interface de utilizador fácil que permite uma navegação intuitiva pelas configurações, possibilitando criar rapidamente qualquer formulário.

Os modelos de formulários dentro da biblioteca do criador de formulários, ou seja, os documentos organizados para coleta de dados, são projetados com antecedência. Tudo o que resta aos utilizadores é personalizar o formulário de acordo com as suas necessidades.

Discutiremos o processo de personalização e as possibilidades que os criadores de formulários oferecem mais adiante no post.

Agora, vamos começar com o guia passo a passo de criar um formulário de contato com a ajuda do EmbedForms.

  1. Primeiro, crie uma conta.
  2. Escolha o modelo de Formulário de contato
  3. Clique em ‘Publicar

É isso.

Se você publicar o formulário, ele estará pronto para ser incorporado na sua página de contato do WordPress imediatamente.

Os utilizadores podem implementar o formulário na página primeiro copiando o código e depois colando o código no site onde querem que o formulário apareça.

O formulário pode ser incorporado como botão de feedback ou como um formulário de contato comum em uma página de contato separada.

Aqui está um exemplo de como o seu formulário de contato ficará uma vez incorporado no seu site WordPress.

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ef.js?v=1.1”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialFormsScript”));

Se você escolher os botões de feedback, o formulário pode ser incorporado na barra lateral ou no cabeçalho da página, e uma vez acionado pelos utilizadores, pode aparecer como um popup, flutuante ou banner.

botão de feedback do EmbedForms

E é isso. Pronto!

Agora vamos voltar e falar sobre as opções de personalização e o que acontece se você escolher editar o formulário.

Os formulários de contato básicos contêm vários campos críticos para nome, e-mail e mensagem.

Mas em algum momento, você pode querer adicionar novos campos de formulário ou mudar o design do formulário.

Usar um criador de formulários online pode ajudar você com isso também.

Basta clicar em qualquer pergunta e, no menu à esquerda, clicar em configurações da pergunta.

O menu de configurações da pergunta fornecerá diferentes campos, começando por parágrafos, campos para e-mail, botões de opção, menus suspensos, caixas de seleção e muitos outros tipos de campos, que podem ser úteis ao criar outros formulários, como formulários de pedido ou formulários de registro.

Além disso, você pode personalizar o formulário para se ajustar ao design do seu site escolhendo um dos temas projetados profissionalmente, anexar a sua foto ao formulário de contato ou usar a opção de CSS personalizado.

As opções adicionais que você pode usar nos criadores de formulários são:

Se você ainda não tem certeza de como começar, pode conferir o nosso tutorial.

Por que escolher um criador de formulários?

Os criadores de formulários vêm com alta funcionalidade e recursos poderosos, mas na maioria das vezes, são fáceis para iniciantes, e qualquer pessoa pode usá-los para criar um formulário clicando nas opções desejadas.

A melhor coisa é que não há necessidade de instalar complementos adicionais, que podem afetar a velocidade do seu site.

Além disso, os criadores de formulários podem funcionar com qualquer criador de páginas e CMS além do WordPress, e algumas das versões pro oferecem funcionalidades avançadas, como formulários de várias páginas e até integrações com o Paypal.

2. Crie Formulários de Contato Com Plugin do WordPress

plugins de formulários do WordPress

Os plugins de criadores de formulários são outra ferramenta útil que muitos utilizadores recorrem quando precisam de um formulário de contato no WordPress.

Existe uma ampla gama de plugins do WordPress que são populares no mercado, e vão desde plugins gratuitos que permitem formulários simples incorporados com shortcode até plugins totalmente integrados com o WordPress.

E qual é o melhor plugin do WordPress depende principalmente das preferências e necessidades dos utilizadores.

No entanto, aqui estão alguns dos plugins do WordPress mais populares que você pode encontrar:

Observação: Para encontrar e instalar plugins, você precisa usar o wordpress.org.

Vamos falar sobre as possibilidades dos plugins de formulário de contato do WordPress, mas primeiro, vamos passar pelos passos de criar um formulário de contato simples usando complementos.

1. Primeiro, vá para o seu painel do WordPress, clique em ‘Plugins

opção de plugin do WordPress

  1. Pesquise o seu plugin preferido. Pode ser qualquer um dos mencionados acima, ou você pode escolher o que mais gostar.

  2. Clique em ‘Ativar’

Uma vez que o plugin seja adicionado ao seu site WordPress, você pode começar a criar o seu novo formulário de contato.

Normalmente, o que você verá a seguir é um criador de formulários de arrastar e soltar, de onde você pode escolher os campos obrigatórios e personalizar o formulário de acordo com as suas necessidades.

Diferentes plugins do WordPress oferecem diferentes funcionalidades; alguns são mais básicos, como uploads de arquivos, e alguns são mais avançados, como funções de lógica condicional.

Em seguida, para incorporar o formulário no seu site, você precisa criar uma nova página ou editar uma existente.

Se você decidir usar um plugin, aqui estão alguns recursos simples, mas importantes, a ter em mente:

Alguns dos melhores plugins de formulário de contato também têm uma versão gratuita, caso você queira experimentá-los e ver se os preços combinam com as funcionalidades que você recebe.

Por que escolher um plugin?

Os plugins oferecem grande flexibilidade e permitem que você crie um formulário de contato diretamente na sua página do WordPress.

Com a ajuda dos plugins, você pode mudar o estilo do formulário e usar fontes e cores que combinem com o design do seu site.

3. Crie um Formulário de Contato em HTML

formulário de contato em html

Usar HTML, CSS e outras linguagens de programação para criar um formulário de contato é provavelmente a forma mais avançada de todas as mencionadas neste post do blog.

No entanto, criar um formulário de contato usando linguagem de marcação é uma abordagem comum que muitos proprietários de sites praticam.

Então, antes de começar a digitar o código, pense em quais campos de entrada você gostaria que o formulário de contato tivesse, além dos mais importantes, como nome, endereço de e-mail, caixa de mensagem e botão de envio.

Em seguida, abra um editor HTML; pode ser qualquer editor, do Notepad ao Brackets; apenas não se esqueça de adicionar a extensão HTML ao nomear o documento.

Em seguida, você pode usar o código de exemplo abaixo para criar o formulário de contato mais simples para a sua página. Por favor, altere o link da ação com o seu domínio e o seu e-mail para receber as respostas no seu e-mail.

<div class="container">
    <form target="_blank" action="https://yourdomain.com/name@email.com" method="POST">
        <div class="form-group">
            <div class="form-row">
                <div class="col">
                    <input type="text" name="name" class="form-control" placeholder="Full Name" required>
                </div>
                <div class="col">
                    <input type="email" name="email" class="form-control" placeholder="Email Address" required>
                </div>
            </div>
        </div>
        <div class="form-group">
            <textarea placeholder="Your Message" class="form-control" name="message" rows="10" required></textarea>
        </div>
        <button type="submit" class="btn btn-lg btn-dark btn-block">Submit Form</button>
    </form>
</div>

No entanto, se você está procurando algo elegante e apresentável, o que você está, precisará usar linguagens de programação um pouco mais avançadas, como CSS e PHP.

Mas, se você é iniciante, precisará gastar muito tempo aprendendo primeiro as linguagens, o que pode não ser a melhor decisão se você quiser adicionar um formulário de contato ao seu site o mais rápido possível.

Conclusão

Adicionar um formulário de contato pode ser rápido e fácil, e dependendo das suas habilidades, ele pode ser projetado de qualquer uma das formas mencionadas acima.

O mais importante é que um site deve ter uma forma de os clientes entrarem em contato com você, o que, além de possibilitar a comunicação, instila um senso de confiança e credibilidade nos negócios.

Pronto para começar com o EmbedSocial?

Comece a construir com o EmbedSocial hoje.

Iniciar teste grátis

Posts relacionados

View all posts