Besoin de découvrir les meilleures façons d’utiliser Elementor Popup Builder ?
L’un des avantages d’Elementor par rapport aux autres plugins de création de pages WordPress est qu’il est livré avec une fonction de création de popup pour vous permettre de créer de belles fenêtres contextuelles de manière visuelle.
Vous pouvez l’utiliser pour créer n’importe quel type de popup. D’un simple popup tel qu’un popup d’inscription par e-mail à un popup complexe tel qu’un menu plein écran. Pour vous donner un aperçu, nous partagerons quelques idées sur comment utiliser le générateur de popup d’Elementor.
La création d’un popup à l’aide du popup Builder d’Elementor n’est pas différente de la création d’une page ou d’un modèle. Vous pouvez ajouter n’importe quel widget que vous aimez et implémenter toutes les options de style disponibles. Vous pouvez également définir les conditions d’affichage pour que votre popup apparaisse sur une ou plusieurs pages de votre site Web.
Découvrez également Comment installer Elementor sur WordPress
Le générateur de popup d’Elementor lui-même prend en charge les types de déclencheurs suivants :
- Lors du chargement de la page
- Pendant le défilement
- Pendant le défilement jusqu’à l’élément
- Sur cliquez sur
- Après l’inactivité
- Sur l’intention de sortie de page
Voici 7 idées sur la façon d’utiliser le générateur de popup d’Elementor
1. Pour créer un menu plein écran et hors-canvas
Un menu hors-canvas est un menu qui vous permet d’afficher votre contenu sous la forme d’une barre latérale lorsqu’un bouton est déclenché. Cela vous aide à présenter un certain aspect de votre site web dans le panneau de navigation latéral, offrant ainsi une expérience conviviale à vos visiteurs.
Mais Elementor n’a pas de widget ou de fonctionnalité dédié spécifiquement à la création d’un menu plein écran ou d’un menu hors canvas. Cela ne signifie pas que vous devez installer un module complémentaire pour créer un menu plein écran ou hors canevas sur votre site WordPress. Vous pouvez utiliser le constructeur de popups pour en créer un.
Voici un exemple.
Pour créer un menu plein écran/hors canvas à l’aide d’Elementor, vous pouvez créer un modèle de popup et définir le déclencheur sur on click. Vous pouvez ensuite appeler le modèle via un lien (Elementor vous permet de définir un lien vers un modèle de popup). Vous pouvez utiliser n’importe quel widget qui possède une option de lien pour appeler le modèle du popup. Par exemple, le widget Bouton, le widget Éditeur de texte, le widget Titre, le widget Icône, etc…
2. Pour créer une barre de notification
Souhaitez-vous afficher une barre de notification sur votre site web WordPress ? Si votre site web WordPress est construit avec Elementor, vous n’avez pas besoin d’installer un plugin supplémentaire. Vous pouvez utiliser le constructeur de popup d’Elementor pour en ajouter un.
Lorsque vous créez une barre de notification à l’aide d’Elementor, vous pouvez définir l’apparence de la barre. Que ce soit après que les utilisateurs aient cliqué, défilé la page ou même lorsqu’ils ont l’intention de fermer la page. Elementor lui-même propose des modèles de popup prédéfinis dédiés à l’affichage de la barre de notification.
Voici l’exemple de la barre de notification créée avec Elementor.
3. Pour créer un popup de consentement de cookie
Si vous avez besoin d’afficher un popup de consentement aux cookies sur votre WordPress, Elementor peut également le faire. Vous pouvez afficher le popup de consentement aux cookies une fois que votre site web est entièrement chargé.
Dans le popup de consentement aux cookies, vous pouvez ajouter à la fois le bouton Accepter et le bouton Refuser.
Si vos visiteurs cliquent sur le bouton Accepter, le cookie disparaîtra. Inversement, s’ils cliquent sur le bouton refuser, vous pouvez les rediriger vers la page Conditions d’utilisation de votre site Web pour les forcer à le lire.
Elementor propose également des modèles popup prédéfinis dédiés à la création de popup de consentement de cookie. Voici un exemple.
4. Pour créer des bannières promotionnelles
Il s’agit de l’utilisation la plus courante d’un constructeur de popup. Vous pouvez mettre en œuvre l’idée surtout si vous avez un site web d’e-commerce. Vous pouvez, par exemple, créer une bannière pour informer vos visiteurs des produits en vente. Sur la bannière, vous pouvez ajouter des éléments tels qu’un compte à rebours, un bouton d’appel à l’action ou tout élément requis.
Vous pouvez également trouver des modèles de popups promotionnels prédéfinis dans la bibliothèque de modèles d’Elementor.
5. Pour créer un popup d’inscription par e-mail
Comme nous l’avons dit précédemment, vous pouvez ajouter n’importe quel widget à votre popup comme lorsque vous créez une page à l’aide d’Elementor. Le widget Formulaire n’est pas une exception. Vous pouvez utiliser ce widget pour ajouter un formulaire à votre popup.
Vous pouvez ensuite connecter votre formulaire à des services de marketing populaires tels que MailChimp, MailerLite, etc… Elementor propose également des modèles de popup dédiés à la création d’un popup d’opt-in email.
6. Pour créer un popup de casier de contenu ou un popup de vérification de l’âge
Tous les sites Web ne sont pas destinés à tout le monde. Par exemple, si vous avez un site Web qui vend des cigarettes, ce dernier est certainement interdit aux moins de 18 ans. Dans ce cas, vous pouvez créer un popup qui oblige vos visiteurs à cliquer sur une certaine action.
Lire aussi : Comment ajouter un slider de témoignages dans Elementor
Le concept est assez similaire à un popup de consentement aux cookies, mais vous pouvez appliquer un paramètre de superposition plein écran pour masquer le contenu et forcer vos visiteurs à effectuer une certaine action avant de pouvoir voir le contenu.
Dans ce contexte, l’action peut être une vérification qu’ils sont au-dessus de 18. Sinon, vous pouvez les envoyer ur un autre site Web comme Wikipédia.
Vous pouvez également trouver ce genre de popup dans la bibliothèque de modèles d’Elementor.
Une autre idée concernant le verrouillage de contenu est que vous pouvez forcer vos visiteurs à se connecter en affichant un formulaire de connexion en plein écran pour tous les visiteurs anonymes.
7. Pour créer des boutons flottants
Elementor est livré avec le widget Boutons de partage et le widget Icônes sociales que vous pouvez utiliser pour ajouter des boutons de partage et des boutons de suivi de de réseaux sociaux. Bien que vous puissiez ajouter ces widgets à des modèles de page ou de thème, ce serait une excellente idée d’ajouter ces widgets à vos popups.
Pour créer des boutons flottants de suivi / partage de réseaux sociaux, vous pouvez désactiver à la fois le bouton de superposition et le bouton de fermeture. En appliquant un déclencheur, vous pouvez même définir comment et où les boutons apparaissent.
En plus des boutons flottants de réseaux sociaux, vous pouvez également créer un bouton flottant d’appel à l’action.
Si vous souhaitez créer des boutons flottants de suivi / partage de réseaux sociaux, Elementor propose également des modèles prédéfinis que vous pouvez utiliser.
En définitive
L’une des pratiques appliquées par les propriétaires de sites Web pour accélérer leur site web WordPress consiste à utiliser le moins possible de plugins. Elementor est capable de gérer certaines actions afin que vous n’ayez pas besoin d’installer trop de plugins sur votre site web WordPress.
Avec son seul constructeur de popups, vous pouvez créer un menu plein écran, un menu hors canvas, une barre de notification, un popup de consentement aux cookies, etc… Mais il faut savoir que votre créativité jouera un rôle essentiel dans la maximisation des fonctionnalités d’Elementor, y compris son constructeur de popups.
Obtenez Elementor Pro Maintenant !
Ressources recommandées
Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.
- 10 plugins WordPress pour ajouter un lecteur audio sur WordPress
- 10 plugins WordPress pour optimiser la gestion des commentaires
- Comment écrire (rédiger) un bon titre d’article de blog
- 10 plugins WordPress pour créer et gérer un site web éducatif
Conclusion
Voilà ! C’est tout pour ce tutoriel. Nous espérons qu’il vous aidera à découvrir les meilleures façons créatives d’utiliser Elementor Popup Builder. N’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés.
Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress.
Si vous avez des suggestions ou des remarques, laissez-les dans notre section commentaires.
…