Point culminant du produit Divi : Hide & Show Pro

Hide & Show Pro est un plugin tiers pour Divi qui vous permet d'afficher ou de masquer du contenu en fonction des critères que vous définissez. Contrôlez qui voit chaque section, ligne, colonne et module en fonction de l'emplacement, du statut, des achats, etc. Dans cet article, nous examinerons Hide & Show Pro pour voir ce qu'il peut faire et à quel point il est facile de masquer ou d'afficher votre contenu Divi en fonction des conditions que vous choisissez.

Comment fonctionne Masquer et Afficher

Hide & Show Pro ajoute des options aux sections, lignes et modules de Divi Builder pour masquer ou afficher l'élément et choisir un préréglage qui détermine les actions qui auront lieu. Les actions sont basées sur les conditions du préréglage sélectionné pour cet élément. Le préréglage peut être utilisé pour masquer et afficher les éléments. Cela signifie que vous pouvez échanger le contenu en fonction des conditions que vous choisissez, telles que le rôle de l'utilisateur, la date, la langue, etc.

Les préréglages sont créés séparément dans l’éditeur de paramètres prédéfinis et peuvent être utilisés dans n’importe quel élément Divi. Le préréglage peut être sélectionné dans n’importe quel élément Divi, afin qu’il puisse être réutilisé autant de fois que vous le souhaitez et où vous le souhaitez. Pour en créer un, accédez simplement à l'éditeur de préréglages et effectuez vos sélections.

Une fois que vous avez créé le préréglage, vous pouvez l’utiliser dans n’importe quel élément Divi. Accédez à l'onglet Avancé, choisissez Masquer et afficher, puis sélectionnez Masquer ou Afficher. Ensuite, sélectionnez le préréglage que vous souhaitez utiliser. L'élément s'affichera ou se cachera ensuite en fonction de votre sélection et agira en fonction des sélections du préréglage.

Cela vous permet de créer un préréglage et de l'appliquer où vous le souhaitez, et lorsque vous apportez des modifications au préréglage, ces modifications s'appliquent automatiquement partout où ce préréglage est utilisé. Ainsi, vous pouvez apporter une modification dans l’éditeur de préréglages, et cette modification se reflète sur l’ensemble de votre site Web.

Maintenant que nous avons vu les bases de ce que fait Hide and Show Pro, examinons de plus près les préréglages.

Masquer et afficher les préréglages Pro

