Turbo includes a Popup feature to encourage your shop's visitors to subscribe to your newsletter.
When enabled, your popup will appear on top of your store page content with an overlay behind it, to add a contrast between the popup and your shop content.
To get started, open the Popup portion of the Theme settings, then activate Enable popup.
Show Close Icon
The close icon for the popup is optional. Enable the close icon with the Show close icon setting.
Show Popup on Mobile
Include the popup for both desktop and mobile by selecting Show popup on mobile. To restrict the popup to desktop devices, leave this setting unchecked.
Show Signup Form
To include a newsletter signup in the popup, simply enable the Show signup form setting.
Show first and/or last name
To include fields for the first and/or last name, enable Show first name and/or Show last name.
Use a Border
If you'd like to add a border around the popup, you can enable the Use a border setting.
Add an image to the popup by clicking Select Image. An image size of 600 x 875px is recommended.
Adjust the container for the image by selecting an Image cropping option. There are settings for Left, Center, Right, or None.
Select either Left or Right from the Image position dropdown to adjust the layout of the image.
Title and Text
Add a Title and Text using the provided fields.
Select Left, Center, or Right from the Text alignment dropdown to align the text.
Use the First button label, First button link, Second button label, and Second label link to include buttons.
Enable Highlight first button and/or Highlight second button for buttons to appear 'filled-in' as opposed to the outline design.
If you leave one of the button links blank, it can be used as a button to close the popup.
The Popup delay setting controls how quickly your popup will appear after the initial storefront load. Choose from 0 seconds - 120 seconds.
Days Until Popup is Displayed Again
Control the frequency for your popup with the Days until popup is displayed again setting. Choose between 2, 7, 14, 30, 90, and 365 days. When you're configuring your popup initially, you can select Test Mode to have the popup visible at all times to test it out.
Here's how we set up the 'Popup' in our demo shops for Turbo!
If you choose to enable the popup on mobile, it will resize to your mobile device screen size and stack the content vertically.