Comment tirer le meilleur parti du formulaire de contact 7

Le formulaire de contact 7 est de loin le plugin de formulaires le plus populaire sur le référentiel WP.org. CF7 a plus de fonctionnalités dès le dépôt que la plupart des plugins dans l'ensemble. Plus que cela, il existe une vaste sélection d'extensions pour le plugin qui vous permettent de faire à peu près tout ce à quoi vous pouvez penser. Dans cet esprit, nous voulons vous montrer comment tirer le meilleur parti de Contact Form 7 et de la vaste sélection d'extensions Contact Form 7.

Abonnez-vous à notre chaîne Youtube

Formulaire de contact 7 : un bref aperçu

Comme nous l'avons dit ci-dessus, CF7 est de loin le plugin de formulaires le plus populaire, ainsi que l'un des plus polyvalents. Cependant, si vous ne le connaissez pas, cela peut sembler compliqué au premier abord. Mais quand vous le décomposez, vous constaterez que ce n'est pas le cas.

Le simple fait d'utiliser du code pour créer vos formulaires ne devrait pas vous effrayer. C'est vraiment très intuitif. Vous n'avez même pas besoin techniquement d'apprendre le code utilisé car les boutons au-dessus de la zone de texte vous donnent un modal pour la personnalisation. Vous pouvez utiliser les modaux sans souci, et le formulaire de contact 7 fonctionnera très bien pour vous. Mais lorsque vous plongez dans les balises et le code, vous obtenez toute la puissance du plugin.

Par exemple, le modèle de formulaire de contact par défaut comporte 4 champs :

• Nom
• E-mail
• Sujet
• Un message

Mais disons que vous avez aussi besoin du numéro de téléphone de quelqu'un. Si vous appuyez sur le bouton tel , vous pouvez insérer ce champ dans le formulaire.

Les options sont assez simples, mais quelques-uns peuvent avoir besoin d'éclaircissements.

1. Nom : Ce champ vous est réservé. Vous l'utilisez à la fois pour identifier le formulaire dans vos listes d'organisation, et également dans le shortcode pour indiquer à Contact Form 7 quel champ de saisie téléphonique vous souhaitez afficher.
2. Valeur par défaut : cette valeur sera ce qui est dans le champ par défaut. Si vous voulez leur montrer comment vous voulez que le nombre soit formaté, par exemple.
3. Attribut d'ID : si vous souhaitez styliser ce champ particulier avec CSS, donnez-lui un ID ici.
4. Attribut de classe : La classe CSS pour tous vos champs téléphoniques, ou peut-être les champs en général. Cependant, vous décidez de vos conventions de nommage de classe.
5. Le Shortcode: Contact Form 7 remplit toutes les valeurs au fur et à mesure, vous pouvez donc simplement copier le code ou appuyer sur Insérer une balise pour terminer. Si vous devez le modifier plus tard dans le formulaire, vous pouvez le faire car toutes les informations se trouvent ici et vous n'avez rien à refaire. Le code final ressemblera à [[tel contact-phone-1 id:phone-1 class:phone placeholder "1 (931) 762-0897"]]

Chacune des balises que vous avez par défaut fonctionne de cette façon.

Autres onglets : Courrier et messages

L'onglet Mail est assez simple. C'est là que vous prendrez les étiquettes de shortcode du formulaire précédent et les utiliserez pour formater les informations envoyées dans un e-mail lisible. De cette façon, lorsque les gens utilisent le formulaire de contact, la soumission ne vous sera pas envoyée en tant que charabia. Vous configurez également ici les en-têtes et les adresses e-mail.

L'onglet Messages est quelque chose avec lequel beaucoup de gens ne plaisantent pas. C'est là que CF7 conserve tous les messages de premier plan que vos utilisateurs verront. Le merci, votre email a été envoyé genre de messages ou nous sommes désolés, vous n'avez pas rempli tous les champs obligatoires . Ce genre de chose.

Il a également une logique conditionnelle mineure, comme ce qui se passe si le message est marqué comme spam. Le formulaire de contact 7 vous donne une tonne de contrôle dans ce domaine, ce qui est agréable. D'autant plus que tout cela a été avec l'édition gratuite barebones .

Et c'est encore mieux. Maintenant que vous savez ce que vous pouvez faire avec le plugin lui-même, examinons certaines des meilleures extensions Contact Form 7 afin que vous puissiez vraiment voir la puissance sous le capot de CF7.

Top sept des extensions de formulaire de contact 7

Nous pensons que sept est un bon nombre auquel s'en tenir parce que, eh bien, c'est le formulaire de contact 7. Et cela a du sens. Avec toute la puissance intégrée au plugin de base gratuit, vous pouvez aller très loin avec seulement quelques plugins. Allons-y, alors.

1. Champs conditionnels pour le formulaire de contact 7

De toutes les extensions Contact Form 7 disponibles, celle-ci est peut-être la plus importante. L'une des fonctionnalités que le plugin de base n'a pas est la logique conditionnelle. Ce plugin corrige cela en étendant les fonctionnalités de CF7. Au lieu, disons, de montrer le même formulaire à tout le monde, quel que soit l'appareil, vous pouvez leur donner un formulaire particulier mieux adapté à leur plate-forme. Et vous n'êtes pas obligé d'utiliser CF7 uniquement pour les contacts - vous pouvez créer n'importe quel type de formulaire que vous voulez. Donc, si vous avez besoin de faire apparaître des formulaires de commentaires après que certains critères soient remplis, vous pouvez le faire avec ce plugin.

Prix ​​: GRATUIT | Plus d'information

2. Module complémentaire PayPal et Stripe

