Display a welcome message for new users on mockup projects

SureFeedback mockups make use of the Vex modal plugin, which is a multipurpose plugin to display modal messages to your users. We can use this to display a welcome message for new visitors to a mockup project. 

Add the following code to your theme or child theme’s functions.php file.

function wp_951_new_user_instructions() {
	if ( get_post_type() != 'ph-project') {
		return;
	}
	?>
	<script>
        function phSetCookie(cname, cvalue, exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays*24*60*60*1000));
            var expires = "expires="+ d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
        }

        function phGetCookie(cname) {
            var name = cname + "=";
            var decodedCookie = decodeURIComponent(document.cookie);
            var ca = decodedCookie.split(';');
            for(var i = 0; i <ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        }

        (function ($) {
            $(document).ready(function () {
                if ( ! phGetCookie('ph-welcome-message') ) {
                    vex.dialog.alert({
                        message: '<strong>Welcome!</strong><br>Please point and click to leave comments!'
                    });
                    phSetCookie('ph-welcome-message', 1, 45);
                }
            });
        }(jQuery));
	</script>
<?php }

add_action( 'wp_footer', 'wp_951_new_user_instructions' );

Be sure to change the message: portion to whatever you like!

The script will display this message once per user. After the message is displayed a cookie is stored in the user’s browser (that expires after 45 days) so they don’t see it every time they visit the mockup project!