EverWeb vous offre plusieurs façons d'afficher quelque chose quand un visiteur clique :
| Vous voulez | Utilisez |
|---|---|
| Qu'un cadre que vous concevez, comme une offre, un formulaire d'inscription, du texte supplémentaire ou une vidéo, s'ouvre quand quelqu'un clique sur un bouton | Une Popup Window (fenêtre popup) ouverte par une On Click Action (action au clic) |
| Un cadre qui s'ouvre tout seul, après quelques secondes ou quand quelqu'un fait défiler la page | Une Popup Window avec un Déclencheur de popup |
| Qu'une photo s'ouvre en grand quand on clique dessus | Le widget Galerie d'images réactives ou Galerie d'images |
| Qu'une autre page, un PDF ou une vidéo s'ouvre dans une fenêtre par-dessus votre page | Un lien dont le Comportement est réglé sur Ouvrir dans une fenêtre popup |
Les fenêtres popup et les actions au clic nécessitent EverWeb 4.5 ou une version ultérieure.
Ouvrir une fenêtre popup quand quelqu'un clique sur un bouton
- Ouvrez la page. Pour que la popup figure sur toutes les pages, ouvrez plutôt votre modèle maître.
- Cliquez sur Popup Window dans la barre d'outils (ou choisissez Insérer > Popup Window > New Popup Window).
- Ajoutez votre contenu : cliquez sur le bouton + dans la popup, ou faites-y glisser du texte, des images et des widgets. Une Popup Window fonctionne comme un conteneur.
- Donnez-lui un nom : cliquez sur la roue dentée dans la barre d'outils de la popup, choisissez Nom…, tapez un nom et appuyez sur Retour. Vous aurez besoin de ce nom à l'étape 9.
- Allez dans Inspecteur > Réglages des widgets et réglez Déclencheur de popup sur Manual (manuel).
- Cliquez sur la page, en dehors de la popup, pour terminer sa modification.
- Sélectionnez le bouton, le texte ou l'image sur lequel les visiteurs cliqueront.
- Allez dans l'onglet Hyperliens de l'Inspecteur (la cinquième icône) et ouvrez On Click Actions (actions au clic) en cliquant sur le petit triangle.
- Réglez Action sur Afficher et Element (élément) sur le nom de votre popup, puis cliquez sur Ajouter.
- Cliquez sur Aperçu et faites un essai.
Chaque popup a un bouton de fermeture (un X dans un cercle) dans son coin supérieur droit. Les visiteurs peuvent aussi cliquer en dehors pour la fermer, tant que Fermer en cliquant à l'extérieur du popup est coché. Vous voulez qu'un même bouton l'ouvre et la ferme ? Utilisez Basculer au lieu de Afficher.
Pour modifier à nouveau la popup, choisissez Insérer > Popup Window et sélectionnez-la, ou faites un clic droit sur une partie vide de la page et choisissez Popup Windows.
Une popup qui s'ouvre toute seule
Sélectionnez la popup et choisissez un Déclencheur de popup dans Inspecteur > Réglages des widgets :
| Déclencheur de popup | Quand elle s'ouvre |
|---|---|
| Immediate (immédiat) | Dès l'ouverture de la page |
| Delay (délai) | Après la durée de Déclencheur temporisé, en millièmes de seconde (3000 correspond à 3 secondes) |
| Scroll (défilement) | Quand le visiteur fait défiler la page vers le bas de la valeur de Déclencheur de défilement, en pixels |
| On Page Exit Intent (intention de quitter la page) | Quand le visiteur semble sur le point de quitter la page |
| Manual | Uniquement quand quelqu'un clique sur un élément doté d'une action Afficher ou Basculer |
Au même endroit, Position définit où elle apparaît (par exemple Center, au centre, ou Bottom Right, en bas à droite), et Couleur de la superposition d'arrière-plan définit le voile placé derrière elle. Sous Réglages des cookies, saisissez un Nom du cookie et une Expiration du cookie (jours) pour qu'un visiteur qui ferme la popup ne la revoie pas pendant ce nombre de jours. Sans nom de cookie, elle s'ouvre à chaque visite.
Utilisez-les avec modération : une popup placée sur un modèle maître s'ouvre sur chaque page qui l'utilise. Sur un téléphone, une popup se rétrécit pour tenir dans l'écran.
Agrandir une photo quand on clique dessus
Les widgets de galerie ouvrent une photo en grand par-dessus votre page (une « lightbox »), avec des flèches pour passer d'une photo à l'autre :
- Pages adaptatives : faites glisser le widget Galerie d'images réactives depuis l'onglet Widgets et ajoutez vos photos. Cliquez pour ouvrir le diaporama est activé au départ. Vous pouvez changer l'arrière-plan derrière la grande photo avec Couleur d'arrière-plan du diaporama, par exemple en blanc.
- Pages en Mise en page centrée : utilisez le widget Galerie d'images. Un clic sur une miniature ouvre la grande photo, avec des boutons de zoom et de plein écran que vous pouvez activer ou désactiver dans ses Réglages des widgets.
Pour une photo isolée, placez-la seule dans une galerie, ou créez une Popup Window en mode Manual contenant la grande photo, puis donnez à la petite photo une action Afficher.
Les widgets Curseur d'images et Carrousel font défiler les photos sur la page elle-même. Consultez Ajouter un diaporama à votre site Web : Curseur d'images, Carrousel, Remplissage de diaporama ou galerie.
Ouvrir une page, un PDF ou une vidéo dans une popup
- Sélectionnez le bouton, le texte ou l'image.
- Allez dans l'onglet Hyperliens et cochez Activer en tant qu'hyperlien.
- Sous Lier à, choisissez Une de mes pages, Une page externe ou Un fichier, puis sélectionnez ce qui doit s'ouvrir.
- Réglez Comportement sur Ouvrir dans une fenêtre popup.
Si vous créez des pages destinées uniquement à s'ouvrir dans une popup, décochez Inclure la page dans le menu de navigation dans Inspecteur > Paramètres de page pour qu'elles n'apparaissent pas dans votre menu. Pour en savoir plus sur les liens, consultez Comment créer un lien vers une autre page, un site Web, une adresse e-mail, un numéro de téléphone, un PDF ou une section de page.
Texte « Lire la suite »
EverWeb 4.5 n'a pas de commande « Lire la suite » qui déplie le texte sur la page, ni de réglage pour garder un objet masqué à l'ouverture de la page. Vous pouvez obtenir un résultat proche autrement :
- Placez une courte introduction sur la page, ajoutez un bouton Lire la suite, et mettez le texte complet dans une Popup Window en mode Manual que le bouton ouvre.
- Liez le bouton à une page séparée contenant le texte complet.
- Sur un blog, la page principale affiche le début de chaque article, et le titre de l'article ouvre l'article complet.
Articles connexes
- Ajouter un diaporama à votre site Web : Curseur d'images, Carrousel, Remplissage de diaporama ou galerie
- Comment créer un lien vers une autre page, un site Web, une adresse e-mail, un numéro de téléphone, un PDF ou une section de page
- Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone
- Mettre le même en-tête, le même menu et le même pied de page sur toutes les pages avec un modèle maître