How to setup a modal best practices popup with a cookie

Hi anjum the modal you see here is not the inbuilt feature of the plugin itself you can use wp modal plugin to do the same stuff with little modifications !!!

To set a cookie for 20 min you can do

this

setcookie(“terms_already_seen”, true, time() + (60 * 20));

// 60 seconds ( 1 minute) * 20 = 20 minutes to check it again if its already set do this:

if(isset($_COOKIE[‘terms_already_seen’]) && $_COOKIE[‘terms_already_seen’] == true){     
// IS SET and has a true value do your modal stuff here
}

In this code the user wont see the modal for next 20 minutes after he closes it once you can set it to large no so that the terms is seen after a very long time as setting the expiry date of cookies is  a good practice i would not suggest to completely skip the expiry date of the cookie i hope that helps @guru  @anjum

Ok, here is the source code for the dw page, how do you make it work on any webpage. I can’t seem to make it work:

<div data-backdrop=”static” class=”modal hide fade in” id=”dw-skip-ads” style=”display: block;” aria-hidden=”false”>
<div class=”modal-header”>
<button aria-hidden=”true” data-dismiss=”modal” class=”close hide” type=”button” style=”display: inline-block;”>×</button>
<h3 style=”text-transform: none;”>For better and faster support, please read our golden rules first </h3>
</div>
<div class=”modal-body”>
<ol>
<li><strong>Guideline</strong>: make sure you have checked our <a href=”http://designwall.com/designwall/guide”>documentation</a&gt; as it could have had covered your issue</li>
<li><strong>Search</strong>: try to search for the issue as someone might have had posted a similar issue and the answer is already out there</li>
<li><strong>Ask</strong>: write a brief question title, informative question description and provide as much details as possible</li>
</ol>
</div>
</div>
<script type=”text/javascript”>
jQuery(document).ready(function($) {
var path = “http://designwall.com/ask-question/&#8221;;
var cookie = $.cookie(‘dwqa_ads_once_time’);
if( ! cookie ) {
$(‘#dw-skip-ads’).modal(‘show’);
$.cookie(‘dwqa_ads_once_time’, true, { expires: 210, path: path });
var time = 5;
var loop = setInterval(function(){
$(‘#dw-skip-ads .modal-header h3 .countdown’).text( ‘(‘ + time– +’)’);
if( time < 0 ) {
clearInterval(loop);
$(‘#dw-skip-ads .modal-header h3 .countdown’).remove();
$(‘#dw-skip-ads .modal-header .close’).show();
return false;
}
},1000);
}
});
</script>

Hi you may have to read this http://getbootstrap.com/javascript/#modals

But i would suggest doing the thing with php just add a division set it to hidden using css now this divsion is one with the modal ,now add the class” modal” to the ask question link (hard code it by editing plugin code) now add the above cookie logic in the ask question page as a php script and the modal will display only if it dont find any cookie 

Hi @micki !
Glad to know that you liked our feature.
I just share those codes into Github. Please copy those code to functions.php file in your theme folder: https://gist.github.com/j4ckielord/9482836
You also need Bootstrap Modal Script: http://getbootstrap.com/javascript/#modals and jQuery Cookie script: https://github.com/carhartl/jquery-cookie!
Hope this helps!
Jackie