Setting Up the Pop-up Modal
To add a popup modal to your store, click on Create Widget at the homepage.
At Type select Popup modal:
Give this widget an internal name at the Widget Name (internal use only):
Configure your popup modal’s start and end time the popup modal will be displayed at your store.
IMPORTANT NOTE: The time is based on your store's timezone.You can also configure the number of times your visitor can see the popup.
Once Per Week Per Visitor- The visitor will see the popup modal every 7 days of each visit.
Everytime Anyone Visits - The popup modal will be displayed too all visitors each time the visit or refreshes the site.
Once per Day per Visitor - The popup modal will be displayed every 24 hours of each visit.
New Visitors Only - Only display the popup modal to first time visitors to your site.
Configure how you would like the pop-up modal to appear to your visitors by configuring the following settings:
Choose where the pop-up modal will appear.
I can appear in the middle of screen:
Or at the bottom right:
You can choose the different type of pop-up animations. You can preview it to see which is most suitable for your branding.
Choose the pages where you want your popup modal to appear based on product pages, collection pages or specific pages (which includes home pages and blogs).
This selection will correspond to the selection you made in (c). It allows you to choose the pages that you want the pop-up modal to appear.
You can restrict the pop-up modal to show to visitors from specific countries by configuring the Restrict by Location option.
Select Next:
OR Design tab to continue to customize the pop-up modal's design:
Customizing the Pop-up Modal Design
Banner Elements
You can add or remove banner elements by enable/disable the elements.
Title - You can choose if you want to display the main title of the pop-up modal. You can edit the contents and the format at the Title setup.
Countdown Timer - You have the option to display the countdown timer. Customize its content, style, and format by configuring the Countdown Timer setup.
Primary Button - When activated, customers can click this button to navigate to any page or site configured in the Primary Button Setup.
You can also customize the color and format of the button there.
Subheading - By enabling this option, a message will appear below the countdown timer. For further customization—such as adjusting font type, size, and color—navigate to the Subheading settings.
Link - When you enable this option, a clickable link will appear, which can be customized in the Link settings:
Email capture - Enabling this element will display an email capturing textbox. All emails captured will be automatically synchronized to your Customer page in the Shopify admin panel. If you had integrate Urgency+ with Mailchimp or Klaviyo it will automatically synchronize to the mailing lists as well.
Copy Discount Code - By enabling this option, a discount code will be display at the pop-up modal:
If you want the Discount Code to be shown, at the pop-up modal without any email signups, locate Discount Code (Before Sign Up) and select Change:
Alternatively, if you want the Discount Code to show after an email signup is made, locate Discount Code (Sign Up Success) and select Change.
Link the Discount Code set that you wish to display.
You can then proceed configure the design on the discount code display here:
Once you’ve chosen the elements to display in the pop-up modal, you can fine-tune its design. Customize border formats, border radius, and background patterns in the section directly below:
Success
When Email Capture is enabled, the success page activates whenever a successful email enrollment occurs. On this page, you have the option to add a discount code to encourage email signups
