Point culminant du plugin Divi : Divi Magic

Avez-vous déjà voulu montrer différents éléments de page à différents utilisateurs en fonction de leur rôle d'utilisateur ou de leur statut de connexion ? Que diriez-vous de montrer des éléments spécifiques en fonction de la date et de l'heure ? Un plugin tiers pour Divi appelé Divi Magic ajoute ces fonctionnalités à Divi, vous donnant beaucoup plus de contrôle sur qui peut voir certains éléments et quand ils peuvent les voir.

Divi Magic ajoute un nouvel ensemble d'outils de visibilité à chaque section, ligne, colonne et module standard. Vous pouvez utiliser ces contrôles pour définir la visibilité en fonction de l'état de connexion des utilisateurs, des rôles des utilisateurs ou de la date et de l'heure. Dans cet article, nous allons jeter un œil à Divi Magic, voir ce qu'il peut faire et voir à quel point il est facile à utiliser.

Paramètres de visibilité de Divi Magic

Un nouvel ensemble de fonctionnalités est ajouté à la section Visibilité dans l'onglet Avancé de chaque section, ligne, colonne et module. Il fonctionne dans les constructeurs backend et frontend ainsi que dans le générateur de thèmes. Les nouvelles fonctionnalités vous permettent de choisir qui peut voir le module et de spécifier si vous souhaitez qu'il s'affiche à un moment précis.

Les options pour qui peut voir le module incluent tout le monde, les utilisateurs déconnectés et les utilisateurs connectés. Ce niveau de contrôle vous permet de proposer des offres spéciales, de limiter les informations affichées sur la page, etc. Ceci est utile pour les boutiques en ligne, les écoles, etc.

Le choix des utilisateurs connectés ajoute une nouvelle liste dans laquelle vous pouvez sélectionner des utilisateurs spécifiques. Cela inclut les utilisateurs WordPress standard et tous les utilisateurs supplémentaires que vous avez ajoutés. Mon exemple montre les utilisateurs de WooCommerce, LifterLMS et GiveWP parce que j'ai ces plugins installés.

La sélection d'afficher l'élément en fonction d'une date et d'une heure ouvre davantage d'options dans lesquelles vous pouvez définir séparément la date de début et de fin.

La sélection de la date de début ou de fin ouvre un calendrier avec des curseurs d'heures et de minutes (du moins c'est ainsi que cela fonctionne dans Chrome). C'est bon pour révéler une offre à un certain moment, montrer si une vente est en direct, etc.

La date d'aujourd'hui est affichée en jaune tandis que toutes les autres dates sont en gris clair. Les autres dates changent de couleur pour indiquer que vous les avez sélectionnées, mais la date du jour reste jaune. Cela peut être déroutant car vous pouvez penser que vous avez sélectionné la date d'aujourd'hui alors que vous ne l'avez pas fait.

Exemples Divi Magic pour des utilisateurs spécifiques

Voici quelques exemples de son fonctionnement pour des utilisateurs spécifiques. Dans cet exemple, je crée une bannière qui n'affichera que les utilisateurs qui ne sont pas connectés.

J'utilise le deuxième pack de création de thème et j'ai ajouté une bannière au-dessus de l'en-tête global. J'ai ajouté un module de texte qui affiche un message aux utilisateurs leur demandant de se joindre, et un bouton qui les amène à la page d'inscription. Dans les paramètres, je l'ai configuré pour n'afficher cette ligne qu'aux utilisateurs non connectés. Toute personne connectée n'aura pas besoin de cette bannière.

Depuis que je suis connecté, je vois juste l'en-tête comme d'habitude.

Toute personne non connectée voit la bannière au-dessus de l'en-tête, l'invitant à se joindre.

Pour cet exemple, je crée différentes sections qui s'afficheront pour différents types d'utilisateurs. Les utilisateurs déconnectés verront une page de destination avec des CTA pour s'inscrire aux cours.

Les utilisateurs connectés en tant qu'étudiants verront la liste des cours.

Les instructeurs connectés verront une page de cours.

Dans cet exemple, je ne suis pas connecté donc je vois la page avec les CTA pour m'inscrire aux cours.

Pour cet exemple, je suis connecté en tant qu'instructeur, donc les sections que j'ai marquées pour les instructeurs s'affichent à l'écran.

Cela ajoute un certain niveau de logique conditionnelle aux sections. Mes exemples sont trop simplifiés, mais vous pouvez facilement afficher des éléments conçus spécifiquement pour ces utilisateurs.

Exemples Divi Magic pour la programmation quotidienne : bannière en vedette

Voici un aperçu du fonctionnement du système de planification. J'ai créé une bannière à partir des éléments du pack de mise en page de la boutique en ligne et je l'ai placée en haut de la page de destination. J'ai ajouté la couleur du bouton à l'arrière-plan de la ligne et défini la ligne pour qu'elle s'affiche pour tout le monde à partir de 11h45 et ne dure qu'une semaine.

