nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to limit a modal from appearing on specific pages?

Arjun_MEATER

We have a modal on the website and currently it appears across all pages. I would like to limit the modal to only fire on the homepage and not the product pages or any other page. But I cannot figure out an option within the filters to make this happen? Any thoughts? We are on Shopify.

Find more posts tagged with

Feature Flags

Comments

LiorPeleg

What trigger are you using to display the in-app message?

If you’re sending an event (for example, “pageview”), make sure it includes properties with the URL or page name. For instance:

pagename: “homepage”

This will allow you to restrict the in-app display to events containing, for example: “homepage.”

DavidO

Similar to @LiorPeleg's reply, we have accessing our key pages linked to custom events. For example our home page is linked to a custom event called 'Project Page - Home' and our video editor page, 'Usage - Create Video' if they enter that page. This way we can use the pages as triggers and avoid website session start as the main trigger.