Pop-up Modal Shown Only On First Visit

Simple
Pop-up Modal Shown Only On First Visit

Follow along with my tutorial here: www.youtube.com/watch?v=uSgSoEQD1vs

Add this code to the footer </body> section in the project settings:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js" ></script><script>
$(document).ready(function(){
if (!Cookies.get('alert')) { setTimeout(function(){
$('.popup-overlay').css('display','flex');
Cookies.set('alert', true, { expires: 1 });
}, 10000);
}
});
// Documentation at https://github.com/js-cookie/js-cookie
</script>

Then change the 10000 (10 seconds) to any length of time that you want for how it will take for the pop-up to show up.

The only other thing you'll need to change is the class of your pop-up overlay to match the custom code, or change the class in the custom code to match your popup overlay div.

Download Assets
See an Example Website

Other Code Snippets

Learn How to Turn More Website Traffic into Customers in Just 5 Days

Trusted by hundreds of businesses around the world.

Nice! You're in the loop. Talk soon.
Oops! Something went wrong while submitting the form.