Le Module de contenu conditionnel ElementsKit lets you show or hide specific website content based on defined conditions such as user role, login status, device, browser, date, or time. It helps personalize content visibility dynamically without coding.

Quick Steps:

1. Enable it: ElementsKit → Modules → Conditional Content
2. Edit a section/widget in Elementor
3. Aller à Advanced → ElementsKit Conditions → Enable Condition
4. Set rules (e.g., Login Status = Logged In)
5. Update and preview

Goal: Show a special message only to logged-in users

• Afficher sur : All Conditions Met
• Condition:
  • Action: Login Status
  • Operator: Is
  • Value: Logged In

Result: Only logged-in users will see the content, while others won’t.

It’s a simple way to control content visibility and personalize user experience using rules.

Watch the video:

Comment utiliser le module de contenu conditionnel ElementsKit #

Apprenez à appliquer une visibilité conditionnelle au contenu de votre site Web en 3 étapes à l'aide de Module de contenu conditionnel ElementsKit .

Étape 1 : Activez le module de contenu conditionnel d’ElementsKit #

Vous devez activer le module de contenu conditionnel d'ElementsKit avant de pouvoir l'exploiter sur votre site Web.

Pour allumer le module, allez dans ElementsKit ⇒ Modules ⇒ Contenu conditionnel. Assurez-vous que l'option bascule de Le contenu conditionnel est activé et cliquez sur Enregistrer les modifications.o mettre à jour le statut.

Étape 2 : Activer le contenu conditionnel sur ElementsKit #

While you can apply this content to any small content, image, or widget, for this doc, I am going to apply the conditional content to an inner section.

For this –

1. Click on the six dots to go to the settings for that inner section
2. Then move to the Onglet Avancé
3. Scroll down to the Conditions du kit Elements section and Turn on the Enable Condition option

Étape 3 : Appliquer les conditions #

Après avoir activé la condition, vous trouverez deux options : Affichage activé et Conditions. 

• Display on –
  • All Conditions Met: Choose the option if you want all your content to display only when all the conditions are true.
  • Any Condition Met: Select Any Condition Met if you want your content to display when any of the conditions you added are true.

• Conditions : Pour choisir une condition, vous devez définir trois options.

• Sélectionnez l'action such as Login status, User role, Operating system, Browser, Date, Day, and Time etc.

• Choisissez Est/N'est pas.

• Dans la troisième liste déroulante, vous devez choisissez la valeur de l'action. You will find value options relevant to the action you choose from the first dropdown. For example, Logged for Login Status, Subscriber, Author, Editor, etc. for User Role, Mac OS, Ubuntu, Linux, etc. for Operating system, and so on.

To add a new condition, click on the + AJOUTER UN ARTICLE. Vous pouvez ajouter autant de contenu que vous le souhaitez.

Par exemple, je vais ici choisir un affichage sur "Toutes les conditions sont remplies". Sélectionnez ensuite « Statut de connexion » « Est » « Connecté ». Ainsi, le contenu ne sera visible que par les utilisateurs connectés. 

Étape 3 : mise à jour et aperçu #

Une fois les conditions définies, cliquez sur Mettre à jour pour enregistrer toutes les modifications. Vous devriez maintenant voir les conditions que vous avez définies sur cette page.

Voici une démo.