Tutoriel : gestionnaire de fenêtres popup Elementor
Avouons-le, en tant que propriétaire de site, vous détestez aimer les popups ! D'une part, ils agacent les clients. Mais d'un autre côté, ils augmentent également les prospects de plusieurs fois. Jusqu'à présent, si vous décidiez de choisir un plugin pour implémenter une fenêtre popup sur votre site web WordPress, vous auriez plusieurs options. Mais, ironiquement, ils manquaient tous de fonctionnalités d'une manière ou d'une autre. Maintenant, le choix est simple, le constructeur de popup Elementor.
Elementor popup builder est un générateur de popup dynamique fourni avec le générateur de page Elementor. C'est sans conteste l'un des meilleurs constructeurs de popup.
Êtes-vous impatient d'apprendre comment créer votre première fenêtre contextuelle avec Elementor ? Allons-y de ce pas !
Suivez ce tutoriel sur les popups Elementor en vidéo YouTube
OBTENIR ELEMENTOR OU ELEMENTOR PRO
Les popups de sites web fonctionnent-ils réellement pour développer votre audience ?
Une popup est une petite fenêtre qui "apparaît" en haut des pages web dans votre navigateur Internet. Il peut être utilisé pour présenter des informations importantes ou collecter des prospects. Oui, nous parlons de celui qui nous irrite tout le temps lorsque nous essayons d'ouvrir la plupart des sites web.
Alors pourquoi cette chose ennuyeuse continue-t-elle d'apparaître, même si nous la détestons ? La réponse réside dans la définition elle-même. Cela aide à collecter des prospects ou à transmettre une information efficacement.
Nous connaissons tous l'importance de développer des prospects. Plus vous avez de prospects, plus vous pouvez envoyer un e-mail promotionnel ou proposer une offre personnalisée. Que vous soyez propriétaire d'un site de commerce électronique, d'une société de développement de logiciels ou même d'un blogueur, gagner un prospect signifie avoir la possibilité d'interagir avec un autre client potentiel.
Le taux de conversion moyen des pop-ups est de 3,09 %, tandis que les 10 % des pop-ups les plus performants affichent en moyenne un taux de conversion de 9,28 %.
Source – Sumos
Compte tenu des statistiques ci-dessus, il est prudent d'affirmer que les popups sont de loin l'une des méthodes les plus efficaces pour gagner des prospects.
Comment créer vos popups avec Elementor popup builder ?
Avez-vous déjà utilisé Elementor ? Sinon, ne vous inquiétez pas, c'est simple comme bonjour. Si vous avez déjà travaillé avec Elementor, la création ou la création d'une fenêtre contextuelle revient à utiliser ou à créer n'importe quel autre modèle Elementor.
Commençons donc par les prérequis avant de nous lancer dans la création de notre première fenêtre contextuelle à l'aide d'Elementor.
- Un site web WordPress fonctionnel :)
- Elementor
- Elementor Pro
C'est tout ce dont nous avions besoin pour créer notre superbe popup.
Utiliser des fenêtres contextuelles Elementor prêtes à l'emploi
Si vous connaissez Elementor, vous savez peut-être déjà comment utiliser ou créer des modèles. Comme la fenêtre contextuelle fonctionne également comme modèle pour Elementor, vous devez d'abord accéder à l'admin : Dashboard > Templates > Popups
Une fois que vous avez cliqué sur popup, cliquez sur le bouton Créer et donnez à votre popup un nom. Après avoir nommé le popup, il est temps de cliquer sur le bouton CRÉER UN MODELE.
Dès que vous appuyez sur le bouton créer un modèle, vous trouverez de nombreux modèles de fenêtres popup design parmi lesquels choisir. Pour finir cliquez sur un modèle puis sur insérer. Toutefois, si vous ne souhaitez pas utiliser le modèle préconçu, vous pouvez également concevoir votre pop-up à partir de zéro. Si tel est le cas, quittez simplement la bibliothèque de modèles.
Personnalisez le popup Elementor
Dès que vous fermez la bibliothèque de modèles, un écran comme celui ci-dessous s'affiche et charge l'éditeur de page. Vous pouvez déjà éditer votre popup.
Le paramètre popup peut se designer en utilisant les 3 onglet dans la colone de droite : Layout + Style + Advanced.
Dans l'onglet Layout, vous pouvez principalement personnaliser la mise en page. Tels que largeur, hauteur, position horizontale/verticale, animation d'entrée/de sortie et bouton de fermeture.
Dans l'onglet Style, vous pouvez personnaliser les couleurs de la fenêtre contextuelle, de l'arrière plan et le bouton de fermeture.
L'onglet avancé vous permet de modifier les animations du bouton de fermeture et d'autres paramètres secondaires.
Contrôlez l'ouverture de votre popup avec les conditions d'affichage
Après avoir créé votre popup, la prochaine chose que vous devez faire est de définir quand elle apparaîtra. Avec Elementor popup, vous pouvez l'ajuster pour qu'il se déclenche en fonction de nombreuses actions à différents endroits. Cliquez sur publier, les paramètres de publication s'afficheront lorsque vous sauvegarderez pour la première fois.
Comme vous pouvez le voir sur l'image ci-dessus, vous verrez trois options différentes appelées Conditions, Trigger et Advanced Rules.
Découvrons donc comment ils fonctionnent.
Définir les conditions de déclenchement de votre popup
L'onglet Conditions vous permet de gérer où votre popup apparaît. Par exemple, vous pouvez laisser la fenêtre contextuelle s'afficher sur une seule page, sur plusieurs pages ou même sur l'ensemble du site Web.
Comme vous pouvez le voir, nous avons inclus ici une seule page, qui est la page d'accueil, pour afficher notre popup.
Configurer les règles des déclenchements en fonction du contexte
Les déclencheurs (ou trigger) vous permettent de contrôler exactement quand votre popup apparaît. Avec Elementor, vous disposez de tous les types de déclencheurs dont vous aurez besoin. Vous pouvez configurer votre popup pour afficher -
- Au chargement sur la page
- En fonction du défilement
- Jusqu'à l'élément précis de la page
- Au clic
- Après une durée d'inactivité
- En fonction de lintention de sortie sur la page
Ici, nous avons configuré notre popup pour qu'il s'affiche au 1ᵉʳ clic de l'utilisateur sur notre page Web.
Définir des règles avancées d'affichage des popups
Comme son nom l'indique, les règles avancées vous permettent de définir les conditions avancées pour déterminer précisément quand ou à qui votre popup sera affiché.
Il existe de nombreuses règles différentes et vous pouvez également sélectionner plusieurs règles.
Nous sommes maintenant prêts à publier notre popup. Alors allez-y et cliquez sur le bouton SAUVEGARDER ET FERMER .
Voyons également notre popup en action.
Conclusion
Elementor est considéré comme l'un des meilleurs constructeurs de pages pour WordPress. Outre de multiples autres fonctionnalités, vous pouvez par ailleurs créer de superbes popups avec un ciblage spécifique.
Le processus de création de popup est très simple, et j'espère maintenant que vous êtes en mesure de créer un popup que vos visiteurs aimeront (du moins ne détesteront pas !). Vous pouvez également créer une fenêtre contextuelle modale avec le générateur de fenêtres contextuelles Elementor.
OBTENIR ELEMENTOR OU ELEMENTOR PRO
