Pop-up Modal Shown Only On First Visit

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>
if (!Cookies.get('alert')) { setTimeout(function(){
Cookies.set('alert', true, { expires: 1 });
}, 10000);
// Documentation at https://github.com/js-cookie/js-cookie

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

Ready to learn more?

I've worked with countless businesses around the world. Maybe you'll be next.

Get in Touch