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

Supporting organizations: 
proudly helps to maintain this module for the Drupal community

Project information

Releases