Comment définir les conditions d'affichage sur Elementor

Contrôler ce que vos visiteurs voient en fonction de différentes conditions peut rendre votre site Web plus dynamique et plus engageant L'extension Conditions d'affichage dans Master Addons for Elementor vous permet d'afficher ou de masquer des sections, des colonnes ou des widgets basés sur des facteurs tels que le rôle de l'utilisateur, l'état de connexion, la date, l'heure, le type d'appareil, etc.

Avec cette fonctionnalité, vous pouvez personnaliser le contenu, afficher offres à durée limitée(ou) restreignez l'accès à des utilisateurs spécifiques sans codage !

Dans ce guide, nous allons explorer comment utiliser l'extension Conditions d'affichage efficacement pour optimiser votre site Web Elementor.

Le Affichage conditionnel de l'élémenteur par modules complémentaires principaux fournit un moyen de créer des conditions sur votre éditeur Elementor qui détermineront ce que vos visiteurs voient Cette extension peut être utilisée pour afficher ou masquer différents types de contenu en fonction du comportement du visiteur.

Activer les conditions d'affichage dans les modules complémentaires principaux

Avant d'utiliser le condition d'affichage pour Elementor extension, assurez-vous qu'elle est activée dans les paramètres des modules complémentaires principaux :

1. Allez à votre Tableau de bord WordPress.
2. Naviguer vers Additions principales → Extensions.
3. Trouver Conditions d'affichage et bascule-le SUR.
4. Cliquez Enregistrer Paramètres.

Comment appliquer les conditions d'affichage dans Elementor

Une fois activé, vous pouvez appliquer les conditions d'affichage à n'importe lequel section, colonne ou widget dans Élémenteur:

1. Ouvrez n'importe quelle page ou publication avec Éditeur d'éléments.
2. Sélectionnez la section, la colonne ou le widget dans lequel vous souhaitez appliquer les conditions.
3. Dans le Avancé onglet, faites défiler vers le bas pour trouver le Conditions d'affichage panneau.
4. Basculer “Affichage Conditions” pour oui et choisir parmi les options disponibles.
5. Définissez votre condition préférée (par exemple, Afficher uniquement pour les utilisateurs connectés).
6. Cliquez Mise à jour pour enregistrer les modifications.

Conditions d'affichage Règles

Après avoir activé Conditions d'affichage vous verrez“Affichage activé” et “Ajouter un élémentoption” Vous pouvez ajouter autant de conditions que vous avez besoin et aussi sélectionner“Toutes les Conditions se rencontrent” ou “Toutes les conditions sont remplies” à partir de l'option Affichage.

Toutes les conditions se rencontrent: Si vous sélectionnez cette option, alors votre contenu ne sera visible que par les visiteurs qui répondront à toutes les conditions que vous avez définies Si un visiteur n'a pas rempli les critères de vos conditions, alors il est incapable de vérifier votre contenu. 

Toutes les conditions sont remplies: Si vos visiteurs remplissent au moins une condition de votre liste, alors votre contenu sera visible sur leur appareil. 

Créer une page conditionnelle dynamique

Master Addons a développé des conditions impressionnantes telles que le statut de connexion, le rôle de l'utilisateur, le navigateur, le système d'exploitation, la plage horaire, l'heure du jour, le jour de la semaine, etc. Explorez le plugin Master Addons pour en savoir plus.

Comprendre les catégories de conditions

L'extension Conditions d'affichage dans Master Addons offre une variété de règles pour contrôler la visibilité du contenu Vous pouvez définir des conditions en fonction de l'état de l'utilisateur, de la date et de l'heure, du type de page, et plus encore Décomposons chaque catégorie et ses utilisations pratiques.

Conditions basées sur les visiteurs

Ces conditions contrôlent le contenu en fonction du statut ou de l'appareil du visiteur.

• Login Statut « Afficher ou masquer le contenu selon qu'un utilisateur est connecté ou déconnecté ».
  Exemple : Affichez un bouton “Sign Up” uniquement pour les utilisateurs déconnectés.
• Rôle Utilisateur « Restreindre le contenu à des rôles spécifiques comme Admin, Editor, ou Subscriber ».
  Exemple : Afficher les tutoriels exclusifs uniquement aux membres payants.
• Système d'exploitation Ánctre différent contenu pour Windows, macOS, etc.
  Exemple : Proposer un lien de téléchargement spécifique à macOS aux utilisateurs de Mac.
• Navigateur 200 % Customiser le contenu basé sur Chrome, Firefox, Safari, etc.
  Exemple : Afficher un avis de mise à jour du navigateur si vous utilisez une version obsolète.

Conditions de date et d'heure

Ces conditions permettent de planifier la visibilité du contenu en fonction du temps.

• Date Gamme ^ Date de début et de fin de visibilité.
  Exemple : Afficher une bannière de vente de vacances uniquement du 1 er décembre au 25 décembre.
• Heure de la journée [TRADUCTION] ?Contenu à des moments précis de la journée.
  Exemple : Proposez un” “Morning Deal qui apparaît uniquement de 6h à 12h.
• Jour de la semaine 'display content' à des jours précis'.
  Exemple : Promouvoir un “Weekend Special” uniquement les samedis et dimanches.

Conditions de page/poste uniques

Contrôlez la visibilité du contenu en fonction des pages individuelles ou des types de publications.

• Page [TRADUCTION] ?Casquer du contenu sur des pages précises.
  Exemple : Afficher un formulaire de contact uniquement sur la page“Contact Us”.
