Mautic Community Forums

Display modal on exit feature

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.

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.

Hi Henryb72

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

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.

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.

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

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.

Oh awesome, thanks for the information!

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>