Élément contextuel

À propos de l'élément Popup

Une fenêtre contextuelle apparaît lorsque les visiteurs naviguent sur un site web. Son objectif principal est de générer davantage de prospects et d'atteindre efficacement les objectifs publicitaires.

Extrait du Tableau de bord GemPages, ouvrez un modèle à modifier. Vous pouvez rapidement trouver le élément dans la barre latérale gauche de l'éditeur, sous le Booster de conversion section. Faites glisser et déposez l'élément à n'importe quelle position sur votre page.

Pour utiliser la Élément contextuel:

Étape 1 : Extrait du Tableau de bord GemPages, localisez la page cible pour ouvrir l'éditeur.

Étape 2 : L'espace Apparaitre L'élément peut être trouvé dans la barre latérale gauche sous le Booster de conversion .

Étape 3 : Glissez et déposez le Apparaitre élément à n'importe quelle position sur votre page.

Une fois la fenêtre contextuelle réduite, une petite étiquette apparaît à droite de l'éditeur. Vous pouvez cliquer dessus à tout moment pour la rouvrir et modifier son contenu.

Pour modifier le contenu de la fenêtre contextuelle, cliquez simplement sur l’étiquette de la fenêtre contextuelle sur le côté droit de l’éditeur.

La fenêtre contextuelle réapparaîtra dans l'éditeur, vous permettant de sélectionner et de modifier directement ses éléments internes (tels que du texte, des images ou des boutons).

Configurer l'onglet Paramètres

Nom de la fenêtre contextuelle

Nom: Saisissez le nom que vous préférez pour l’élément contextuel.

Bouton fermer

