<\/figure>\n\n\n\nYou can globally style your popups via the “Popups” control group inside your Theme Styles.<\/p>\n\n\n\n
Further down the popup settings panel, you’ll find the Interactions<\/strong> control group. <\/p>\n\n\n\nThis is where you define the trigger(s) to open\/close the popup. <\/p>\n\n\n\n
Triggers<\/strong> are browser events like “Content loaded”, “Scroll” (by X<\/em> px, X<\/em> % of the body height or X<\/em> vh (viewport height)), moving the mouse outside the window, etc. <\/p>\n\n\n\nA commonly used trigger is to show the popup once the content is loaded (e.g. newsletter popup, special offers, etc.). To do that, set a “Content loaded” interaction like so:<\/p>\n\n\n\n<\/figure>\n\n\n\nNOTE<\/strong>: Clicking outside the popup content (on the overlay) or pressing the ESC key closes the popup.<\/p>\n\n\n\nIf no interactions are defined on the popup itself or any other element on the page that triggers the popup to show, the popup remains hidden<\/strong><\/em>.<\/p>\n\n\n\nPopup limit<\/h2>\n\n\n\n
By default, the popup shows every time it is triggered by an interaction. <\/p>\n\n\n\n
You can also define popup limits under “Settings > Template settings > Popup > Popup limit<\/em>” when editing your popup template. <\/p>\n\n\n\nOnce a limit has been reached, the popup is no longer displayed. <\/p>\n\n\n\n
There are three types of popup limits, and the counter for each increases every time the popup is displayed:<\/p>\n\n\n\nLimit type<\/strong><\/td>Browser storage<\/strong><\/td>Description<\/strong><\/td><\/tr>Per page load<\/td> | window.brx_popup_{id}_total<\/code><\/td>Resets after page load<\/td><\/tr> | Per session<\/td> | sessionStorage.brx_popup_{id}_total<\/code><\/td>Resets after tab close<\/td><\/tr> | Across sessions<\/td> | localStorage.brx_popup_{id}_total<\/code><\/td>Resets once deleted<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n | | | | | | |