Global popups can be triggered from anywhere, but especially useful in blocks like headers, footers, navs, etc.

One-time popups are good when you just want to use it on a page or two.

Create a global popup:

Choose "Add Global Popup" from the admin dashboard or the top toolbar.

Set a unique Popup ID (e.g., "cool-popup").

Add content inside the block (text, images, etc.) and save your design as you normally would.*

Your popup will be assigned the given ID and a slug upon saving. You may use either when creating the trigger.

Create a 1-time popup: – The popup block and trigger must be on the same page.

Add the "Steve Pop-Up" block to any page, post or cpt. While it doesn't effect your layout, I suggest adding it towards the bottom just for order and tidyness in your content editor.

In the block's settings (on the right), set a unique Popup ID (e.g., "cool-popup").

Add your content inside the block (text, images, etc.) and save your page.*

*The modal will expand downward with larger amounts of content and the scrolling will appear in the main viewport so it stays swipable.

Using Global Popup in Block

If you want to display a global popup on a specific page/post without it being available site-wide, you can use the "Steve Popup" block with the "Use global popup" option enabled in the block settings. This renders the global popup's content on that page only, and ensures the plugin's assets (JS/CSS) are loaded on that page even if no global popups are set to load globally.

In the block's settings, check "Use global popup" and set the "Global Popup ID" to the slug of the global popup you created in the admin (under "Global Popups").

This is useful if you have no global popups defined (to avoid loading assets site-wide), but want to use global content on select pages.