By setting up page rules, you can control exactly where widgets appear or hide, ensuring that your website remains organized and engaging for visitors.
In this step by step article, we’ll walk you through the process of configuring page rules to manage widget visibility effectively.
Page rules
Define your rules using OR and AND conditions.
OR Conditions: An OR condition allows a widget to appear if at least one of multiple criteria is met. This means that even if only one of the specified conditions is true, the widget will be displayed.
Example:
Display the widget on either the homepage OR any blog post.
Rule: Show widget if URL is
/homeOR if URL contains/blog/.
AND Conditions: An AND condition requires that all specified criteria must be met for the widget to be displayed. This means that every condition you set must be true simultaneously for the widget to appear.
Example:
Display the widget only on collection pages AND on the homepage.
Rule: Show widget if URL contains
/collection/AND URL is/home.
Set pages where to display or hide this widget.
Click + Add rule to set specific pages where you want to display or hide the widget.
Here’s an explanation of each rule:
URL equals to (enter text or URL):
This rule will display or hide the widget only if the URL exactly matches the specified text or URL. Use this when you want the widget to appear on a specific page.
Example: Show the widget if URL equals
https://www.example.com/home.
URL not equals to (enter text or URL):
This rule will display or hide the widget on all pages except the ones with URLs exactly matching the specified text or URL. Use this to exclude the widget from specific pages.
Example: Hide the widget if URL equals
https://www.example.com/contact.
URL - All website pages (enter text or URL):
This rule applies to all pages of your website. Use this when you want the widget to be displayed or hidden across the entire site.
Example: Show the widget on all website pages regardless of the URL.
URL includes (enter text or URL):
This rule will display or hide the widget if the URL contains the specified text or segment of a URL. Use this for broader targeting across multiple pages that share a common URL pattern.
Example: Show the widget if URL includes
/blog/.
URL does not include (enter text or URL):
This rule will display or hide the widget on all pages except those whose URLs contain the specified text or segment. Use this to exclude the widget from sections of your site.
Example: Hide the widget if URL includes
/products/.
URL starts with (enter text or URL):
This rule will display or hide the widget if the URL begins with the specified text or URL segment. Use this to target pages that share a common starting URL path.
Example: Show the widget if URL starts with
https://www.example.com/products.
URL ends with (enter text or URL):
This rule will display or hide the widget if the URL ends with the specified text or URL segment. Use this for targeting pages with specific endings, such as file types or specific page names.
Example: Show the widget if URL ends with
/checkout.
Devices
Configure the device-specific display settings for your widget. This allows you to control whether the widget appears on desktop and/or mobile devices.
Display Widget on Desktop:
Activate: Toggle this option on if you want the widget to be displayed on desktop devices. This is useful for ensuring that desktop users see important widgets that enhance their browsing experience.
Deactivate: Toggle this option off if you do not want the widget to appear on desktop devices.
Display Widget on Mobile:
Activate: Toggle this option on if you want the widget to be displayed on mobile devices. This is crucial for providing mobile users with relevant content tailored to their experience.
Deactivate: Toggle this option off if you do not want the widget to appear on mobile devices.
Once you have set up the page rules and configured the device-specific display settings, don’t forget to click on Done to save your changes.
Summary
After configuring your widget's display settings, it's essential to review a summary of the rules you've defined on the specified URL and devices.
Once you're done with your configurations, continue to install the widget on your website.
Remember, without setting up the rules correctly, you won't be able to make the widget visible on the page.