skip to Main Content

Comment ajouter un formulaire de contact popup sur WordPress

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Parfois il peut être très ennuyeux pour vos abonnés d’être toujours obligés d’accéder à une page spécifique pour contacter les administrateurs d’un site WordPress… et tous les sites ne proposent pas des formulaires de contact. Il faut donc parfois installer un nouveau plugin.

Pour remédier à ce problème, dans ce tutoriel je vous monterai comment créer un formulaire de contact flottant sur votre blog WordPress, avec le plugin « Beauty Contact Popup Form », disponible sur WordPress.

En cas de souci, n’hésitez pas à nous le faire savoir dans le forum.

Comment installer « Beauty Contact Popup Form »

Je vous invite à installer le plugin depuis votre tableau de bord.

beauty-contact-form

Après l’activation de ce dernier, vous remarquerez un nouveau menu disponible sur le menu latéral gauche du tableau de bord. Je vous invite à cliquer sur ce menu.

Démarrez la promotion de votre blog

Téléchargez des dizaines de Logos, bannières, modèles de sites web et de nombreux autres outils marketing pour faire connaître votre Blog WordPress. [Recommandé]

beauty-contact-menu

Sur cette nouvelle page sont affichés les différents champs qui sont utilisés notamment pour :

  • Modifier le titre du formulaire « Popup form Title »
  • L’adresse email qui recevra les mails de contact « Email address »
  • Le sujet par défaut des adresses emails « Email subject »

Le champ « Link Button / Text », n’a pas besoin d’être modifié, car ce dernier contient un lien vers une image valide. Toutes fois, il est possible d’ajouter un lien vers une autre image de votre choix.

Remarque : Les différents mails qui seront envoyés parviendront à l’adresse email que vous aurez enregistré dans les réglages du plugin.

Comment afficher le bouton de contact sur le blog

Vous pouvez afficher le bouton de contact de deux façons sur le blog :

La première façon est d’ajouter un widget « tagswebs Popup Form » sur l’une des colonnes latérales de votre thème.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

ajouter-un-widget

La deuxième méthode consiste à ajouter le shortcode « [show_tagwebs_beauty_contact_popup_form id= »1″] » sur une page ou un article de votre blog.

ajouter-un-shortcode

Voici à quoi ressemblera le formulaire de contact sur le blog (Avec le thème « Twenty Thirteen »).

presentation-de-la-demo

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Je dois avouer qu’il y a de petits soucis de compatibilité avec certains thèmes, et j’espère que dans une prochaine mise à jour, il y aura une fonctionnalité qui permettra au formulaire d’être fixe par rapport à l’écran.

C’est tout pour ce tutoriel sur l’intégration d’un formulaire de contact sur un blog WordPress. N’hésitez pas à le partager si vous l’avez aimé ou trouvé utile.

Cet article comporte 2 commentaires
  1. Hello !
    Merci pour ce tuto super pratique ! J’ai vraiment adoré la facilité d’installation de ce bouton !
    Seul bémol : est-il possible d’en changer le design ?
    Merci d’avance !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
5 Partages
Partagez5
Tweetez
Enregistrer