Creating a Page Rule

Customize Fomo notifications by page path.

Fomo avatar
Written by Fomo
Updated over a week ago

Sometimes you need granular control over the Fomo user experience on specific pages.

You can accomplish this feat with Page Rules. Here's how.

Step 1 - Navigate to Rules

Step 2 - Create a Title and Description

Name the rule something that will be easy to discern in the future, ie, 'Hide Fomo on /about page'

Step 3 - Add Target Conditions

For example, if you are creating a rule to hide Fomo on a specific page/URL, set your condition and value accordingly. In this case, if the goal is to hide all Fomo notifications on the about page (ie, www.example.com/about), you can set the rule like so:

When you add multiple conditions, each condition is applied as an "AND" operator, meaning that the Rule will only be applied in cases where all conditions are all true.

Also note the difference between "Notifications (Events)" with "Fomo Feed", which are both available options in the Rule dropdown.

Fomo Feed is our live stats ticker and should not be used to try to disable notifications.

Step 4 - Save the Rule
โ€‹

This will add your new Rule to the Fomo snippet, and after a few moments the rule will kick in on your website.

Note: Rules are applied in the order they are created, which is useful to keep in mind if you have contradictory Rules (ex. one Rule that hides Fomo on URLs that contain /product and another Rule that shows Fomo on URLs that contain /product/red-shoes).

Advanced: Page Rules can be applied with CSS selectors (see instructions) to hide/show/edit Fomo based on whether a page overlay, cart drawer, etc. is visible.

Did this answer your question?