J'utilise un module de texte, plusieurs modules WooCommerce et un bouton pour créer ma bannière de vente.

Comme ce n'est pas le moment d'afficher la bannière, la page la masque.

À la date et à l'heure de début, la bannière s'affiche normalement. C'est idéal pour créer des promotions de vente qui n'apparaissent qu'à un certain moment. J'aime que vous puissiez programmer des éléments à afficher sans avoir à les publier manuellement. Cela libère votre temps pour que vous puissiez être ailleurs pendant que cela se produit.

Exemples Divi Magic pour la planification quotidienne : les ventes quotidiennes

Vous pouvez également créer un en-tête intéressant qui affiche une vente différente pour chaque jour, comme les ventes du compte à rebours pour la semaine du Black Friday. J'ai ajouté une ligne avec 5 colonnes. Chaque colonne a un module de texte qui affiche le jour.

J'ai créé un nouvel ensemble de modules de texte quotidiens et les ai configurés pour qu'ils s'affichent uniquement à leurs jours spécifiques. J'aurai aussi le jour qui est actif pour être plus grand.

J'ai mis en place un ensemble de sections de vente et j'ai chacune d'elles à afficher uniquement en fonction d'un jour spécifique.

Voici à quoi cela ressemble dans la vue filaire sur le backend (juste parce que j'aime toujours utiliser le générateur de backend). J'ai mis en place la programmation de chaque jour pour les modules de texte indépendamment. Pour les articles de vente, y compris le texte, le bouton, les modules Woo et un module de boutique, j'ai créé une nouvelle ligne pour chaque jour et planifié les lignes indépendamment.

Voici la page en direct telle qu'elle s'affiche jeudi. Tous les jours s'affichent normalement, à l'exception du jour en cours. Ce jour-là est remplacé par la version plus grande pour qu'elle se démarque. Seul l'article soldé de ce jour s'affiche. Bien sûr, pour les articles soldés, j'ajouterais une meilleure description et n'aurais pas de prix différents sur un vrai site internet, mais cet exemple suffit à montrer ce qu'il est possible de faire pour la planification quotidienne des éléments.

Divi Magic avec paramètres utilisateur et planification combinés

Les paramètres utilisateur et les paramètres de planification peuvent être utilisés ensemble pour montrer certains éléments à certains utilisateurs à des jours spécifiques. Dans cet exemple, j'ai défini les ventes planifiées pour qu'elles ne s'affichent qu'aux utilisateurs qui sont des clients.

Comme je ne suis pas connecté en tant que client, la section des ventes ne s'affiche pas pour moi. Voici à quoi ressemble la page pour tous ceux qui ne sont pas des clients connectés.

Maintenant, je suis revenu en arrière et j'ai ajouté Admin en tant qu'utilisateur, il apparaît donc lorsque je regarde la page.

Divi Magic avec Extra

Divi Magic fonctionne également avec Extra dans le Divi Builder standard et le Theme Builder. Pour le moment, cela ne fonctionne pas avec le Category Builder. J'en ai discuté avec le développeur et cette fonctionnalité sera ajoutée dans une future mise à jour. Cet exemple montre la bannière dans l'en-tête global pour les utilisateurs qui ne sont pas connectés.

Les utilisateurs connectés voient l'en-tête comme d'habitude, sans bannière leur demandant de s'inscrire.

Prix

Vous pouvez acheter Divi Magic sur le site Web du développeur. Il est disponible avec deux options d'achat :

• 25 $ par an pour une utilisation sur un seul site Web et un an de mises à jour.
• 39 $ par an pour une utilisation sur des sites Web illimités et un an de mises à jour.

Mettre fin aux pensées

Divi Magic est un excellent plugin à avoir dans sa boîte à outils. Les contrôles sont ajoutés aux sections, lignes, colonnes et modules Divi standard, vous n'avez donc rien de nouveau à ajouter à vos mises en page. J'ai trouvé les commandes faciles à utiliser.

Avoir le contrôle sur qui peut voir quoi et quand ils peuvent le voir ouvre de nombreuses possibilités d'utilisation, de promotion et de conception. J'aime que vous puissiez créer des bannières ou d'autres éléments de page avec le Divi Builder, puis les montrer à certains rôles d'utilisateurs ou à certaines dates et heures avec seulement quelques sélections.

Si vous voulez plus de contrôle sur qui peut voir certains éléments et quand ils peuvent les voir, Divi Magic vaut le détour.

Nous voulons de vos nouvelles. Avez-vous essayé Divi Magic ? Faites-nous savoir ce que vous en pensez dans les commentaires ci-dessous.

Image en vedette via 4zevar / shutterstock.com