Comment créer un formulaire de contact PopUp?

Article écrit par:
  • WordPress
  • Mise à jour: Sep 13, 2017

Les formulaires de contact sont géniaux! Ils permettent à quiconque aime / n'aime pas ou a une opinion sur le contenu de votre site de vous contacter.

Et plus important encore, ils permettent aux personnes intéressées de faire affaire avec vous d'entrer en contact. Je parle d'expérience personnelle.

Dans ce tutoriel, je vais vous apprendre quelques astuces pour que votre formulaire de contact apparaisse lorsque vous en avez besoin. Mais avant cela, je voudrais expliquer pourquoi les formulaires de contact sont un outil vraiment puissant dans l'arsenal commercial de votre site.

Besoin d'aide pour peaufiner votre site WordPress?
WHSR est désormais partenaire de Codeable.io pour aider les utilisateurs ayant besoin de services professionnels de développement / personnalisation de WP.

Pour obtenir un devis gratuit, veuillez remplir ce formulaire de demande.

Les formulaires de contact sont essentiels

Je suis un écrivain indépendant, j'ai commencé à écrire quand j'étais étudiant en deuxième année à l'université. Le premier concert que j'ai jamais eu, je devais postuler à au moins des emplois 50 sur Elance. C'était l'enfer. Peu de temps après, un de mes amis, qui était au courant de mon expérience de pigiste, m'a proposé un poste de rédacteur pour un fournisseur de sauvegarde WordPress, BlogVault.

Tous les emplois que j'ai obtenus par la suite ont été contactés via les formulaires de contact.

Je n'ai pas de site Web sur lequel je peux annoncer mes services et afficher mon portefeuille. J'utilise LinkedIn pour afficher mon portefeuille de travail. Aucun des sites Web pour lesquels je suis en train d'écrire n'aurait entendu parler de moi, s'ils n'avaient pas eu un formulaire de contact facilement accessible.

En conséquence, je reçois de la pâte pour mon travail et le client, autrement dit «le site Web avec un formulaire de contact», reçoit un bon contenu.

C'est juste un exemple. Vous ne savez jamais ce que vous manquerez si vous ne disposez pas d'un formulaire de contact facilement accessible. Il se peut qu'un investisseur soit intéressé par le financement de la mission de votre site. Nous ne voudrions pas qu'ils recherchent trop, n'est-ce pas?

Il existe maintenant quelques scénarios dans lesquels vous pouvez inviter un visiteur à utiliser le formulaire de contact. Nous y arriverons, nous avons d’abord besoin d’un bon plugin de formulaire de contact.

Obtenir un bon plugin de formulaire de contact - Formulaire de contact 7

Contactez 7 forme

1. Installez et activez le plugin (lien ci-dessous).

2. Dans votre panneau d'administration WordPress, ouvrez Contact> Ajouter un nouveau. Personnalisez le message que vous souhaitez transmettre au visiteur selon les besoins.

Formulaire de contact 7 nouveau formulaire

3. Vous obtiendrez un shortcode pouvant être inséré pour afficher le formulaire de contact. Copiez-le et mettez-le de côté pour l'instant.

Plus de détails et téléchargements

Popup Maker

À mon avis, le plug-in de choix pour la création de popups est Popup Maker.

Popup Maker

1. Installez et activez le plugin (lien ci-dessous).

2. Ouvrez Popup Maker> Ajouter un nouveau.

Ajout de Popup

3. Créez la nouvelle fenêtre contextuelle et collez le shortcode que vous aviez précédemment copié à partir du formulaire de contact 7.

COpiedShortCode &popup publié

Comme vous pouvez le constater, les paramètres du fabricant de popups sont assez étendus. Vous pouvez choisir la taille, les caractéristiques de superposition, les animations, la position de la fenêtre contextuelle et le mode de fermeture de cette dernière par un visiteur. Le plugin vous permet de sélectionner où et quand la popup apparaîtra. Ce processus est assez intuitif.

Une fonctionnalité qui me plaît beaucoup dans Popup Maker est la possibilité d’utiliser des cookies. Si vous sélectionnez l'option sous Ouvrir automatiquement les paramètres, les options suivantes s'ouvrent.

Biscuits

Vous pouvez ajouter un cookie pour empêcher le popup d'apparaître en permanence pour un visiteur fréquent de votre site. C'est un must, vous ne voudriez pas embêter un lecteur fidèle avec des popups incessants.

Et enfin, vous obtenez un formulaire de contact contextuel.

ContactFormPopUp

Cela n’a pas l’air spectaculaire, mais cela ne devrait rien enlever au but indispensable qu’elle sert. Et avec un peu de travail sur le CSS, vous pouvez le rendre superbe.

Plus de détails et téléchargements

Une combinaison intelligente

Cette combinaison de plugins (Formulaire de contact 7 + Popup Maker) devrait vous servir très bien.

Je vous donnerai deux choix alternatifs pour les plugins popup, si jamais vous en avez besoin. Popups PopUp par Supsystic sont de très bons plugins pour créer des popups.

Si vous voulez d'autres plugins de formulaire, alors vous pouvez lire mon premier post pour WHSR à propos de 12 formulaires personnalisés.

Vos pensées sont toujours les bienvenues dans la section commentaires.

À propos de Vishnu

Vishnu est un rédacteur pigiste de nuit, travaille comme analyste de données le jour.