Before You Leave

Before you leave will show up after your customers don’t have any actions like clicking or hovering on the store. The store owner can set up the time when it would show in Theme Setting. This feature can show the promotion content, upsell products, discount campaign to attract visitor’s attention in case they want to leave.

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme settings -> Before you leave.

Settings	Meaning
Show before you leave	Toggle to show the Before You Leave popup to remind users.
Position	Select the position of the popup to appear to the right or left of the viewport.
Show after (minutes)	Determine the timespan to show the popup since the stop of user's interaction or tab navigation.
Logo	Select the brand logo to appear on the popup.
Background image	Select an image for the top part background of the popup.
Content	Enter the content for the popup. HTML can be inserted to create more complicated layout for the popup content.
Collection	Select a collection to show as Recommended Products on the popup.
Maximum products to show	Determine the maximum number of products within the collection to show on the popup.
Show back to store button	Toggle the button allowing users to navigate back to a store page on clicked.
Style	There are 3 styles for the continue shopping button: First button Second button Third button
Link	Specify the link for the Back To Store button to navigate to.