Webflow Popup's

Code for popup

For each text that you see in RED / BLUE change name so that it doesn't clash with the rest of your site.

For RED - This can be done by clicking settings on the div element and changing the ID.

For BLUE - Change button to name class of button used to make sure the javascript works.

Each popup is on another page to prevent confusion. Use the buttons on the right hand side to pick one that you like!

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script><script>
var cookieName = 'site-popup';if(typeof Cookies.get(cookieName) !== 'undefined') {
$('.popupdiv').remove();
}$('.button-20-2, .login-button-20').on('click', function(){
Cookies.set(cookieName, 'ok', { expires: 7 });
})
</script>