OM campaign JS which hides the campaign initially and waits for a button to be clicked

hide-campaign-on-load-replace-with-button.html

<style id="removeMe">
	body:not(.app) #om-vxgsvpbsp3jq2n3y5z5r {
		display: none !important;
	}
</style>
<script>
// CSS class for the bottom slide in button
var buttonClass = 'popup-slide-in';

// Button text of the bottom slide in button
var buttonText = 'Save 15%';

// Set to true if inner page or mobile popup
var hideOnLoad = true;

document.addEventListener('om.Html.append.before', function (event) {
	if (!document.getElementsByClassName(buttonClass).length) {

		var popupCampaign = event.detail.Campaign;
		var prevLoad = popupCampaign.load;
		var showPopup = function() {
			if ( document.getElementById('removeMe') ) {
				document.getElementById('removeMe').remove();
			}
			return prevLoad.call( popupCampaign );
		}
		var button = document.createElement('button');
		button.innerHTML = buttonText;
		button.classList.add(buttonClass);
		button.addEventListener('click', function (event) {
			showPopup();
			this.classList.remove('shown');
		}, false);

		popupCampaign.load = function() {
			if ( window.hideOnLoad ) {
				popupCampaign.close();
				return new Promise(function(r){ return r()});
			}

			return showPopup();
		};
		document.getElementsByTagName('body')[0].appendChild(button);
	}
});


document.addEventListener('om.Campaign.afterClose', function (event) {
	document.getElementsByClassName(buttonClass)[0].classList.add('shown');
});

</script>