00:00
Buy Me a Beer
Components

Popup - On Exit

Display a popup when your mouse exist the viewport

Install the VisualDX Script

Firstly, make sure you have the VisualDX script before your </body>

Install VisualDX

Install the VisualDX Script

Copy the VisualDX script

<script src="https://cdn.jsdelivr.net/npm/visualdx@1/dist/vdx.min.js?v1.1.9"></script>

Paste into the global Footer Code

Paste the VisualDX script before the </body> of your global Footer Code. You only need to do this once, one script to rule them all.

close
1

Add vdx-popup-onexit to your webflow popup, modal, or dialogue.

2

Add vdx-popup-frequency to control how often the popup displayed.

Default popup frequency is set to 0 hours

3

Control the popup frequency by adding a value to the vdx-popup-frequency attribute.
‍
vdx-popup-frequency="12" = Display once every 12 hours
‍
vdx-popup-frequency="24" = Display once every 24 hours
‍
vdx-popup-frequency="672" = Display once every 28 days

Control the display animation with Webflow Transitions

Example of a on exit popup

Navigate mouse out of the viewport

close
Are you leaving?