Créer un bouton de contact flottant

Dans le cadre d’un site professionnel il est important que l’on puisse vous contacter facilement à partir de n’importe quelle page du site web. Pour cela il existe la technique du bouton flottant. Je vais vous montrer comment en ajouter un en quelques minutes avec Elfsight.

Ajouter un bouton prendre-rendez vous dynamique sur votre site web.

Installer le module Elfsight : Contact Form

Cliquez sur l’engrenage ⚙ pour commencer à personnaliser votre module de formulaire interactif !
👇🏻

Personnalisez les champs votre formulaire

Choisissez les informations que vous souhaitez voir apparaitre sur votre formulaire de contact parmi de nombreux types d’éléments : 

  • Texte court
  • Texte long
  • Email
  • Url
  • Téléphone
  • Nombre
  • Date 
  • Fichier
    (…)

Pour faire flotter le bouton “prendre rendez-vous”

  1. Sélectionnez “Floatting button”
  2. Choisissez l’icône et la présentation correspondant à ce que vous souhaitez faire 
    – Message
    – Formulaire
    – Dialogue
    – Feedback
    – Calendrier
    – Support
    (…)

Installer le module sur votre site web

Pour installer le module, c’est très simple. Il vous faudra coller le code que va vous donner Elfsight à l’endroit ou vous souhaitez voir apparaitre le logiciel sur votre site web.

Attention : Pour le faire apparaitre sur l’ensemble du site web, il faut le coller dans le “HEAD” du site. 🤗 

C’est terminé ! 🎊

Une fois en ligne votre module
va ressembler à celui qui est présent en bas à droite de la page. Enjoy !