Divi fly-in - Divi Community

25 Licence à vie et sans limite d’utilisation

Affichez vos informations avec élégance.

25

Licence à vie et sans limite d’utilisation

C’est quoi un fly-in ?

Le fly-in est un type de pop-up qui apparait dans un angle inférieur de la fenêtre du navigateur.

Moins intrusif que la pop-up et plus visible que la promobar, le fly-in est l’outil idéal pour afficher diverses informations sur son site web.

Avec une surface d’affichage confortable, le fly-in peut faire passer tout type de message.

Que ce soit une info de dernière minute, un événement programmé ou encore votre dernière actu, informez efficacement vos visiteurs sans les importuner.

Un résultat en moins de deux !

Avec Divi Fly-In, il ne faut que quelques secondes pour créer un fly-in sur mesure avec le Divi Builder.

Comment fonctionne Divi Fly-In ?

J’aime concevoir des plugins pour Divi faciles à prendre en main, efficaces et surtout respectueux de l’univers Divi.

Divi Fly-In en est la preuve : il vous suffit d’ajouter seulement une classe à une section pour obtenir un fly-in !

Stylez ensuite votre section comme vous le souhaitez afin d’obtenir le rendu graphique qui vous convienne pour votre fly-in.

Les classes de Divi Fly-In

divi-flyin

C’est la classe mère qui va créer le fly-in :

  • dimensions : largeur fixe de 320 px (sauf sur mobiles)
  • position : par défaut en bas à droite
  • bouton de fermeture : une fois fermé, le fly-in reste masqué durant toute la session de navigation du visiteur

dfi-left

Optionnelle, cette classe est à préciser en complément de la classe mère pour positionner le fly-in à gauche de la fenêtre.

dfi-scroll

Optionnelle, cette classe est à préciser en complément de la classe mère pour que le fly-in n’apparaisse qu’après que le visiteur a fait défiler la page.

Afficher le fly-in

Ne réinventons pas la roue !

Il suffit d’utiliser le Divi Theme Builder, pour créer un body ou un footer personnalisé et y insérer la section qui servira à Divi Fly-In.

Il est ainsi possible de profiter de toute la puissance du Divi Theme Builder pour afficher le fly-in de votre choix sur les pages de votre choix.