Timed Pop-Up

So resuming…

1st - Create a modal in your page; (take note of the name of the modal)
2nd - Go to “Page Settings” and click “Add Code” and type the following:

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
	    	setTimeout(function(){
    		$('#modal-37125').modal('show');
    	}, 5000);
    		setTimeout(function(){
    		$('#modal-37125').modal('hide');
    	}, 15000);
    });
</script>

3rd change in the code this values:

  • Change #modal-37125 to the name of your modal in Step 1

  • Change the first time: 5000 for the desire time the modal shows after loading the page;

  • Change the second time: 15000 for the desire time for the modal hides after the page loads;

5000 milliseconds is 5 seconds
15000 milliseconds is 15 seconds

Hope it helps you…

4 Likes