• Icône: Choisissez l'icône du bouton de fermeture (par exemple, « X » ou « X gras »).
• Taille de l'icône: Ajustez la taille de l'icône.
• Couleur de l'icône: Choisissez la couleur de l'icône (par exemple, blanc, #FFFFFF).
• Largeur hauteur: Définissez la taille du bouton.
  
• Présentation: Sélectionnez la couleur d'arrière-plan du bouton de fermeture.
• Poste: Choisissez si le bouton de fermeture apparaît à l'intérieur ou à l'extérieur de la fenêtre contextuelle.

Recouvrir

La superposition assombrit le contenu de l'arrière-plan de la page lorsque la fenêtre contextuelle apparaît, ce qui permet de concentrer l'attention sur la fenêtre elle-même. Si cette option est activée, vous pouvez personnaliser la couleur et la transparence de la superposition.

• Couleur: Choisissez une couleur dans la palette pour la couleur de superposition.
• Opacité: Ajustez l'opacité de la section entière. Une valeur numérique inférieure correspond à un niveau de transparence supérieur.
• Cliquez pour fermer: Basculez ce commutateur pour permettre aux utilisateurs de cliquer sur l'arrière-plan superposé pour fermer la fenêtre contextuelle. 

Taille

• Plein écran: Choisissez si la fenêtre contextuelle doit occuper tout l'écran (Oui/Non).
• Largeur: Définissez la largeur de la fenêtre contextuelle (par exemple, 600 px).
• Hauteur: Ajustez la hauteur du popup (auto ou valeur spécifique).
• Rembourrage: Définissez le remplissage à l'intérieur de l'élément contextuel (par exemple, 32 px tout autour).

Présentation

• Couleur: Choisissez une couleur d'arrière-plan pour la fenêtre contextuelle (par exemple, #FFFFFF).

• Image(s):Vous pouvez également ajouter une image d'arrière-plan.

Forme

• Frontière: Définissez le type de bordure (par exemple, pleine, en pointillés).
• Rayon coin: Ajustez la rondeur des coins (par exemple, 16 px pour les coins arrondis).
• Shadow: Vous pouvez activer ou désactiver les effets d'ombre pour la fenêtre contextuelle.

Poste

Ajustez la position de l'image dans 9 positions différentes : en haut à gauche, en haut au centre, en haut à droite, au milieu à gauche, au milieu au centre, au milieu à droite, en bas à gauche, en bas au centre et en bas à droite.

État d'affichage

Configurer le moment où la fenêtre contextuelle sera déclenchée :

Montrer quand: Sélectionnez l’une des 5 options du menu déroulant pour définir l’heure exacte d’apparition de la fenêtre contextuelle.

• Aucun:La fenêtre contextuelle ne sera pas affichée sur la page en direct.
• Après le chargement de la page:La fenêtre contextuelle s'affichera au chargement de la page
• Faire défiler partiellement:La fenêtre contextuelle sera déclenchée après que l'utilisateur aura fait défiler un pourcentage spécifique de la page.
• Sur le point de sortir:La fenêtre contextuelle apparaîtra lorsque l'utilisateur est sur le point de quitter la page.

Effect

Cet élément dispose de 7 effets d'entrée parmi lesquels vous pouvez choisir :

• S'effacer
• Zoom
• Zoom arrière
• Mouvement horizontal
• Déplacement vertical
• Dépliage 3D
• Aucun : Aucun effet d'entrée.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Onglet Avancé et suivez les instructions dans cet article.

Vous pouvez également trouver d'autres conseils utiles et des didacticiels vidéo sur Académie GemPages.

Bonne pratique : Déclencher une fenêtre contextuelle avec un lien

GemPages vous permet de déclencher des pop-ups via un lien hypertexte. Vous pouvez ainsi obtenir l'identifiant de la pop-up et y insérer un lien hypertexte.

• Sélectionnez la fenêtre contextuelle que vous souhaitez ouvrir lorsqu'elle est déclenchée, puis cliquez avec le bouton droit.
• Sélectionnez le Classe de copie pour copier l'ID contextuel.
• Fermez la fenêtre contextuelle et sélectionnez le texte que vous souhaitez transformer en lien.
• Cliquez sur le bouton hyperlien et pcollez le lien copié.
• Supprimez le point du début de l'ID et remplacez-le par un #, puis choisissez Lien vers cette URL.

FAQ sur l'élément Popup

1. Pourquoi l'élément Popup ne fonctionne-t-il pas dans les sections de thème ?

Actuellement, l'élément Popup est non pris en charge dans les sections thématiquesCela signifie que lorsque vous créez une section de thème qui inclut une fenêtre contextuelle, elle ne s'affichera pas ou ne fonctionnera pas correctement sur les pages en direct.

Dans ce cas, vous devrez ajouter l'élément Popup directement sur chaque page à la place.

2. Comment puis-je modifier le contenu de la fenêtre contextuelle après l'avoir minimisée ?

Une fois l'éditeur minimisé, une fenêtre contextuelle apparaîtra à droite. Cliquez simplement dessus pour que la fenêtre réapparaisse et que vous puissiez en modifier le contenu.

3. Quand ma fenêtre contextuelle apparaîtra-t-elle sur la page en direct ?

La durée d'affichage de la fenêtre contextuelle dépend de votre sélection Afficher quand état sous État d'affichage:

• Après le chargement de la page
• Faire défiler partiellement
• Sur le point de sortir
• Aucun (la fenêtre contextuelle n'apparaîtra pas)

4. Comment puis-je ouvrir une fenêtre contextuelle avec un lien ou un bouton ?

Vous pouvez déclencher une fenêtre contextuelle via un texte hyperlié ou des boutons en copiant le contenu de la fenêtre contextuelle. ID (via « Copier la classe ») et en le liant avec un préfixe « # » dans l'URL.

5. Quels effets puis-je appliquer à mon popup ?

L'élément Popup comprend sept effets d'entrée: Fondu, Zoom, Zoom arrière, Déplacement horizontal, Déplacement vertical, Dépliage 3D et Aucun.

6. J'ai ajouté une fenêtre contextuelle dans l'éditeur, mais je ne la retrouve plus. Où est-elle ?

Lorsque la fenêtre contextuelle est réduite, elle disparaît de la zone de travail. Une petite icône apparaît alors à droite de l'éditeur. Cliquez dessus pour rouvrir la fenêtre et poursuivre la modification.

7. Où puis-je trouver l'identifiant de la fenêtre contextuelle ?

Sélectionnez la fenêtre contextuelle dans l'éditeur, cliquez dessus avec le bouton droit et choisissez Copier > Copier la classeLa valeur copiée correspond à l'identifiant de la fenêtre contextuelle, que vous pouvez utiliser pour déclencher l'affichage de cette fenêtre via un lien.

8. Puis-je enregistrer un élément Popup pour une utilisation globale sur plusieurs pages ?

Actuellement, GemPages ne prend en charge la réutilisation globale que via Sections thématiques Cette fonctionnalité s'applique uniquement aux sections, et non aux éléments individuels. Si vous souhaitez utiliser la même fenêtre contextuelle sur plusieurs pages, vous pouvez copier-coller l'élément Popup.

Pour des instructions détaillées, consultez le guide sur copier et coller des éléments.