• Poste 'Apply' conditions aux articles de blog spécifiques'.
  Exemple : Afficher une offre de produit connexe uniquement sur certains articles de blog.
• Page statique « Pages statiques » comme Home, About ou Landing Pages.
• Type de poste (Conditions de vente aux différents types de publications, articles de blog, produits WooCommerce, types de publications personnalisés, etc).
  Exemple : Afficher un bouton “Buy Now” uniquement sur les pages de produits.

Conditions basées sur les archives

Ces conditions affectent la visibilité du contenu sur les pages d'archives telles que les pages de catégories, les résultats de recherche et les archives d'auteurs.

• Taxonomie : afficher ou masquer le contenu en fonction des catégories ou des balises.
  Exemple : Afficher une bannière “Tech News” uniquement sur les publications de la catégorie“Technology”.
• Terme : termes spécifiques au sein d’une taxonomie.
• Type de publication Contenu affiché sur les archives des articles de blog ou des types de messages personnalisés.
• Date : Contenu d'archives des pages de publications publiées à une date précise.
• Auteur Display content sur des messages écrits par un auteur spécifique.
  Exemple : Afficher une section “Meet the Author” uniquement sur les articles d'un blogueur invité.
• Rechercher du contenu personnalisé pour les pages de résultats de recherche.
  Exemple : Afficher un message “No Results Found” si une requête de recherche n'a pas de correspondance.

Cas d'utilisation pratique

Le Conditions d'affichage extension dans Master Addons vous permet de personnaliser votre site Web Elementor en contrôlant quand et où le contenu apparaît Voici quelques moyens pratiques d'utiliser cette fonctionnalité efficacement.

Expérience utilisateur personnalisée

Afficher différents contenus en fonction de l'état de connexion ou du rôle de l'utilisateur du visiteur.

Une chose importante à noter est que : lorsque vous activez “Conditional Display” à partir de l'onglet avancé, il définit une condition d'état de connexion par défaut.

Par exemple, disons que vous souhaitez afficher une “Bienvenue Retour!” message pour les utilisateurs connectés.

Inversement, afficher une “Inscrivez-vous maintenantbouton” pour les visiteurs qui ne sont pas connectés.

De même, vous pouvez également définir des conditions d'affichage en fonction du rôle de l'utilisateur Il suffit de choisir “User Role” parmi les conditions et de sélectionner le rôle d'utilisateur spécifique pour lequel vous souhaitez que l'élément apparaisse ou n'apparaisse pas Simple !

Offres à durée limitée et promotions saisonnières

Planifiez des offres spéciales et des annonces en utilisant la condition Date Range.

Par exemple, vous pouvez afficher une bannière de vente Black Friday uniquement à partir de 20 novembre au 30 novembre.

Contenu dynamique basé sur l'heure de la journée

Optimisez l'engagement des utilisateurs en affichant différents contenus à différents moments.

Par exemple, un site Web de livraison de nourriture peut afficher une “Menu Petit-déjeuner” le matin et une“Spéciaux dîner” section le soir.

Choisissez simplement “Time of Day” dans les conditions Maintenant, vous verrez un champ qui lit “Avant” Pour définir l'heure du menu du petit-déjeuner, tapez simplement à 12 : oo PM.

Le menu du petit-déjeuner sera affiché jusqu'à 12h00.

Vous pouvez définir le menu du déjeuner pour qu'il soit affiché jusqu'à 20h00 et le menu du dîner jusqu'à 23h00.

Optimisation des expériences de bureau et de système d'exploitation

Avec l'aide de l'extension d'affichage Conditionnel Elementor, vous pouvez définir quel contenu sera visible sur différents navigateurs À l'heure actuelle, il existe 6 navigateurs IE, Firefox, Chrome, Safari, Opera, Opera Mini disponibles pour définir les conditions.

Il vous suffit de sélectionner “Browser” comme Condition puis de sélectionner le nom du navigateur De cette manière, vous pouvez afficher votre contenu sur le navigateur sélectionné.

Vous pouvez utiliser cette condition pour masquer des images ou des animations volumineuses sur les appareils mobiles pour des temps de chargement plus rapides.

Ou affichez un message spécifique à Safari si une fonctionnalité fonctionne mieux sur Chrome ou Firefox.

Avec l'extension Condition d'affichage, vous pouvez également présenter du contenu spécifique basé sur le système d'exploitation du visiteur. Il existe un total de 11 systèmes d'exploitation disponibles pour la condition. Ce qui est suffisant pour créer une page Web basée sur Dynamic OS. 

iPhone, Windows, OpenBSD, Linux, Safari, Mac OS, QNX, BeOS, OS/2 et Search Bot sélectionnent le système d'exploitation souhaité comme condition, puis définissent si vous aimez présenter le contenu de ce système d'exploitation ou masquer le contenu de ce système d'exploitation.

Ce ne sont là que quelques cas d'utilisation que nous avons évoqués.

Pour vérifier directement comment utiliser cette extension, vous pouvez également regarder le Vidéo d'extension d'affichage conditionnel pour en savoir plus à ce sujet.

Il y a beaucoup plus de choses que vous pouvez faire avec cette extension Par exemple, vous pouvez afficher du contenu dynamiquement pour différents messages, pages et même types de publications Pour cela vous devez travailler avec Elementors header & footer builder mais nous allons en discuter sur un post séparé Restez à l'écoute !