Exemples de Formulaire Contact Form 7 à adapter à tes besoins

Exemples de Formulaire Contact Form 7 à adapter à tes besoins

Contact Form 7 est un plug-in de choix quand il s’agit de créer des formulaires sur WordPress, c’est un standard qui permet une grande flexibilité.

Tu peux l’utiliser pour encourager tes visiteurs à te contacter, à t’envoyer des demandes de devis, de t’envoyer des fichiers, de répondre à des questionnaires. De plus des plug-ins additionnels, te permettent de facilement connecter Contact Form 7 à des services en ligne comme Mailchimp.

Tu trouveras dans cet article des formulaires de base à intégrer à ton site.
Si tu rencontres des erreurs, vérifies les id des balises à l’intérieur du formulaire, tu peux aussi nous contacter si tu as besoin d’un coup de main.

Bien entendu tu peux, en intégrant des balises HTML modifier l’esthétique de ces formulaires grâce au CSS.

Aussi, si tu veux que les réponses aux formulaires soient visibles, exploitables et stockés sur ton WordPress, tu peux utiliser ce type de plug-in : Contact Form Entries.

 

 

Voici quelques formulaires Contact Form 7 à adapter à tes besoin :

 

Formulaire d’inscription à newsletter :



J'ai lu et accepte les conditions

Code :

[email* your-email placeholder “Votre adresse Email”]
[submit class:btn class:btn–primary class:type–uppercase “Je m’inscris”]
[checkbox checkbox-913 ” “] J’ai <a href=”#”>lu</a> et accepte les conditions


 

Inscrivez-vous à notre newsletter pour recevoir des infos bien-être

Plus de 1000 inscris


Code :

<h3>Inscrivez-vous à notre newsletter pour recevoir des infos bien-être</h3>
<p>Plus de 1000 inscris</p>
[email* your-email placeholder “Adresse Email”][submit class:btn class:btn–primary class:type–uppercase “Je m’inscris”]
[checkbox checkbox-833 “J’ai <a href=”www.google.com”>lu</a> et accepte les conditions d’utilisation”]

 


Formulaire de questionnaire à choix multiple :

 

Je viensÇa m’intéresse





Code :

[radio radio-122 default:1 “Je viens” “Ça m’intéresse”]
[text* your-name placeholder “Mon nom”]
<label>Vous êtes plutôt rock ou rap ?</label>
[text* your-song placeholder “Quel est votre style de musique ?”]
<label>Y’a t’il des aliments que vous ne mangez pas ?</label>
[select menu-744 “Gluten” “Viande” “Œufs”]
[submit class:btn class:btn–primary class:type–uppercase “Je réserve ma place”]


Formulaire basique :

 







Code :

<label>Nom:</label>
[text* your-name placeholder “Prénom/ Nom”]
<label>Adresse Email:</label>
[email* your-email placeholder “moi@exemple.com”]
<label>Message:</label>
[textarea your-message x4 placeholder “Message”]
[submit class:btn class:btn–primary “Envoyer”]


 









Code :

<label>Nom:</label>
[text* your-name placeholder “Prénom/ Nom”]
<label>Adresse Email:</label>
[email* your-email placeholder “moi@exemple.com”]
<label>Message:</label>
[textarea your-message x4 placeholder “Message”]
<label>Veuillez insérer un fichier PDF, DOC ou DOCX, la taille de fichier est limité à 3Mb.</label>
[file file-767 limit:3000000 filetypes:pdf|doc|docx]
[submit class:btn class:btn–primary “Envoyer”]


 










Option 1Option 2Option 3


Code :

[text* Votre nom et prénom placeholder “Prénom/ Nom”]
<label>Addresse Email :</label>
[email* your-email placeholder “moi@exemple.com”]
<label>Adresse :</label>
[text your-address placeholder “Rue”][text your-suburb placeholder “Commune”][text your-state placeholder “Ville”]
<label>Quelle est l’adresse de votre site internet :</label>
[url url-333 placeholder “URL”]
<label>Message:</label>
[textarea your-message placeholder “Message”]
[radio radio-908 default:1 “Option 1” “Option 2” “Option 3”]
[select menu-953 “Select An Option” “Petit” “Moyen” “Grand”]
[quiz quiz-689 “Quelle est la capitale de la Belgique ?|Bruxelles”]
[submit class:btn class:btn–primary “Envoyer”]


Formulaire de demande de devis :

 

Bonjour, je suis et je représente , je recherche un coach en entreprise : . J'ai un budget de euro, je souhaiterai pouvoir commencer le Contactez-moi via ou pour en discuter plus en détail.

Code :

