Comment créer un menu popup dans Elementor

Comment créer un menu popup dans Elementor
Reading Mode

Cherchez-vous un moyen de créer un menu popup à l’aide du constructeur de page Elementor ?

Le menu est une partie très importante de tout site Web pour naviguer dans différentes sections. Le menu popup est également un excellent moyen de rendre votre site Web meilleur et unique. En utilisant le constructeur de page Elementor, vous pouvez facilement créer un popup sur votre site Web WordPress.

Dans cet article, nous allons vous guider vers le moyen le plus simple de créer un menu popup à l’aide du constructeur de page Elementor.

Créer un menu popup avec l’aide d’Elementor

Pour commencer, vous devez créer votre menu en utilisant l’option de création de menu dans le tableau de bord d’administration de WordPress.

Après avoir créé votre menu, accédez à Templates > Popups > Ajouter un nouveau.

menu popup - 1

Vous devez donner un nom à votre popup, puis cliquer sur l’option Créer un modèle.

Popups avec Elementor

Il vous affichera la liste des popups prédéfinis, il vous suffira de sélectionner un modèle de popup et de cliquer sur le bouton Insérer pour ajouter ce dernier.

menu popup Elementor

Si vous souhaitez créer le popup à partir de zéro, fermez simplement la bibliothèque et concevez la page comme vous le souhaitez. Lorsque vous avez terminé, cliquez sur le bouton Publier.

Vous devez maintenant définir les conditions, les déclencheurs et les règles avancées pour afficher le popup.

Conditions

Ici, vous devez définir où le modèle de popup est utilisé sur votre site Web. Si vous souhaitez afficher le popup sur tout votre site Web, vous devez sélectionner Site entier. Vous pouvez également inclure et exclure les différentes zones de votre site Web pour afficher ou masquer le popup.

menu popup Elementor

Déclencheurs

Ici, vous devez définir l’action que l’utilisateur doit effectuer pour afficher le popup. Vous pouvez définir le déclencheur lors du chargement de la page. Vous pouvez également définir le déclencheur sur un défilement ou sur un clic. Il existe de nombreuses autres options de déclenchement disponibles. Vous devez l’activer et définir des conditions.

menu popup Elementor

Règles avancées

ici, vous devez définir les exigences à prendre en compte pour ouvrir le popup. Les exigences sont les suivantes :

  • Afficher après X pages vues
  • Afficher après la session X
  • Afficher jusqu’à X fois
  • En arrivant d’une URL spécifique
  • Masquer pour l’utilisateur connecté
  • Afficher sur les appareils
  • Afficher sur les navigateurs
menu popup Elementor

Lorsque vous avez terminé, cliquez sur le bouton Enregistrer et fermer. Accédez maintenant à Template > Theme Builder > Ajouter un nouveau > Sélectionner en-tête. Ajoutez le widget Bouton sur la page, supprimez le texte et ajoutez l’icône pour le popup.

menu popup Elementor

Ensuite, allez dans le champ Lien et cliquez sur l’icone Balise dynamique, puis sélectionnez Popup.

menu popup Elementor

Cliquez à nouveau sur l’option popup et sélectionnez la popup que vous avez créée précédemment.

menu popup Elementor

Voilà! Cela ajoutera un menu popup à votre page Web.

Autres Ressources :

Conclusion

Après ce processus, vous pourrez désormais créer un menu popup à l’aide du constructeur de page Elementor.

Nous espérons que cet article vous aidera. Si vous avez aimé ce dernier, n’hésitez pas à le partager sur vos différents réseaux sociaux.

Partager cet Article :
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
Afficher tous les commentaires
0
Would love your thoughts, please comment.x

S'abonner à Notre

Newsletter

Recevez les dernières astuces dans votre boîte Email

15585

wpchanger

Obtenez Gratuitement

Nos Tutoriels 

15987