Peut-être n'avez-vous pas besoin d'une solution de commerce électronique complète. Peut-être que l'exécution de WooCommerce ou autre chose est tout simplement trop pour les une ou deux choses que vous vendez. Ce plugin peut être votre meilleur pari. Vous pouvez conserver un formulaire créé pour chaque article particulier que vous vendez (chacun avec un SKU ou un ID unique), et vos utilisateurs seront redirigés vers PayPal ou Square lors de la soumission du formulaire. Vous n'hébergerez ni ne traiterez leurs informations de paiement, vous aurez simplement l'avantage de vendre vos produits en quelques clics.

Prix ​​: GRATUIT | Plus d'information

3. CAPTCHA vraiment simple

Nous détestons tous CAPTCHA. Pourtant, ils constituent une première défense efficace contre le spam et les menaces de sécurité. Really Simple CAPTCHA est écrit par le même développeur que Contact Form 7, vous savez donc que de toutes les extensions qui fournissent cette fonction, celle-ci est celle à laquelle faire confiance.

Prix ​​: GRATUIT | Plus d'information

4. Formulaire de contact 7 Skins

CF7 est incroyablement facile à personnaliser. Bien sûr, vous pouvez ajouter des identifiants CSS à chaque formulaire et les styliser de cette façon, mais pourquoi le feriez-vous lorsque Contact Form 7 Skins existe ? Ce plugin utilise un éditeur glisser-déposer afin que si vous n'êtes pas un as de la conception et que vous pouvez sortir du CSS en un clin d'œil, vous pouvez le faire à la place. L'une des caractéristiques d'un site Web professionnel est une conception entièrement intégrée, formulaires inclus, et cela peut vous aider à le faire vous-même sans l'aide d'un professionnel de la conception.

Si vous voulez vraiment utiliser les formulaires de contact 7 sur votre site au maximum, vous aurez besoin d'une variété d'options pour la façon dont vous le stylisez. CF7 Skins propose un certain nombre de packs premium et de modules complémentaires afin que vous puissiez obtenir non seulement plus de modèles et de skins pour votre site, mais également une logique et la possibilité de diviser les formulaires en plusieurs pages, et un style encore plus avancé que celui disponible dans le version gratuite.

Prix ​​: GRATUIT, avec les mises à niveau Premium | Plus d'information

5. Autorépondeur CF7 (Premium)

Si vous conservez une liste de diffusion (et nous sommes presque certains que vous le faites), cette extension Premium Contact Form 7 pourrait être quelque chose à regarder. De nombreux services de répondeur automatique de courrier électronique ont une intégration frontale moins que stellaire avec les sites Web. Leurs widgets et API peuvent parfois prêter à confusion. Ainsi, CF7 Autoresponder vous permet d'utiliser un plugin puissant, que vous avez déjà parfaitement adapté à votre site, tout en générant et stockant tous les prospects que vous souhaitez avec votre service de messagerie préféré. Pour seulement 18 $ sur CodeCanyon, c'est une véritable aubaine. D'autant plus qu'il fonctionne aussi avec des formes établies. Pas besoin de reconstruire quoi que ce soit. Assurez-vous simplement que celui-ci sait qu'ils existent et que vous êtes en affaires. Littéralement.

Prix ​​: 18 $ | Plus d'information

6. Formulaire de contact 7 Stockage (Premium)

Si vous voulez vraiment tirer le meilleur parti du formulaire de contact 7, vous devez en profiter, tout est installé sur WordPress. CF7 Storage fait en sorte que toutes vos soumissions de formulaires soient enregistrées dans votre base de données WP. Plusieurs fois, les e-mails se perdent. Ou peut-être que le serveur de messagerie est défectueux et que vous manquez une piste importante. Ou pire, votre e-mail commence à marquer les soumissions de votre site Web comme spam/pourriel (par expérience… c'est le pire). Ce plugin corrige cela en vous donnant une boîte de réception côté serveur de chaque soumission de l'un de vos formulaires. À 19 $, c'est moins d'un an de Google One. Nous pensons que vous conviendrez que c'est un petit prix à payer pour ce genre d'utilitaire (et la sécurité, honnêtement).

Prix ​​: 19 $ | Plus d'information

7. CF7 Drop Uploader (Premium)

La recherche dans les structures de fichiers et les répertoires pour trouver un fichier à télécharger est donc 2002. Le CF7 Drop Uploader apporte au plugin préféré de tous cette touche moderne et plus encore. Faire glisser n'importe quel fichier sur le formulaire lancera le téléchargement, et vos utilisateurs ne perdront pas de temps à chercher et cliquer et cliquer et cliquer et cliquer. Plusieurs fois, les utilisateurs vous contactent pour obtenir de l'aide sur un problème, et si vos formulaires ne permettent pas au moins le téléchargement d'une capture d'écran, vous avez des frictions entre l'utilisateur et la solution à son problème. Combinez cela avec d'autres extensions Contact Form 7, comme celle qui enregistre dans votre base de données, et vous avez vraiment commencé à exploiter le petit plugin qui pourrait le faire. Drop Uploader coûte 17 $, mais cela en vaut vraiment la peine pour la facilité qu'il apporte à vos utilisateurs.

Prix ​​: 17 $ | Plus d'information

Conclusion

Si vous êtes déjà un utilisateur du formulaire de contact 7, j'espère que nous avons pu vous ouvrir les yeux sur quelques façons d'étendre son utilité sur votre site Web. Et si vous êtes nouveau, fouillez dans toutes les extensions Contact Form 7 là-bas. Si vous voulez vraiment tirer le meilleur parti de CF7, vous devez trouver les bonnes extensions. Et les sept ci-dessus couvrent vraiment la plupart de vos bases en termes d'extension de ce qui est possible avec le plugin gratuit du référentiel.

Quelles sont vos extensions de formulaire de contact 7 préférées ?

Article présenté en image par Vitya_M / shutterstock.com