How to: Create Popups

overview popups and alerts are powerful, high visibility tools in the storagely webbuilder that allow you to announce important updates, promote sales or special offers, collect leads and emails, provide location specific information, and display time sensitive alerts with storagely, popups are fully customizable , can be displayed only on specific pages , and can be triggered by various user behaviors —including timing delays, scroll depth, exit intent, or interaction navigate to the editor open your storagely dashboard navigate to the storage website tab and select " my websites " select the website you want to edit from the list create or edit a popup access your popups from the storagely website editor , select the website you want to manage in the top left corner, click the cms icon select popups & alerts you will see all existing popups options to edit , delete , clone , or create new popups creating a popup click "add new popup" at the bottom of the page to create a new pop up enter a name for your popup — choose something descriptive so you can easily find it later (e g , “location opening sale”, “holiday hours alert”) at this stage, your popup will be saved as a draft, which is perfectly fine while building click save changes designing your popup once saved, click edit at the bottom of the popup card click + to begin building your popup choose one of the following start from a template (recommended for speed and consistency) build a custom popup using your own style elements such as text, images, icons, buttons, forms, spacing, and backgrounds ✔️ important popups must be published a popup will not show on your website until it is published before you set triggers or display conditions, publish the popup locate the popup’s status in the bottom right corner change save draft → published page if you skip this step, your popup will never display, even if all conditions are set correctly setting popup triggers (when the popup appears) triggers define how and when the popup will appear to a visitor how to access trigger settings open your popup click settings in the top right corner select display conditions in the top right select the triggers tab available popup triggers storagely supports a wide variety of popup triggers time based triggers on page load (after x seconds) show popup after 1 second when someone loads the page after inactivity show when the visitor has been idle for a set amount of time behavior based triggers on click popup appears after a user clicks a linked element after scroll show after scrolling 30% down the page exit intent (desktop only) triggered when the visitor moves the mouse toward closing the page conditional triggers if no other popup has shown device specific (desktop or mobile) arriving on specific urls frequency control you can also select “show once per session” this prevents the popup from repeatedly appearing every time the visitor reloads the page setting display conditions (where the popup appears) display conditions determine which pages or areas of the website show the popup how to access display conditions open the popup click settings in the top right corner select display conditions in the top right select the conditions tab where can you include or exclude popups sitewide (all pages) specific internal pages (e g , “business storage page”) blogs popups & alerts only (used for chaining or advanced setups) this gives you full control over placement—for example show a “grand opening discount” only on the new location page show a “holiday hours alert” sitewide show a “10% off storage” popup only on pricing pages how to test your popup after setting up both triggers and conditions navigate to the page where the popup should appear refresh the page if your trigger is set to on page load → after 1 second , wait one second confirm that the popup appears exactly where and when expected if using “show once per session,” test in incognito mode after clearing browser cache or using a different browser troubleshooting tips if your popup does not appear check if it is published , not draft make sure you have a trigger set confirm at least one display condition is active clear browser cache disable “show only once” (for testing) best practices use popups sparingly and strategically too many popups reduce engagement keep popup content short, clear, and action oriented always include a strong cta (e g , “reserve now,” “get the discount”) avoid clutter—use clean design and simple messaging test every popup on mobile and desktop , as layout should adapt as always, if you ever have any questions throughout this process, our customer success team is always ready to help! we have a couple of ways you can reach out, choose what is best for you ! all methods of contact flow into the same support team, which means no method will provide you a faster response than others email helpdesk\@storagely io com https //d1s7s share hsforms com/297gkkisitsmdgskuyt9s2g