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 the Secrets to Supercharge Your Webflow Website

The newsletter with 0% spam, and 110% good tips and tricks.

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