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.

See an Example Website

Other Code Snippets