Drupal is a registered trademark of Dries Buytaert
Protected Pages 3.0.0 Major update available for module protected_pages (3.0.0). Commerce Core 3.3.8 Minor update available for module commerce (3.3.8). Search API HTML Element Filter 1.0.7 Minor update available for module search_api_html_element_filter (1.0.7). Layout Builder Reorder 2.0.1 Minor update available for module layout_builder_reorder (2.0.1). Ban 1.1.0 Minor update available for module ban (1.1.0). Field Formatter Range 2.0.0 Major update available for module field_formatter_range (2.0.0). Field Formatter Range 8.x-1.8 Minor update available for module field_formatter_range (8.x-1.8). Varbase Media Header 9.2.1 Minor update available for module varbase_media_header (9.2.1). Search API Solr 4.3.11 Module search_api_solr updated after 14 months of inactivity (4.3.11). Provus Mega Menu Module provus_mega_menu crossed 1,000 active installs.

This module allows you to display any Drupal block in a modal window when a visitor is about to leave your site. It integrates with the Ouibounce JavaScript library to trigger the modal.

Ouibounce: A small library enabling you to display a modal before a user leaves your website.

With this drupal module, you can embed any kind of block into the Ouibounce modal window.

Drupal 9/10

Versions

4.x

3.x

Do not use this for new projects. 3.x will be deprecated soon.
It used block plugins as basis, but didn't implement the settings form required to use (bit) more complex blocks, like webform. See #3358189: Render block entities, not plugins unless all plugin settings can be configured for details.
3.x does not support fetching the library via composer.

Installation

Ouibounce library

With composer and asset-packagist:

composer require bower-asset/ouibounce
or
composer require npm-asset/ouibounce

Manual installation:
  • Download Ouibounce library from here
  • Place the folder inside the "/libraries" folder

Module

  • Install "Ouibounce Exit Modal" module
  • Go to blocks, and place "Ouibounce Block" into your content area, and configure it. In contrast to Drupal 7 there's no global settings page anymore.

Dependencies

Drupal 7

Installation

  • Download Ouibounce library from here
  • Uncompress the downloaded file, and copy the "build" folder into "/sites/all/libraries/ouibounce" folder.
  • Install "Ouibounce Exit Modal" module as described here: Installing modules (Drupal 7)
  • View the status report at admin/reports/status to check that Ouibounce library is installed correctly.
  • Visit "/admin/config/user-interface/ouibounce-exit-modal" to adjust the settings
  • Select a block you want to display in the modal, and save changes.
  • Go to blocks, and place "Ouibounce Exit Modal" block into your content area.

Dependencies

Alternative modules

Support

☕️buy a coffee

Activity

Total releases
1
First release
Jan 2025
Latest release
1 year ago
Releases (12 mo)
0 ▼ from 1
Maintenance
Dormant

Releases

Version Type Release date
4.0.1 Stable Jan 29, 2025