Passer au contenu principal

Les fenêtres pop-up sont efficaces car elles attirent l'attention de l'utilisateur, mais elles sont relativement discrètes. L'expérience utilisateur n'est pas complètement interrompue, et pourtant l'utilisateur sait qu'il y a quelque chose d'intéressant potentiel disponible. Pour cet exemple, nous attendrons que l'utilisateur atteigne la fin d'un article, puis nous afficherons une alerte dans le coin inférieur droit qui l'encouragera à lire un autre article. Nous afficherons la fenêtre contextuelle sur les ordinateurs de bureau et les tablettes, mais pas sur les appareils mobiles.

Créer une fenêtre contextuelle

  1. Aller Panneau de configuration> Modèles> Pop-ups> Ajouter nouveau
  2. Donnez un nom à votre modèle et cliquez sur "Créer un modèle
  3. Choisissez un modèle dans la bibliothèque ou créez votre propre design

fichier-cfwjsqz20c-4969004


Paramètres des fenêtres contextuelles

Paramètres

  1. Définir une largeur et une hauteur personnalisées
  2. Réglez la position horizontale au centre et la position verticale au centre.
  3. Cacher une hypothèse
  4. Afficher le bouton de fermeture
  5. Réglez l'animation d'entrée pour qu'elle glisse vers le haut

fichier-qdnsdeeemo-6572599

Style

Modifiez le texte, l'image d'arrière-plan, la bordure et le style selon vos besoins.

Ajuster le contenu de la section

Modifiez le contenu selon vos besoins. Nous utilisons un Gros titre widget et un Les publications widget pour afficher un article d'une catégorie de notre choix.

fichier-p7mzk33kt7-4331629


Publier les paramètres

termes: Inclure: Singulier> Tous singuliers

fichier-vzfycjjle9-2730788

Déclencheurs: Défilement vers le bas jusqu'à 80%

fichier-ydvcrv61qd-4761986

Règles avancées: Afficher uniquement sur les ordinateurs de bureau et les tablettes.

fichier-r1tewsxxvz-3485876

Les fenêtres pop-up sont efficaces car elles attirent l'attention de l'utilisateur, mais elles sont relativement discrètes. L'expérience utilisateur n'est pas complètement interrompue, et pourtant l'utilisateur sait qu'il y a quelque chose d'intéressant potentiel disponible. Pour cet exemple, nous attendrons que l'utilisateur atteigne la fin d'un article, puis nous afficherons une alerte dans le coin inférieur droit qui l'encouragera à lire un autre article. Nous afficherons la fenêtre contextuelle sur les ordinateurs de bureau et les tablettes, mais pas sur les appareils mobiles.

Créer une fenêtre contextuelle

  1. Aller Panneau de configuration> Modèles> Pop-ups> Ajouter nouveau
  2. Donnez un nom à votre modèle et cliquez sur "Créer un modèle
  3. Choisissez un modèle dans la bibliothèque ou créez votre propre design

fichier-cfwjsqz20c-4969004


Paramètres des fenêtres contextuelles

Paramètres

  1. Définir une largeur et une hauteur personnalisées
  2. Réglez la position horizontale au centre et la position verticale au centre.
  3. Cacher une hypothèse
  4. Afficher le bouton de fermeture
  5. Réglez l'animation d'entrée pour qu'elle glisse vers le haut

fichier-qdnsdeeemo-6572599

Style

Modifiez le texte, l'image d'arrière-plan, la bordure et le style selon vos besoins.

Ajuster le contenu de la section

Modifiez le contenu selon vos besoins. Nous utilisons un Gros titre widget et un Les publications widget pour afficher un article d'une catégorie de notre choix.

fichier-p7mzk33kt7-4331629


Publier les paramètres

termes: Inclure: Singulier> Tous singuliers

fichier-vzfycjjle9-2730788

Déclencheurs: Défilement vers le bas jusqu'à 80%

fichier-ydvcrv61qd-1048520

Règles avancées: Afficher uniquement sur les ordinateurs de bureau et les tablettes.

fichier-r1tewsxxvz-4301281