Skip to main content
Set up a Storefront Pop-up Form

How to create a Pop-up Form that appears on your website.

Updated over 5 months ago

Pop-up forms can be used to capture the contact details of a visitor to your Storefront at precisely the right moment. You can use them to offer assistance, capture feedback, or prompt visitors to take specific actions, such as getting a discount code. Here, we’ll explore how to set these up in your Backoffice. They're available on our Automate plan.

How to set up your Pop-up Form

To set up your form, navigate to Online Store > Pop-up Form.

Turning on the form

To display the pop-up form on the Storefront, you must first enable it by toggling the switch “Show on Storefront.” Then, you must save your changes.

Choose a style

You have two styles to choose from:

Takeover - full screen with image

Nudge - Smaller at the bottom of the screen without image

Choose where it appears

Your pop-up form can be set to appear on different pages, the options are:

  • All storefront pages except booking/lead forms and customer portal

  • Only on Storefront Site & Unit Type pages


Form triggers

The pop-up form can be triggered by different user behaviours. Depending on how you set it up, you may want to use a different trigger to display the pop-up.

 Your options are:

When a visitor intends to leave your website.

Exit-intent means tracking mouse movements and scrolling behaviours of website visitors and detecting when a visitor is about to leave your website. An exit-intent popup is displayed when a visitor decides to leave the page.

When a visitor has been on the page for (amount of seconds)

This will trigger the form based on the amount of time the visitor has been on the page. If set to 30 seconds, for example, the pop-up form will be displayed after 30 seconds.

When a visitor scrolls (to a percentage of the page)

This will trigger the form based on a visitor's scroll behaviour. If set to 50%, for example, the pop-up form will be displayed once the visitor has scrolled halfway down the page.


Form content

These pop-up forms can be used for a variety of purposes, such as displaying important information, capturing user feedback, or prompting users to take a specific action.

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 be related to the message of the pop-up. You can use the image provided, pick one from the Stora image library, or get free photos from pexels.com.


Details to collect

Decide what data to collect when a visitor submits the form. You must collect their email address, but you can also choose to ask for their phone number.

Email

It will be collected by default.

Phone number

It will only be collected if switched on. Note you can make the number collection mandatory by clicking the ‘must be completed’ tick box.


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 once the Pop-up form is turned on

Once it's on, you must wait for an enquiry. Stora will email you immediately to notify you of a new lead with any contact details submitted. You'll also find it on your contacts page. It's up to you to take it from there and make contact with the lead.

Did this answer your question?