Supported Versions
The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Using the Popup
The Turbo theme includes a handy Popup feature that can be used to encourage your shop's visitors to subscribe to your newsletter, to let visitors learn about new products, campaigns or promote sales and discounts!
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! You can select the popup frequency as well as choose to enable/disable it on mobile.
The Popup includes options to add an image, text, and signup form as well as additional buttons which can be a great way to get your customers to navigate to certain pages/products right off the bat!
In order to enable the Popup, head into Customize (your Theme Editor) > Theme Settings > Popup > Enable Popup.
Popup Settings
Show close icon
The close icon for the popup is optional! You can enable/disable the close icon by checking off the 'show close icon' setting.
Show popup on mobile
You can choose whether or not you'd like the popup to display on mobile. If you choose to enable the popup on mobile, it will resize to your mobile device screen size and stack the content vertically.
Show signup form
To have the signup form display in the popup, simply enable the 'show signup form' setting.
If you'd like to change the placeholder text that reads: Enter your email address and the submit button text that reads: sign up, you can do so by going into Theme Actions > Edit Languages > General > Newsletter form > to edit the Placeholder and Submit fields.
Show first name/Show last name
If you want the signup form to include fields for the first and last name, you can enable these settings.
If you'd like to change the placeholder text for the first and last name fields that read: First Name and Last Name, you can do so by going into Theme Actions > Edit Languages > General > Newsletter form > to edit the Subscriber first name and Subscriber last name fields.
Use a border
If you'd like to add a border around the popup, you can enable the 'use a border' setting. The border color can be selected by going into Theme Settings > Colors > Layout > Borders.
Image
The popup includes an option to add an image! An image size of 600 x 875px is recommended
Image cropping
If you've uploaded an image, you can crop it to same height as your text content with the 'image cropping' setting. You'll most likely want to make use of this setting if you've uploaded an image size that is different than the recommended size! The cropping options are left, center, right, and none.
Image position
If you've uploaded an image, choose either left or right for the 'image position' setting.
Title/Text
To add text to your popup, you can fill in the 'title' and 'text' fields.
Text alignment
Here you can choose the alignment of your text. Choose from left, center, or right.
First/Second button label First/Second button link
If you'd like to add additional buttons to the popup, you can with the first and second button labels/links. You can also choose to enable the 'highlight first button' and 'highlight second button' settings as well, this will then display your buttons '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.
Popup delay
The popup delay setting lets you decide how quickly your popup will appear after a visitor has arrived at your site! Choose from 0 seconds - 120 seconds.
Days until popup is displayed again
You can decide on the frequency of your popup by selecting an option in 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!
Examples
Here's how we set up the 'Popup' in our demo shops for Turbo!
Mobile Layout
If you choose to enable the popup on mobile, it will resize to your mobile device screen size and stack the content vertically.