Set visibility rules for a widget

DecoNetwork's Website Editor is a powerful tool that allows you to customize your online store with a variety of widgets including product galleries, content displays, navigation elements, forms, social media integrations, interactive features such as buttons and search fields, and maps. These widgets can enhance the functionality and user experience of your site. However, there may be instances where you want certain widgets to be visible only under specific conditions or to particular users. This is where the Visibility Rules settings come into play.

The Visibility Rules settings in the Advanced tab of the settings popup allow you to set precise rules to control when and by whom a widget can be seen. This feature provides flexibility and ensures that your website displays the most relevant content to different users. For example, you might want to show a special promotional banner only to visitors from a particular state or display member-only content to logged-in users.

In this tutorial, we will guide you through the steps to configure these visibility rules.

To set the visibility rules for a widget:

1. Mouse over the widget.

   The widget's controls will be displayed.

2. Click on the down arrow beside the widget icon.
3. Choose the Settings item from the drop-down menu.
   

   The widget Settings popup will be displayed.

   

   You can also double-click on the widget to open the widget Settings popup (excludes Text, Page Title, and Heading Widgets).

4. Click on the Advanced tab.
   
5. Click on the VISIBILITY RULES row to expand the section.

   Once, expanded, you will see the currently defined rule. By default, the rule set for the widget is to always show.

   
6. Click on Always.

   The Edit Rules popup will be displayed.

   
7. Set up a test query.

   The test query enables you to define a comparison test to verify if all specified rules are met.

   1. Choose a comparison test option:
      • All: Displays the widget only if all defined rules are satisfied.
      • Any: Displays the widget if any of the defined rules are satisfied.
   2. Choose the test condition:
      • True: Indicates that the test is met.
      • False: Indicates that test is not met.
8. Click on the cross icon to add a new rule.

   A set of rule options will be displayed.

   
9. Choose a condition from the dropdown list:
   • All: Allows you to create a new test to perform on the subsequent rules, where if all of the rules satisfy the test, the widget will be displayed.
   • Any: Allows you to create a new test to perform on the subsequent rules, where if any of the rules satisfy the test, the widget will be displayed.
   • User Logged In: checks if the user is logged in.
   • User Salutation: checks the salutation value defined in user's account.
   • User State: checks the state value defined in user's account.
   • Current Order Value: checks the user's current order value.
   • Current Order Size: checks the user's current order size.
   • Can Add Stores: checks if the user's account allows stores to be added.
   • Can Add Campaigns: checks if the user's account allows campaigns to be added.
   • Page has attributions: checks to see if the web page the widget is placed on has attributions (author, source and license links for materials used on the page).
10. Select an Operator:
    • =: equal to.
    • <>: not equal to.
11. Specify a value for your condition.
12. Click OK.

    You can add multiple rules.

    To remove a rule, click on the cross icon beside it.

13. Click OK, once you have finished configuring the settings.
14. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.