Ir para o conteúdo principal

Como adicionar um formulário de contato com o WordPress formulário de contato 7

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Formulário de Contato 7 é certamente o plug-in mais usado no WordPress ao criar o formulário de contato. Sua principal vantagem é a simplicidade que oferece ao criar um formulário e integrá-lo a diferentes páginas, artigos ou widgets,anos esquecem o fato de estar disponível em francês.

contacto-forma-7

Se você quiser aprender como usar este plug-in, você está no lugar certo, porque neste tutorial mostrarei onde baixar o Formulário de contato 7 e como usá-lo para adicionar um formulário de contato ao seu site WordPress.

Se você não entender um ponto deste artigo, não hesite em compartilhá-lo conosco usando o formulário de comentários. Se o artigo o ajudar, compartilhe-o com seus amigos nas redes sociais.

Como instalar plug-in Formulário de Contato 7

Contato Contato 7 está disponível no WordPress.org, o que significa que você pode instalá-lo diretamente no painel do WordPress digitando as palavras " Contato Contato 7", A ocorrência que terá o mesmo nome será a correta. No entanto, se você deseja ter este plug-in, Você pode faça o download diretamente como arquivo .ZIP.

Após a instalação, você notará que um novo link está disponível no seu painel, este é o menu: « contato ». Ele possui dois submenus : « formas de contato« (que reúne todos os formulários que você criou, você pode gerenciar seus diferentes formulários neste site) et « crie um formulário« .

Como criar um novo formulário

Um pequeno comando da linguagem HTML será um complemento para a compreensão deste plug-in. Para criar um novo formulário, vá para o seguinte local: « Contato >> crie um formulário ". Neste site você verá as seções 6:

  • O primeiro (no topo) contém o nome do formulário
  • forma: é o espaço de trabalho onde criaremos nossos formulários
  • E-mail: altera a forma doemail que será enviado ao administrador
  • E-mail 2: permite enviar ao remetente uma cópia da mensagem que ele enviou (você pode desativar esta opção)
  • mensagens: permite editar mensagens que podem aparecer ao enviar um formulário de contato. Não modificaremos esses campos, pois eles já estão traduzidos para o francês
  • configurações complementares: Este é o campo de texto onde você pode adicionar códigos para produzir um comportamento preciso.

Começaremos adicionando um nome ao nosso formulário, com o seguinte nome: « novo formulário ".

Observação : Para adicionar um nome a este formulário, você deverá clicar duas vezes no texto "Sem título", Um campo de texto irá aparecer.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

how-create-a-nova-forma

Na secção "Formulário", o campo de texto à esquerda já oferece alguns campos padrão. Cada campo começa com uma tag de abertura " <p>», e termina com uma tag de fechamento </ P>".

Mais abaixo na seção formuláriovocê notará que existe um campo de texto à esquerda pré-preenchido e à direita, um menu suspenso contendo os vários campos que podem ser adicionados.

Suponha que desejemos adicionar um campo para o número de telefone, escolheremos a opção " número de telefone »No menu suspenso, que exibirá uma caixa meta com as opções do campo que queremos adicionar.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

O campo indispensável aqui é certamente o nome do campo. Você pode alterá-lo, mas sugiro que você deixe a extensão manipular esses nomes, a menos que saiba o que está fazendo. Pode ser necessário adicionar texto de marca d'água ao novo campo. Para isso, marque a caixa « Utilize este texto marca d'água? » e adicionar o texto para o campo "Valor padrão".

Observação : Você pode determinar que um campo é obrigatório, marcando a caixa « Campos obrigatórios? ».

Depois de terminar, o campo « Copie o código abaixo e cole-o no formulário à esquerda »Conterá o código para o nosso novo campo. Copie este valor e adicioná-lo especialmente antes da linha de código:

<p> [enviar "Enviar"] <p>

qual é o botão de envio.

Meu novo campo é o seguinte:

[tal espaço reservado 711 "Seu número de telefone"]

Enrolei em uma etiqueta "<P>" (como mencionado acima), com um texto indicativo, para ter um código final idêntico a este:

<p> Seu número de telefone: <br> [espaço reservado para 711 "Seu número de telefone"] </ p>

Obviamente, você pode modificar o email que receberá e a notificação por email que o autor da mensagem receberá, mas para isso é necessário ter um bom comando de HTML para obter resultados satisfatórios. .

Quando a modificação do formulário estiver concluída, não se esqueça de salvar o formulário. Somente depois de fazer isso, você poderá recuperar seu código curto (Atalho) e adicione-o a uma página, artigo ou mesmo a um widget de texto.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

como a cópia-shortcode-de-um-Form

Eu tentei e funciona muito bem. Você também pode testar em casa os diferentes e-mails enviados aos usuários e aos que você recebe.

forma-a-campo recém-acrescentado

Isso é tudo para este tutorial, espero que ajude a criar sua página de contato com o plugin WordPress grátis. Formulário de contato 7. Sinta-se livre para postar um comentário.

Este artigo contém comentários 10
  1. Eu fiz a instalação várias vezes nos últimos meses, parece bom, mas quando tento, recebo a seguinte mensagem "Ocorreu um erro ao enviar sua mensagem. Por favor, tente novamente mais tarde ”…
    Não vejo o que há de errado ...
    Percebo que meu formulário no site não tem nome quando o dei…

    obrigado,

    bien cordialement

  2. Bom Dia,
    Eu integrei o código mencionado acima no formulário de contato (acesso através do botão "fale conosco" no cabeçalho da página inicial). Tudo aparece na página "mail" que preencho todos os campos, mas o email que recebo contém apenas o nome, o assunto e o email, não o número de telefone 🙁
    Onde estou enganado ??? Agradeço antecipadamente se você pode me ajudar

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
1 ações
ação
chilrear
Enregistrer1