TUTO : Création d’un pop-up avec POP-UP MAKER sur WordPress
Dans ce tutoriel, nous allons apprendre à créer une pop-up sur un site WordPress en utilisant le plugin Pop-Up Maker. Nous vous montrons clic par clic comment vont se dérouler les choses : de l’installation du plugin à la personnalisation et au test de la pop-up.
Pour voir la vidéo et faire la création en même temps que Frédérique, regardez la vidéo sur YouTube :
Étapes de Création
Installation du plugin
- Ajouter et activer Pop-Up Maker : La première étape consiste à installer et activer le plugin Pop-Up Maker sur notre site WordPress. Pour ce faire, nous allons dans le tableau de bord WordPress, puis dans « Extensions » > « Ajouter », et recherchons « Pop-Up Maker ». Une fois trouvé, nous cliquons sur « Installer » puis sur « Activer ».
Création de la pop-up
- Créer une nouvelle pop-up : Une fois le plugin activé, nous allons dans le tableau de bord de Pop-Up Maker et cliquons sur « Créer une nouvelle pop-up ». Nous donnons un nom à notre pop-up, par exemple « popup bienvenue », et ajoutons un message de bienvenue comme « Bienvenue sur notre nouveau site internet ». Nous pouvons centrer le texte et le mettre en gras pour une meilleure visibilité.
Configuration des déclencheurs
- Définir les déclencheurs : Nous configurons les déclencheurs pour déterminer quand et comment la pop-up apparaîtra. Pour ce tutoriel, nous choisissons de faire apparaître la pop-up deux secondes après l’arrivée sur la page d’accueil. Nous ajoutons un cookie pour empêcher la pop-up de s’afficher de manière répétitive après fermeture.
Conditions d’affichage
- Sélectionner les pages d’affichage : Nous choisissons les pages où la pop-up doit apparaître. Pour cet exemple, nous sélectionnons uniquement la page d’accueil, mais il est possible de choisir toutes les pages ou des pages spécifiques.
Personnalisation de l’apparence
- Personnaliser le thème et l’apparence : Nous choisissons un thème pour la pop-up, par exemple « Bleu entreprise ». Nous pouvons ajuster la taille, l’animation, la position, et ajouter des bordures ou une ombre. Il est également possible de modifier les couleurs et les polices du contenu et du titre.
Options de fermeture
- Configurer les options de fermeture : Nous ajoutons un bouton de fermeture avec un texte ou une icône, et configurons la possibilité de fermer la pop-up en cliquant sur « Échap ». Nous pouvons également ajuster l’apparence du bouton de fermeture.
Intégration de contenu enrichi
- Ajouter des images et du contenu : Nous pouvons ajouter des images, des messages personnalisés, et des formulaires d’inscription à la newsletter en utilisant des shortcodes. Par exemple, pour intégrer une image à gauche du texte de bienvenue, nous ajoutons l’image dans le champ prévu à cet effet.
Test et ajustement
- Tester et ajuster la pop-up : Une fois toutes les configurations effectuées, nous publions la pop-up et la testons en accédant à la page d’accueil. Nous vérifions que la pop-up apparaît comme prévu et apportons les ajustements nécessaires.
Conclusion
En suivant ces étapes, nous avons créé une pop-up fonctionnelle et esthétique sur notre site WordPress en utilisant Pop-Up Maker. Nous pouvons désormais personnaliser et ajuster la pop-up selon nos besoins, ajouter des éléments interactifs, et optimiser l’expérience utilisateur. N’hésitez pas à tester différentes configurations et à ajuster la pop-up pour obtenir les meilleurs résultats.
