Advanced Features

Exit intent lightbox

A lightbox that asks the user to confirm exiting the page can be configured to show on any page. To activate it, add a code block to the page with: \

<script>
const EngridExitIntent = {
   enabled: true,
}
</script>

The lightbox has additional configurations options for:

PropertyDescription
TitleThe headline copy of the lightbox
TextThe body copy of the lightbox
buttonTextThe button label text
buttonLinkWhere clicking the button will send the user to
cookieNameName of the cookie used to prevent the lightbox opening more than once
cookieDurationExpiry length of the cookie
triggers.visibilityStateBoolean - if the lightbox should trigger on visibilityState changes (e.g., changing tab)
triggers.mousePositionBoolean - if the lightbox should trigger on mousePosition (e.g., the mouse goes towards the close button)

Information

Exit intent is also used as a foundation for custom solutions like cart abandonment recovery. See Portfolio & Case Studies for examples of advanced exit intent use cases.

Previous
Multi-step Forms