Display issue

@renaisonp Open the Exit Intent Popup in the editor, go to the Settings Page, and scroll down to Advanced Settings, and then enable the Change On Screen Visibility Order option. Then insert 1000 or more to display it on top of all other popups.

Thanks

Thanks, it works fine.

One question: I see that you can automatically open a page in the submissions parameter.
Can we automatically open a page during an Exit intent (so it would lower the site’s bounce rate)?

@renaisonp Its possible with the custom code below, but its best not to do that, as your website might look a little spammy.

Just add this custom javascript code if you have a javascript field in your theme, or through a Javascript inserter plugin:

         document.addEventListener("mouseout", function(evt){
            if((evt.toElement === null || evt.toElement === undefined) && (evt.relatedTarget === null)) {
                location.href = 'https://www.alcor-controles.fr/new-address';
            }
         });

Change the https://www.alcor-controles.fr/new-address to your need.

Best Regards

Hello,

And still in this top left pop-up (which appears after 25 seconds), I can’t find the function to display the button icon to the right of the text.

And also how to put a hover color for the different button, for example yellow to action.

@renaisonp You can just place the button by dragging it and placing it beside the text inside the editor.

You will need some custom css. Let us know what color do you want the button to change to.

Can you give us the css code for this top left pop-up button.

this code in theme customization is not working :
brave_form_button–NDJNgrkStd3WI-I6vJB:hover {
background-color: #ffcc00;
}

Example page after 25 seconds:
https://www.alcor-controles.fr/diagnostic-pollution-des-sols-offre-6-sondages-inclus/

Thank you

• This reply was modified 2 years, 5 months ago by renaisonp.

You can add this custom css to change the button color on hover:

#brave_popup_78700__step__0 #brave_element--NCdY6K3rYbNbWiefbzC .brave_element__styler:hover {
    background-color: #ffcc00;
}

And for the button position, there are no css needed to position it. You can just open the popup in the editor, and select the button and drag and place button anywhere you want. Can you kindly let us know if you are having trouble placing it through the editor?

Thanks

I added your code in the CSS customization of the template, but it doesn’t work.
Do you know why ?

To move the button icon to the right, I can’t.

No actually you didn’t give me the correct pop-up id.

What is the code for the popup at the top left that appears for example after a few seconds and where to find this popup number?

https://www.alcor-controles.fr/6-solutions-contre-la-pollution-des-sols/

I found the right popup number, I put this code, but it still doesn’t work:

#brave_popup_78778__step__0 #brave_element–NDJNgrkStd3WI-I6vJB .brave_form_button:hover {
background-color: #ffcc00;
}

I tried this and it doesn’t work either.
It’s complicated for a normal user, there could be a hover function in the plugin:

#brave_popup_78778__step__0 brave_form_button–NDJNgrkStd3WI-I6vJB:hover {
background-color: #ffcc00;
}

#brave_popup_78778__step__0 #brave_element–NDJNgrkStd3WI-I6vJB brave_form_button–NDJNgrkStd3WI-I6vJB:hover {
background-color: #ffcc00;
}

doesn’t work either

@renaisonp I gave you the code for popup “INTERACTIVE Quiz Exit Intent”

I guess I misunderstood you. For the other popup, you will have to insert this code:

#brave_popup_78778__step__0 #brave_element--NDJNgrkStd3WI-I6vJB .brave_form_button button:hover{
background-color: #ffcc00;
}

And we will add a hover color animation option for the Form button in the next version.

Thanks

And with this code below, same as yours which changed the color when hovering over the Exit intent popup, does not work for the top left popup: it changes the color of the frame and not of the button…

very complicated :

#brave_popup_78778__step__0 #brave_element–NDJNgrkStd3WI-I6vJB .brave_element__styler:hover {
background-color: #ffcc00;
}

@renaisonp The code you posted and the Code I gave you last are actually not the same. Kindly insert the code I gave you and let me know here.