Tutoriel POPUP MAKER – savoir utiliser le plugin WordPress

Tutoriel POPUP MAKER – tout savoir sur l’utilisation et la configuration de ce plugin WordPress

 

Webmaster Lyon web design WordPressVoici un tutoriel POPUP MAKER WordPress pour apprendre à configurer le plugin POPUP MAKER qui vous permettra d’afficher une fenêtre pop-up sur votre site WordPress.


 

  • Connectez vous à votre site WordPress pour accéder aux paramètres de configuration de POPUP MAKER

Pour vous connecter à votre interface WordPress rendez-vous dans votre espace d’administration avec votre navigateur internet (par défaut l’adresse de la page est http://www.adresse-de-votre-site.com/wp-admin).
Entrez votre identifiant et votre mot de passe.

Nous pouvons maintenant poursuivre ce tutoriel Pop-up maker.

 

  • Configurer / créer un thème pour vos pop-up

Il est nécessaire dans un premier temps de vous rendre dans l’onglet « POPUP MAKER > Thème ». Vous y trouverez les configurations pour le design de votre thème, vous pourrez y choisir les couleurs, les transparences, les ombrages, les marges…

L’interface étant en français, je vous laisse faire vos réglages sans plus de précision, une fenêtre de prévisualisation vous aidera à obtenir la mise en page souhaitée.

ATTENTION : les réglages choisis ici s’appliquent à tous vos popup, si vous avez déjà un thème actif avec un design qui vous satisfait, ne touchez pas à ces réglages.

 

  • Créer un nouveau popup grâce à ce tutoriel POPUP MAKER

Maintenant que vous avez personnalisé votre thème, il est temps de créer un popup en vous rendant dans le menu principal de votre WordPress : « Popup Maker > Ajouter nouveau ».

tutoriel popup maker wordpress

Remplissez les champs suivants :

Nom – Chaque pop-up doit avoir un nom unique, c’est comme sa carte d’identité, il est utilisé pour appeler le pop-up dans votre site internet.

Titre – Ce champ sera affiché sur votre pop-up en tant que titre. Vous pouvez définir le style de ce texte directement en utilisant l’éditeur de thème (voir ci-dessus)

Contenu – Mettez votre contenu popups ici. Vous pouvez inclure des multimédias (images), des styles de texte (italique…), des puces… L’édition se fait exactement comme pour une page ou un article WordPress. Pour plus d’info sur comment éditer une page WordPress rendez-vous sur le tutoriel « Comment modifier page WordPress ? – TUTORIEL« ; ceci vous permettra de mieux comprendre ce tutoriel POPUP MAKER.
___
REMARQUE : si vous avez déjà un pop-up de créé et que vous souhaitez garder sa mise en forme pour les suivants, pensez à copier le code de l’existant dans sa fenêtre d’édition (en mode TEXTE et non en mode VISUEL – voir image ci-dessous) et de le coller dans le fenêtre d’édition du nouveau pop-up que vous voulez créer. Ainsi, il vous suffira de changer le texte en mode TEXTE en gardant toute les balises pour retrouver la même mise en page.
Mode visuel texte édition WordPress

Paramètres d’affichage : Les autres paramètres en dessous de la fenêtre d’édition contrôlent la façon dont le popup s’affichera. Vous pourrez ainsi régler le fond de page,  l’animation, la position et l’emplacmeent du calque (z index) de votre popup.
___
REMARQUE : si vous avez déjà un pop-up de créé et que vous souhaitez unifier leur manière de s’afficher sur votre site, pensez à homogénéiser leur réglages en se calant sur celui déjà existant.

Conditions de ciblage – Ces différentes options vous permettent de contrôler précisément les pages, les messages ou les catégories de charger un popup.Tutoriel POPUP MAKER

Assurez-vous de cliquer sur le bouton Publier / Enregistrer lorsque vous avez terminé de configurer POPUP MAKER afin que les réglages de ce tutoriel POPUP MAKER soit enregistrés. Vous avez également la possibilité de prévisualiser votre pop-up en cliquant sur « Aperçu »

 

  • Configuration de l’ouverture du popup et réglages divers

Pour chaque popup vous avez la possibilité de paraméterer les réglages suivant :
Delay d’ouverture – Temps après le chargement de la page où le popup apparait.
Écriture du Cookie – Défini un cookie à l’ouverture ou à la clôture du popup.
Durée du Cookie – Permet de définir un temps où le popup ne sera pas joué si le même visiteur revient sur le site afin de limiter la répétition du popup qui peut-être agaçant.
Cookie pour le domaine entier – Oui ou non.
Clé du Cookie – Ceci est une clé unique utilisée lors de la création d’un cookie, changer cela entraînerait que les anciens cookies seraient ignorés et donc permetttrait de réinitialiser les cookies de vos utilisateurs.

 

  • Ouverture d’un popup, activer un pop-up grâce à ce tutoriel POPUP MAKER

Pour activer ou désactiver un pop-up, rendez-vous dans « Popup maker > Tout popups » (liste des pop-up créés).
En passant votre menu sur les popup vous avez l’option « Modification rapide » qui apparait ; cliquez dessus.
Activer popup avec popup maker
Vous pouvez alors choisir l’état de publication du pop-up de la même manière que la pages et articles.
___
REMARQUE : Ces réglages sont également accessibles directement sur la page de chaque popup.

ATTENTION à ne pas mettre plusieurs popup sur une même page pour éviter les conflits… un seul popup à la fois suffit même si « Tidbit Utiles – Multiple Auto Open popups » peut permettre une sorte de présentation animée de plusieurs fenêtres pop-up dans une rangée sur une même page. Nous ne traiterons pas de cette fonctionnalité dans ce tutoriel POPUP MAKER.

 

Nous venons de parcourir un tutoriel POPUP MAKER, si les informations ne sont suffisantes n’hésitez pas à laisser un commentaire en bas de page, j’y répondrai au plus vite. Bon travail !

 


webmaster freelance Lyon Strasbourg wordpress logo

Pour voir des exemples de site vitrine WordPress, rendez-vous sur la page des créations de la bécane WEB Lyon – voir des exemples de site WordPress.