More Premium Hugo Themes Premium Vue Themes

Vue Exit Intent

A helper to know when a user is about to leave your page.

Vue Exit Intent

A helper to know when a user is about to leave your page.

Author Avatar Theme by nickap
Github Stars Github Stars: 26
Last Commit Last Commit: Feb 8, 2025 -
First Commit Created: Jan 17, 2026 -
Vue Exit Intent screenshot

Overview

The Exit Intent Detection feature provides an innovative solution for retaining user engagement by displaying a modal when the user appears ready to leave a webpage. This tool is particularly beneficial for website owners seeking to reduce bounce rates and capture the attention of visitors just before they navigate away. With its adaptable design and straightforward integration, developers can seamlessly implement this feature into their webpages, enhancing the chances of converting potential exits into meaningful interactions.

Features

  • Reactive State Management: Leverage reactive boolean refs such as isShowing to effortlessly manage the visibility of the exit intent popup.

  • Custom Trigger Options: Define when the popup should appear by adjusting settings like scrollPercentageToTrigger and triggerOnExitIntent to fit your site’s user experience.

  • User Unsubscribe Capability: Utilize the isUnsubscribed ref to respect user preferences, allowing them to opt out of future popup appearances seamlessly.

  • State Reset Functions: Use built-in functions like close and resetState to easily manage popup display states and ensure a smooth user experience.

  • LocalStorage Timestamp Tracking: Automatically store a timestamp in local storage that determines when to display the exit intent popup again, enhancing personalized user interactions.

  • Configuration Flexibility: Adjust options such as repeatAfterDays, delaySecondsAndTrigger, and inactiveSeconds to fine-tune how often the modal appears, providing a tailored approach to user engagement.

  • Compatibility and Support: Compatible with earlier versions of Vue by requiring the @vue/composition-api plugin, making it accessible to a wider range of users and developers.