How to Show/Hide Element Based on Purchased Products using Elementor Display Conditions

Display Conditions Feature in Premium Addons for Elementor, a WordPress plugin, enables you to dynamically show or hide page elements based on set conditions.

To effectively utilize this feature in WordPress with Elementor, we recommend watching our showcase tutorial, which guides you through the process of altering element visibility based on a visitor’s purchased products.

In this tutorial, we will show how to show/hide Elementor content on WooCommerce‘s Purchased Products.


Requirements


Enable Display Conditions Feature

Navigate to your Elementor element settings > Advanced tab > Display Conditions and Switch “Enable Display Conditions” switcher.

Add The Dynamic Display Conditions

  • Action: Select whether you want to show or hide the element based on the selected display conditions.
  • Conditions: Here we will set the condition and set the values to compare to.
    • Type: Set the condition to Purchased Products.
    • Is or Is Not: Choose the condition type.
    • Value: You may choose the purchased products.
Elementor Display Conditions red arrow pointing on Purchased Products conditions type
Elementor Display Conditions – Purchased Products

That’s It!

So simple right?

Now you can control which elements to show or hide depending on the purchase products.

If you still need any further assistance, feel free to contact the Premium Addons support team. We would be more than glad to help 😁

Join the Community

You’re most welcome to join our channels to get updates about new features, improvements, and bug fixes.

Related Docs:

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 44+ Elementor Widgets Totally Free of charge.

Premium Addons for Elementor plugin logo

Stay Updated

Subscribe to our newsletter to receive the latest updates and features.