💡 Pop-up forms are a feature exclusive to our Pro plan.
Pop-up forms help you capture leads or share important messages with visitors on your Storefront. This article shows you how to turn them on, choose where they appear, and decide what they collect.
How to open the Pop-up form settings
In your Backoffice, go to Online Store.
Select Pop-up form.
From here you can turn the form on, choose its style, and configure the content.
Turning on the form
In Pop-up form, turn on Show on Storefront.
Click Save.
When this is enabled, the pop-up form can appear on your Storefront based on the options you choose below.
Choose a pop-up style
You can choose between two styles:
Takeover: A full-screen form that appears with a large image. This is best when you want to share an important update or high-value offer.
Nudge: A smaller form that appears at the bottom of the screen without an image. This is better for more subtle prompts, such as asking for feedback.
Select the style that best fits how prominent you want the message to be.
Choose where the form appears
You can decide which Storefront pages should show the pop-up form:
All Storefront pages except booking/lead forms and customer portal: Use this to reach visitors across your site without interrupting the booking or portal experience.
Only on Storefront site and unit type pages: Use this when you want to focus on visitors browsing your locations and units.
Set form triggers
Form triggers control when the pop-up appears based on visitor behaviour. You can choose the trigger that best fits your goal.
Exit-intent
Choose this when you want to catch visitors before they leave.
Exit-intent tracks mouse and scroll behaviour to detect when someone is about to leave the page. The pop-up form is shown as they move towards closing or leaving the site.
Time on page
Choose this when you want to show the form after a visitor has been on the page for a while.
Select Time on page.
Set the number of seconds a visitor must stay on the page before the form appears.
For example, if you set it to 30 seconds, the pop-up form will display after the visitor has been on the page for 30 seconds.
Scroll depth
Choose this when you want the form to appear after a visitor has engaged with the page.
Select Scroll percentage.
Set the percentage of the page a visitor must scroll before the form appears.
For example, if you set it to 50%, the pop-up form will display when the visitor has scrolled halfway down the page.
💡 As a rule of thumb, use exit-intent for capturing leaving visitors, time on page for general engagement, and scroll percentage when you want to target visitors who are actively reading a page.
Set the form content
Use the content settings to decide what your pop-up says and how it looks. You can use pop-up forms to display important information, capture feedback, or encourage visitors to take an action such as requesting a quote.
Title: Grab the visitor's attention with a fitting title. This should be short and snappy.
Description: Provide information to help convince them to submit the form.
Submit button: It’s best to use verbs and keep it concise here. For example, if offering a discount say “Get discount”.
Image: The image here should relate to the pop-up message. You can use the image provided, pick one from the Stora image library, or get free photos from pexels.com.
Choose which details to collect
Decide what information you want to collect when someone submits the form.
Email address: Email is always collected and cannot be turned off. Stora uses this to create a contact and send you the lead notification.
Phone number: You can also choose to collect a phone number.
In the form settings, turn on Phone number.
If you want to make this required, tick Must be completed.
It will only be collected if switched on.
💡 Make the phone number required if you prefer to follow up leads by phone rather than email.
Need help working out what content to include in your Pop-up Form?
Check out 5 great examples of how to use your Pop-up Form in our blog article.
What happens after someone submits the pop-up form
When the form is turned on, and a visitor submits it:
Stora creates a new contact with the details they provided.
Stora emails you to notify you of a new lead.
The lead appears on your Contacts page in Backoffice.
It is then up to you to follow up with the lead.