Zendesk Help Center - cookies consent banner

document_head.hbs

<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<script>
	$(function() {
		var cookies_accepted = localStorage.getItem('cookies_accepted');

		if (cookies_accepted !== 'true') {
			$("#cookie-consent-banner").show();
		}

		$("#cookie-consent-banner .close").click(function() {
			localStorage.setItem("cookies_accepted", true);
			$("#cookie-consent-banner").hide();
		});
	});
</script>
<style>
	#cookie-consent-banner {
		padding: 10px;
		background: hsl(45, 100%, 81%);
		z-index: 9999999;
		text-align: center;
		display: none;
	}

	#cookie-consent-banner .close {
		padding-left: 10px;
	}
</style>
<div id="cookie-consent-banner">
	<span>Just a heads up: we use cookies, ok?</span>
	<a class="close" href="#">X</a>
</div>

I might have missed something here. If you're talking about defining how cookies are used for the Web Widget, you should use the updateSettings API. Here's an example:

<script>
	window.zESettings = {
		cookies: false
	};
	
	$(document).ready(function() {
		var cookies_accepted = localStorage.getItem('cookies_accepted');
		if (cookies_accepted !== 'true')) {
			$("#cookie-consent-banner").show();
		}
		
		$("#cookie-consent-banner .close").click(function() {
			localStorage.setItem("cookies_accepted", true);
			$("#cookie-consent-banner").hide();
			zE('webWidget', 'updateSettings', {
				cookies: true
			});
		});
	});
</script>