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.

SettingsMeaning

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 Color (Select 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.

Link

Specify the link for the Back To Store button to navigate to.

Last updated