Newsletter Popup
A newsletter popup is a user-friendly feature in your theme documentation that allows visitors to subscribe to updates, news, and important information related to your theme. This non-intrusive form typically appears as a small window or overlay, enabling users to easily input their email addresses and opt-in to receive notifications. Customization options are available to match the popup's appearance to your theme's design.
Image
Upload the image that will be shown inside the newsletter popup.
Limit display
Set how many times the popup will appear to the same visitor.
Limit display сache lifetime
Specify how long (in days) the display limit is stored in the browser cache. After this period, the popup may appear again based on the limit setting.
Position
In the section, "Position" customization is as follows.
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
Content position
Customization of the "Content position" in this section is as follows:
Left
Center
Right
Triggers
Trigger open
Select how the popup is triggered to open:
Time delay: The popup opens after a set number of seconds.
Scroll position: The popup opens after the user scrolls a specified distance (in px or %)
Exit intent: The popup opens when the user moves the cursor toward the browser’s close button (desktop only).
Time delay for a trigger open
If Time delay is selected, specify the delay (in seconds) before the popup appears.
Open scroll type
Following is the open scroll type customization in the newsletter section:
Px: Trigger based on a fixed number of pixels.
%: Trigger based on the percentage of the page scrolled.
Open scroll position
Enter the pixel or percentage value where the popup should appear when Scroll position is selected.
Trigger close
Define how the popup should automatically close:
Time delay: Closes automatically after a set number of seconds.
Scroll position: Closes when the user scrolls to a specific point on the page.
None: The popup remains until manually closed.
Time delay for a trigger close
If Time delay is selected, set the number of seconds before the popup closes automatically.
Close scroll type
Choose the unit (px or %) for scroll-based closing triggers.
Close scroll position
Enter the pixel or percentage value at which the popup will automatically close if scroll is selected as the trigger close option.
Style
Open animation
Choose the animation style for when the popup appears.
Fade
Slide
Zoom
Slide and fade
Close animation
Select the animation used when the popup closes.
Fade
Slide
Zoom
Slide and fade
Show overlay
Enable this option to display a background overlay behind the popup.
Advanced
Mobile disable
Disable the popup entirely on mobile devices.
Disable scrolling
Prevents background page scrolling while the popup is active.
Click overlay to close
Allows users to close the popup by clicking anywhere outside the popup (on the overlay).
Press ESC to close
Allows users to close the popup using the Esc key on their keyboard.
Press F4 to close
Allows users to close the popup using the F4 key on their keyboard.
Show on homepage
Displays the popup only on the homepage.
Show on product and category
Displays the popup on product and collection/category pages.
Show on all pages
Displays the popup across all pages.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Add block
To add block to the Newsletter popup, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
Heading
Heading Enter text to display as a title in the section. Heading size
Following is the font size customization of the heading in the section:
Small
Medium
Large
Subscribe form
Placeholder input
Enter text that appears inside the email input field before the user types in newsletter form input field.
Subscribe button label
Text displayed on the subscription button.
Description
Add a short paragraph encouraging users to subscribe.
Social links
Add this block to show social media icons in newsletter section.
Last updated