305 Snippets
<10 Favourites
<10 Downloads

om.Form.init

document.addEventListener('om.Form.init', function(event) { console.log(event.detail.Form); console.log(event.detail.Campaign); } );

om.Action.redirect

document.addEventListener('om.Action.redirect', function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); // This event is…

Slide Reposition Top Center v2

html div#om-{{id}} { top: 0px !important; bottom: unset !important; width: 350px !important; left: calc(350px / 2)…

css-buttons.css

html div#om-{{id}} input[type=submit], html div#om-{{id}} button { background: #ff6600 !important; }

Dynamic Monsterlinks By Class Name

// Target by class name window.onload = function(){ const dynamicMonsterLinks = document.querySelectorAll("a.myClass"); dynamicMonsterLinks.forEach(dynamicMonsterLinks => dynamicMonsterLinks.href =…

om.Campaign.init.preload2

document.addEventListener('om.Campaign.init.preload', function(event) { var campaign = event.detail.Campaign; if ({slug} === campaign.id) { campaign.settings.preload = false; }…

Set a cookie if the URL contains specific UTM parameters.

The below script checks the URL for specific UTM parameters and if found, saves a cookie…

om.Campaign.canLoad

document.addEventListener('om.Campaign.canLoad', function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );

om.Campaign.close example

document.addEventListener('om.Campaign.close', function(event) { const url = "http://optinmonster.com"; window.location.href = url; } );

Style Just OptinMonster Campaign Placeholders

html div#om-{{id}} ::-webkit-input-placeholder { color: #333 !important; } /* Chrome/Opera/Safari */ html div#om-{{id}} ::-moz-placeholder { color:…

1 9 10 11 12 13 26