Widget - popup
Documentation et tutoriels
- e-majine
- Module de base
Solution emajine - Widget popup
Sommaire
1. Configurer le widget
Si vous souhaitez afficher une popup sur votre site, voici la démarche à suivre.
Depuis e-majine, dans le menu, cliquez sur “mon site” puis “présentation et widget”.
Vous pouvez sélectionner la rubrique sur laquelle vous souhaitez que votre widget s’affiche.
Vous trouverez à droite une colonne avec tous les widgets disponibles. Faites un glisser-déposer du widget appelé “Popup” dans la zone à gauche de votre choix.
La popup s’affichant par dessus le contenu de votre site, vous pouvez le placer dans n’importe quelle zone sans que cela n’ait d’impact.
Une modale s’ouvre alors vous permettant de configurer la popup.
Nommez le widget et ajoutez l’image de la popup que vous souhaitez afficher.
La popup occupe toujours 60% de la page, jusqu’à une taille de 600 pixels par 300 pixels.
Pour une qualité optimale de cette popup, nous vous conseillons d’importer une image faisant directement cette taille. Pour une popup carré par exemple, importez une image de 300 pixels par 300 pixels.
Vous avez aussi la possibilité d’afficher une popup différente en version tablette/mobile et en version desktop.
Si vous souhaitez activer cette fonctionnalité, décochez la case “utiliser la même image sur toute les interfaces (desktop, tablette, mobile)”.
Une autre section de sélection d’image va alors s’afficher, permettant de choisir une autre image pour la version tablette/mobile. La popup s’affichera toujours à 60% de la taille de l’écran, jusqu’à une taille de 384 pixels par 575 pixels.
Vous pouvez ensuite indiquer un lien effectif au clic sur l’image.
Enfin, si vous souhaitez que la popup s’affiche après un court délai, vous pouvez indiquer le nombre de secondes dans le champ dédié. Si vous souhaitez qu’elle s’affiche dès le chargement de la page, vous pouvez indiquer 0.
2. Affichage sur le front
La popup s’affichera une seule fois à chacun des utilisateurs.
En version tablette/mobile, la popup s'affiche en vertical, contrairement à la version desktop qui s’affiche en horizontal.
L'image changera de la version desktop à tablette/mobile à partir des écrans faisant 720px de largeur. Pour le tester sur le front, vous devez rafraîchir la page.