Les préréglages déterminent l’action de l’élément Divi. Il détermine à qui s'adresse l'action (à qui l'élément est montré ou masqué), quand l'action a lieu, où l'action a lieu, etc., le tout en fonction des conditions que vous choisissez. Vous pouvez les mélanger et les assortir pour créer des combinaisons intéressantes et puissantes.

Les préréglages vous donnent beaucoup de contrôle sur qui voit quel contenu. Vous pouvez créer du contenu que seuls les visiteurs connectés voient ou que seuls les visiteurs déconnectés voient. C'est idéal pour créer des bannières de ventes basées sur la date. Vous pouvez également créer du contenu qui s'affiche en fonction de l'emplacement du visiteur, de la langue du site, de ce qu'il a acheté dans votre magasin, de son rôle d'utilisateur et bien plus encore. Pour utiliser Masquer & Afficher dans vos mises en page Divi, vous devrez créer des préréglages.

Nouveau préréglage

Vous pouvez créer vos préréglages dans l'écran Options. Pour ajouter un nouveau préréglage, accédez à Tableau de bord > Masquer et afficher > Nouveau préréglage . Donnez un titre au préréglage, puis faites vos choix dans le panneau de droite et ajustez-les dans l'éditeur principal.

Nous examinerons de plus près ce panneau et ses paramètres dans la section suivante. Par défaut, le nouveau préréglage inclut l'option de statut d'utilisateur avec présélectionné connecté et déconnecté. Vous pouvez en désactiver un en cliquant sur sa coche. Vous pouvez également désactiver les deux en cliquant sur la bascule dans la barre latérale droite. Il s'agit d'un statut courant, il est donc logique de l'inclure par défaut.

Tous les préréglages

L'écran Tous les préréglages affiche une liste de tous les préréglages dont vous disposez. Vous pouvez les modifier, les supprimer et les activer ou les désactiver à partir de cet écran. Il dispose de trois préréglages pour vous aider à démarrer.

Masquer et afficher les options prédéfinies Pro

Le panneau d'options comprend 6 sections avec des options pour chaque section. Les sections incluent Utilisateur, Calendrier, Publication, WooCommerce, Géolocalisation et Autres.

Tous incluent des conditions logiques et vous pouvez définir la logique, ajouter plusieurs conditions et activer les options de votre choix pour chacune d'entre elles. La géolocalisation est l'option la plus récente. Nous examinerons celui-ci en premier et plus en détail.

Vous pouvez choisir des options dans une section, dans chaque section, ou en mélanger et assortir autant que vous le souhaitez. Vous pouvez rendre vos préréglages aussi simples ou complexes que vous le souhaitez. Utilisez-en un, quelques-uns ou tous. Les possibilités sont étonnantes.

Masquer et afficher la géolocalisation

Hide & Show Pro 3.0 a ajouté la géolocalisation. Cela nécessite un service gratuit ou payant, et vous avez le choix entre plusieurs. Il ajoute une option de géolocalisation aux préréglages avec quatre sélections. Sélectionnez le continent, le pays, la région et la ville. Activez-en un, tous ou n'importe quelle combinaison de votre choix. Lorsque vous activez plusieurs options, elles sont ajoutées sous forme d'instruction AND, mais vous pouvez cliquer sur l'instruction pour la modifier en instruction OR.

Cela vous donne beaucoup de contrôle sur les règles et vous permet d'inclure ou d'exclure des visiteurs de certaines parties du monde. Ceci est particulièrement utile si vous expédiez vers certains continents, organisez des cours pour des étudiants locaux, possédez plusieurs emplacements et souhaitez présenter un contenu différent pour chaque emplacement, et bien plus encore.

Masquer et afficher la géolocalisation par continent

La sélection de Continent ajoute la possibilité de sélectionner le continent qui est ou n'est pas égal à, une liste déroulante pour le continent à choisir et une étiquette qui affiche le code du continent. Ajoutez plus de continents en cliquant sur l'icône plus sous les champs. Supprimez-en un en cliquant sur l’icône x à droite du champ que vous souhaitez supprimer.

J'ai ajouté deux continents dans l'exemple ci-dessous. La liste déroulante affiche les 7 continents parmi lesquels vous pouvez choisir.

Masquer et afficher la géolocalisation par pays

La sélection du pays ajoute la possibilité de sélectionner le pays qui est ou n'est pas égal à, une liste déroulante pour le pays à choisir et une étiquette qui affiche le code du continent. Ajoutez plus de pays en cliquant sur l'icône plus sous les champs. Supprimez-en un en cliquant sur l’icône x à droite du champ que vous souhaitez supprimer.

Dans l'exemple ci-dessous, j'ai sélectionné Is in European Union dans la section intitulée Other et j'ai sélectionné Bahamas sous Countries .

Masquer et afficher la géolocalisation par région

La sélection d'une région vous permet de créer des règles. Il ajoute la possibilité de sélectionner que TOUTE règle peut être vraie ou que TOUTES les règles doivent être vraies. Il ajoute une liste déroulante parmi laquelle choisir la règle. Sélectionnez si la région est égale à, n'est pas égale à, contient ou ne contient pas. Le deuxième champ vous permet de saisir la valeur que votre sélection comparera. Ajoutez plus de régions en cliquant sur l'icône plus sous les champs. Supprimez-en un en cliquant sur l’icône x à droite du champ que vous souhaitez supprimer.

Masquer et afficher la géolocalisation par ville

La sélection de la ville comprend également des règles. Sélectionnez que TOUTE règle peut être vraie ou que TOUTES les règles doivent être vraies. Choisissez la règle dans la liste déroulante. Sélectionnez si la ville est égale à, n'est pas égale à, contient ou ne contient pas. Le deuxième champ vous permet de saisir la valeur que votre sélection comparera. Ajoutez plus de villes en cliquant sur l'icône plus sous les champs. Supprimez-en un en cliquant sur l’icône x à droite du champ que vous souhaitez supprimer.

Masquer et afficher un exemple de géolocalisation

Cet exemple montre les quatre options. J'ai sélectionné :

Le continent est égal à :

• Amérique du Nord
• Amérique du Sud
• Asie
• L'Europe 

OU Pays est égal à :

• Australie
• Bahamas

ET la Région ne contient pas :

• Alaska

OU la ville est égale à Los Angeles.

Masquer et afficher l'utilisateur

Définissez la logique de l'ID utilisateur en fonction de ce à quoi l'ID utilisateur est ou n'est pas égal. Masquez ou affichez le contenu en fonction des rôles des utilisateurs. Vous pouvez également masquer ou afficher le contenu en fonction du groupe d'utilisateurs. Celui-ci nécessite un plugin gratuit. Vous pouvez également masquer ou afficher le contenu en fonction des métadonnées utilisateur. Tous ces éléments peuvent être utilisés avec la logique AND/OR. C’est excellent pour montrer du contenu spécifique à des utilisateurs spécifiques.

Masquer et afficher le calendrier

Définissez un horaire quotidien, hebdomadaire, mensuel, annuel ou personnalisé. Ils peuvent travailler ensemble avec la logique AND/OR. Sélectionnez ou désélectionnez n’importe quelle heure, jour, mois, etc., simplement en cliquant. Le programme personnalisé inclut la possibilité de choisir un seul jour ou une plage de jours. C'est un excellent moyen d'afficher automatiquement les publications en fonction d'un calendrier.

Masquer et afficher la publication

Pour les publications, vous pouvez sélectionner l'ID de publication, le type, la taxonomie, la méta ou la méta d'auteur. Cela vous permet de contrôler manuellement l’accès individuel aux publications. Ajoutez-en autant que vous le souhaitez. Spécifiez si le est ou n'est pas égal à un certain ID. Choisissez si la page est ou n'est pas égale à une ou plusieurs pages spécifiques. Le reste des paramètres vous permet de spécifier si une règle est vraie et vous permet de choisir les règles. C'est excellent si vous souhaitez afficher des publications spécifiques à certains visiteurs.

Masquer et afficher WooCommerce

WooCommerce vous offre le plus grand nombre de paramètres parmi lesquels choisir. Ils incluent l'article acheté, le nombre et la valeur, l'article du panier, le nombre et la valeur, l'état et le niveau du stock, le plan et le statut d'adhésion, ainsi que le plan et le statut d'abonnement. Les options d'adhésion et d'abonnement nécessitent des plugins premium de WooCommerce. Les paramètres vous permettent de choisir si une règle est vraie et vous permettent de choisir les produits ou le statut.

C'est un excellent moyen d'afficher l'état des stocks, de créer une vente basée sur l'inventaire, de créer une vente basée sur les achats, d'afficher une vente mensuelle ou annuelle et bien plus encore.

Masquer et afficher Pro Autre

Les autres paramètres incluent la langue du site, la chaîne de requête et le filtre personnalisé. Pour la langue du site, choisissez si la langue est ou non égale aux sélections que vous effectuez. Pour la chaîne de requête, vous créez la requête en ajoutant la clé, en choisissant la logique parmi une grande liste d'options et en spécifiant la valeur. Le filtre personnalisé vous permet de créer un filtre à l'aide du code que vous ajouterez au fichier PHP de votre thème.

Masquer et afficher les options Pro

Les options Masquer et Afficher vous permettent de choisir parmi 7 fournisseurs de géolocalisation différents. Le service gratuit d'ipwhois.io est sélectionné par défaut. Utilisez le service gratuit ou entrez la clé du service premium. Vous pouvez personnaliser la réponse de géolocalisation à l'aide du code fourni. Vous pouvez également choisir le cryptage HTTPS, définir le nombre de jours pendant lesquels conserver le cache et vider le cache. D'autres paramètres vous permettent d'ajouter des modules supplémentaires, d'exclure des modules et de supprimer des données.

Masquer et afficher les paramètres du module Pro Divi

Une nouvelle option est ajoutée à l’onglet Avancé des sections, lignes, colonnes et modules Divi. L'option vous permet de désactiver, masquer ou afficher le mode Masquer et Afficher. Si vous choisissez Masquer ou Afficher, vous verrez une liste déroulante dans laquelle vous pourrez choisir le préréglage que vous souhaitez utiliser. Le mode Masquer et Afficher est désactivé par défaut. L'activation du mode Masquer et Afficher vous donne un grand contrôle de conception sur tous les éléments de Divi Builder.

Dans l’exemple ci-dessous, j’ai sélectionné un texte de présentation dans le pack gratuit Coaching Layout pour Divi. Cette section de la mise en page montre les services. Le propriétaire du site Web peut choisir d'offrir la plupart de ces services en ligne, mais a décidé de n'organiser que des ateliers sur place. Dans ce cas, ils pourraient restreindre le texte de présentation sur les ateliers pour qu'il ne s'affiche qu'aux visiteurs dans une certaine géolocalisation.

J'ai ouvert le module Blurb, sélectionné l'onglet Avancé et ouvert les paramètres Masquer et Afficher. J'ai sélectionné Afficher et choisi mon préréglage de géolocalisation pour ce module. Désormais, ce module ne s'affichera qu'aux visiteurs correspondant à la géolocalisation que j'ai choisie dans mon préréglage.

Masquer et afficher un exemple Pro

À titre d'exemple, je souhaite créer une section qui affichera des tarifs personnalisés pour les clients existants. Je souhaite que les prix s'affichent la première semaine de chaque mois, uniquement pour ceux qui ont acheté un produit spécifique et qui doivent vivre aux États-Unis.

L'exemple ci-dessous construit cette requête avec des instructions AND. Les paramètres prédéfinis incluent :

1. Le statut de l'utilisateur ne s'affichera qu'aux visiteurs connectés.
2. Cochez le rôle d'utilisateur pour afficher uniquement les rôles d'utilisateur d'administrateur, de client et d'abonné.
3. Utilisez le calendrier mensuel pour afficher les 7 premiers jours de chaque mois.
4. Vérifier l'article acheté Afficher uniquement aux clients qui ont acheté un certain produit.
5. Utilisez Pays pour afficher uniquement les clients résidant aux États-Unis.

Tous ces critères doivent être remplis avant que le visiteur puisse voir la section à prix spéciaux.

Ensuite, j’ai créé une nouvelle section pour la page de tarification du pack gratuit de mise en page de coaching pour Divi. Cette section affichera les tarifs spéciaux pour un service personnalisé que seuls ceux qui répondent aux critères verront. J'ai ouvert les paramètres de la section et sélectionné mon préréglage dans les paramètres Afficher et masquer de l'onglet Avancé.

Désormais, chaque visiteur répondant aux critères voit cette nouvelle section au-dessus de la section d'origine.

Tous les autres visiteurs ne voient pas la première section. Au lieu de cela, ils ne verront que la section des tarifs habituels.

Où acheter

Hide & Show Pro est disponible sur Divi Marketplace pour 39 $. Il comprend une utilisation illimitée du site Web, un an d’assistance et de mises à jour, ainsi qu’une garantie de remboursement de 30 jours.

Pensées de fin

C’est notre regard sur Hide & Show Pro pour Divi. J'ai trouvé le plugin facile à utiliser. J’aime que les paramètres soient distincts de Divi Builder. Cela vous permet de créer un préréglage et de l'utiliser où vous le souhaitez. Hide & Show Pro est un excellent choix si vous souhaitez contrôler qui peut voir un contenu spécifique.

Nous voulons de vos nouvelles. Avez-vous utilisé Hide & Show Pro pour Divi ? Faites-nous part de votre expérience dans les commentaires.