Bonjour, je suis [text* your-name placeholder “Nom”] et je représente [text* your-company placeholder “Société”], je recherche un coach en entreprise : [select menu-211 “Select” “Bien être au travail” “Productivité”]. J’ai un budget de [select* menu-212 “Select” “< 5000” “5000 – 10,000” “10,000 +”] euro, je souhaiterai pouvoir commencer le [date date-690 placeholder “Date/Timeframe”] Contactez-moi via [email* your-email placeholder “Adresse Email”] ou [tel tel-499 placeholder “Téléphone”] pour en discuter plus en détail.
[submit class:btn class:btn–primary class:type–uppercase “Envoyer”]


 










Prestation demandée:

DesignWebMarketingContenu

Budget:

< €5000€5000 - €10,000€10,000 +

Code :

<label>Nom:</label>
[text* your-name]
<label>Société:</label>
[text* your-company]
<label>Adresse Email:</label>
[email* your-email]
<label>Téléphone:</label>
[tel tel-252]
<label>Mon projet:</label>
[textarea your-message x5]
<h5>Prestation demandée:</h5>
[checkbox checkbox-504 “Design” “Web” “Marketing” “Contenu”]
<h5>Budget:</h5>
[radio radio-629 default:1 “< €5000” “€5000 – €10,000” “€10,000 +”]
[submit class:btn class:btn–primary class:type–uppercase “Envoyer”]


Ces formulaires sont à placer dans cette fenêtre :

 

 

Les messages d’erreurs et de reussite de Contact Form 7 lors du remplissage du formulaire.

Si tu as installé WordPress et Contact Form 7 en version anglaise, les messages de réussites et d’erreurs affiché par Contact Form 7 lorsque tes visiteurs remplissent un formulaire peuvent s’afficher en anglais, voici ces mêmes messages en version française (tu peux bien sur les adapter) :

 

Version anglaise :

  • 1. Sender’s message was sent successfully
  • 2. Sender’s message failed to send
  • 3. Validation errors occurred
  • 4. Submission was referred to as spam
  • 5. There are terms that the sender must accept
  • 6. There is a field that the sender must fill in
  • 7. There is a field with input that is longer than the maximum allowed length
  • 8. There is a field with input that is shorter than the minimum allowed length
  • 9. Date format that the sender entered is invalid
  • 10. Date is earlier than minimum limit
  • 11. Date is later than maximum limit
  • 12. Uploading a file fails for any reason
  • 13. Uploaded file is not allowed for file type
  • 14. Uploaded file is too large
  • 15. Uploading a file fails for PHP error
  • 16. Number format that the sender entered is invalid
  • 17. Number is smaller than minimum limit
  • 18. Number is larger than maximum limit
  • 19. Sender doesn’t enter the correct answer to the quiz
  • 20. Email address that the sender entered is invalid
  • 21. URL that the sender entered is invalid
  • 22. Telephone number that the sender entered is invalid

 

Version francaise :

  • 1. Le message a été envoyé avec succès
  • 2. Le message n’a pas été envoyé
  • 3. Des erreurs se sont produites
  • 4. La soumission a été qualifiée de spam
  • 5. Des conditions doivent être acceptées
  • 6. Il y a un champ à remplir
  • 7. Il y a un champ qui est plus long que la longueur maximale autorisée
  • 8. Il y a un champ plus court que la longueur minimale autorisée
  • 9. Le format de date saisi par n’est pas valide
  • 10. La date est antérieure
  • 11. La date est postérieure
  • 12. Le téléchargement d’un fichier échoue pour quelque raison que ce soit
  • 13. Le fichier téléchargé n’est pas autorisé pour le type de fichier
  • 14. Le fichier téléchargé est trop volumineux
  • 15. Le téléchargement d’un fichier échoue à cause d’une erreur PHP
  • 16. Le format des nombres saisi par n’est pas valide
  • 17. Le nombre est inférieur à la limite minimale
  • 18. Le nombre est supérieur à la limite maximale
  • 19. Vous n’avez pas rentré la bonne réponse au quiz
  • 20. L’adresse e-mail saisie n’est pas valide
  • 21. L’URL saisie n’est pas valide
  • 22. Le numéro de téléphone n’est pas valide

 

En bonus, voici quelques plugin concurrents à contact form 7 :

 

Pirate Forms

Si tu as besoin d’un formulaire de contact et de rien de plus, Pirate Forms te permet avec un simple shortcode, [pirate_forms],  de créer ta page contact.

 

WPForms

WPForms facilite l’agencement des éléments de ton formulaire de contact à l’aide d’une interface en drag and drop (glisser-déposer).
Tu pourras ainsi très facilement rajouter autant d’options que tu le souhaites avec ajout de pièce jointe, de boite postale ou d’autres éléments encore.

Ninja Forms

Tu souhaites créer une page avec un formulaire de sondage en plus d’une page contact, Ninja Forms te le permet. Ninja Forms jouit en sus d’une bonne communauté, tu trouveras facilement des addons pour rajouter des options.

 

Nous organisons des formations de création de newsletters, contacte-nous, si tu es intéressé.

 

  • Partager: