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 le plus utilisé sur WordPress en matière de création de formulaire de contact. Son principal atout est la simplicité qu’il offre lorsqu’il faut créer un formulaire et l’intégration aux différentes pages, articles ou widgets, sans oublier le fait qu’il est disponible en français.

contacto-forma-7

Si vous souhaitez apprendre à utiliser ce plug-in, alors vous êtes au bon endroit, car dans ce tutoriel, je vous monterai où télécharger Contact Form 7 et comment l’utiliser pour ajouter un formulaire de contact sur votre site WordPress.

Si vous ne comprenez pas un point sur cet article, alors n’hésitez pas à nous en faire part à l’aide du formulaire des commentaires. Si l’article vous aide, partagez-le avec vos amis sur les réseaux sociaux.

Como instalar plug-in Formulário de Contato 7

Contato Formato 7 est disponible sur WordPress.org, ce qui signifie que vous pouvez l’installer directement à partir de votre tableau de bord WordPress en entrant les termes « Contato Formato 7« , l’occurrence qui portera le même nom sera la bonne. No entanto, se você deseja ter este plug-in, Você pode le télécharger directement como arquivo .ZIP.

Après l’avoir installé, vous remarquerez qu’un nouveau lien est disponible sur votre tableau de bord, il s’agit du menu : « contato ». Il possède deux submenus : « formas de contato« (qui rassemble l’ensemble des formulaires que vous avez créé, vous pourrez gérer vos différents formulaires sur cet emplacement) et « créer un formulaire« .

Comment créer un nouveau formulaire

Une petite maîtrise du langage HTML sera un plus à la compréhension de ce plug-in. Pour créer un nouveau formulaire, accédez à l’emplacement suivant : « Contato >> créer un formulaire ". Neste site você verá as seções 6:

  • O primeiro (no topo) contém o nome do formulário
  • forma: est l’espace de travail où l’on créera nos formulaires
  • E-mail: altera a forma doemail qui sera envoyé à l’administrateur
  • E-mail 2: permet d’envoyer à l’expéditeur une copie du message qu’il a envoyé (vous pouvez désactiver cette option)
  • mensagens: vous donne la possibilité de modifier les messages susceptibles d’apparaître durant l’envoi d’un formulaire de contact. Nous ne modifierons pas ces champs, puisqu’ils sont déjà traduits en français
  • réglages complémentaires: il s’agit du champ de texte où peuvent être ajoutés des codes afin de produire un comportement précis.

Nous allons donc commencer par ajouter un nom à notre formulaire, que l’on nommera ainsi : « novo formulário ".

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]

Observação : pour ajouter un nom à ce formulaire, il vous faudra double-cliquer sur le texte « Sans titre », Um campo de texto irá aparecer.

comment-créer-un-nouveau-formulaire

Na secção « formulaire », le champ de texte situé à gauche offre déjà quelques champs par défaut. Chaque champ commence par une balise ouvrante « <p>», et se termine par une balise fermante « </ P>".

Mais abaixo na seção formulário, vous remarquerez qu’il y a un champ de texte à gauche pré-rempli et à droite, un menu déroulant contenant les différents champs que l’on pourra ajouter.

Supposons que nous souhaitons ajouter un champ pour le numéro de téléphone, nous allons choisir l’option « número de telefone » sur le menu déroulant, ce qui fera apparaitre une boite méta avec les options du champ que nous souhaitons ajouter.

Le champ indispensable ici est certainement le nom du champ. Vous pouvez le modifier, mais je vous suggère de laisser l’extension gérer ces noms, sauf si vous savez ce que vous faites. Vous aurez peut-être besoin d’ajouter un texte en filigrane sur le nouveau champ. Pour cela cochez la case « Utilize este texto marca d'água? » e adicionar o texto para o campo « valeur par défaut ».

Observação : Vous pouvez déterminer qu’un champ est obligatoire, en cochant la case « Campos obrigatórios? ».

Après avoir terminé, le champ « 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:

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]

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

qual é o botão de envio.

Meu novo campo é o seguinte:

[tel tel-711 placeholder « Votre numéro de téléphone »]

Je l’ai enveloppé dans une balise « <p>» (comme mentionné plus haut), avec un texte indicatif, pour avoir un code final identique à celui-ci :

<p>Votre numéro de téléphone :<br>
[tel tel-711 placeholder "Votre numéro de téléphone"]</p>

Bien sûr, vous pouvez modifier l’email que vous recevrez, et l’email de notification d’envoi que l’auteur du message recevra, mais pour cela, il vous faut avoir une bonne maitrise du langage HTML pour arriver à des résultats satisfaisants.

Lorsque la modification du formulaire est complète, não se esqueça de salvar o formulário. Seulement après l’avoir fait, vous pourrez récupérer son shortcode (Atalho) et l’ajouter sur une page, un article ou même dans un widget texte.

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

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. [FREE]

je l’ai essayé, et il fonctionne plutôt bien. Vous pouvez d’ailleurs tester chez vous les différents mails envoyés aux utilisateurs ainsi que ceux que vous recevez.

nouveau-champ-ajouté-au-formulaire

C’est tout pour ce tutoriel, j’espère qu’il vous aidera à créer votre page contact grâce au plugin WordPress gratuit Contact Form 7. N’hésitez pas à poster un commentaire.

Este artigo contém comentários 8
  1. 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