Display modal on exit feature

General Discussion
1

Does Mautic have any plans to offer a modal style popup that fires when it detects that a user is about to leave the site?



An example of a great open source version is https://github.com/carlsednaoui/ouibounce.



If used properly these can have a fantastic lift on conversion.

2

Does Mautic have any plans to offer a modal style popup that fires when it detects that a user is about to leave the site?

An example of a great open source version is https://github.com/carlsednaoui/ouibounce.

If used properly these can have a fantastic lift on conversion.

3

Hi Henryb72

This is an known feature request! It’ll be something the team will work soon.

4

Hi Chad, I can’t find it on the github issues page, would you mind sending me the link? I may be able to contribute.

5

Cool.
On most of my websites I work with Wordpress CMS and was planning do this through third party plugin. We only need to change the form field to point mautic installation and list.

6

Any updates on this issue - https://github.com/mautic/mautic/issues/1366 ?

7

I’d wait for Mautic Marketplace because Allyde already has developed this plugin (can be tried in their service mautic.com) and I think they will release it when the marketplace will be available.

When the marketplace will be available you ask? I’ve heard a rumors that it should be available in February.

8

Oh awesome, thanks for the information!

9

I didn’t see an update on this, so here’s my simple approach. I looked at solutions with jscript, javascript and some complicated multi-object dependent stuff out there that goes to all lengths, I like to keep it simple. You also have to consider Mautic strips off events on the , like etc…, strangely enough the less than sign “<” is stripped off, so I had to reverse the logic for “>”… This is based on mouse moving to Y coordinates less than 10, you can adapt for other events and conditions, let me know if you make improvements.

<head>
 <script>
        window.onmouseover = MouseTop;
        window.popobj ={shown:false};
        function MouseTop () {
            if (window.event.clientY > 10)  //using reverse  logic mautic removes "<"
            {}
            else
            {
                if (this.shown) return;
                $('#myModal').modal();
                this.shown = true;
            }
         }
 </script>
</head>
<body>
<!-- your page html here -->

        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog" >
                      <!-- modal html here -->
            </div>
       </div>

</body>