Exit Popup Issue

Hi @lomoseb

I hope you are doing well today.

Are you able to share with us your custom code which you use to place automatically the mouse pointer, so that we could replicate this on our lab site? Also, let us know does that code needs some adjustment on our side to fully test it. In short we will need all additional data which will allows us to review this.

You can use pastebin site for this purpose.

Kind Regards,
Kris

here it is :

https://pastebin.com/raw/aJLMzVXJ

Thanks

Hi @lomoseb,

I could notice the popup does load fine in Desktop mode.

From the code you have shared, it only seems its meant to work on Mobile. Is the issue you are referring to in Mobile?

If yes, I’m afraid, the Exit Intent feature is designed to function exclusively on desktop devices.

This is because the feature relies on tracking a pointer, which is only available on desktop systems, to activate the intended behaviour. Unfortunately, mobile devices do not support this functionality due to the absence of a pointer to track.

View post on imgur.com

So if you are referring to Mobile then I’m afraid Exit intent won’t work.

You can use Visiblity Rules to display popups in Mobile mode.

Please advise if I’m missing out anything.

Kind Regards,

Nithin

Hi,

Script is also for desktop.

If it’s not already charged, popup works.

if it is, blinking, it doesn’t.

Can you help?

Hi @lomoseb

I pinged our SLS Team to review this. Please keep in mind that our SLS Team deals with more complicated issues, so it may take a little longer for them to reply here. Thank you for your patience while we look into this further.

Kind Regards,
Kris

Hi again @lomoseb

Please try this code and let us know does it help:

<style>
        .blink {
            border: 2px solid #FF9900;
            animation: blink 5s linear infinite;
        }

        @keyframes blink {
            0% {
                border: 2px solid #FF9900;
            }

            50% {
                border: 2px solid transparent;
            }

            100% {
                border: 2px solid #FF9900;
            }
        }
    </style>
    <script>
        function isMobile() {
            return "ontouchstart" in window;
        }
        const inputText = document.querySelector('#input_1_1_6')

        if (isMobile()) {
            inputText.classList.add('blink')
            inputText.addEventListener('focus', (event) => {
                inputText.classList.remove('blink')
            });
        }
        else {
            setTimeout(function(){
                inputText.focus()
            },3000)
            
        }
document.documentElement.addEventListener('mouseleave', () => inputText.blur() );
        document.addEventListener('mouseleave', (ev) => {
            inputText.blur();
        });
    </script>

Kind Regards,
Kris

Hi @lomoseb,

We haven’t heard from you in a while, I’ll go and mark this thread as resolved. Note that you can still reply on this topic.

If you have any additional questions or require further help, please let us know!

Best regards,
Laura