PRO OptinMonster Team
om.Campaign.afterShow
document.addEventListener('om.Campaign.afterShow', function(event) { if (event.detail.Campaign.id == 'zjd3hxxogbfvmy2iz0rp') // your slug { var campaignID = 'om-'+ event.detail.Campaign.id;…
dynamic-monsterlinks-by-class-name.js
// Target by class name window.onload = function(){ const dynamicMonsterLinks = document.querySelectorAll("a.myClass"); dynamicMonsterLinks.forEach(dynamicMonsterLinks => dynamicMonsterLinks.href =…
om-emberjs.js
// Using Ember.js. import Route from '@ember/routing/route'; export default Route.extend({ beforeModel(transition) { if (window.om5678_1234) { window.om5678_1234.reset();…
slide-bottom-center.css
html div#om-{{id}} { width: 350px !important; left: calc(350px / 2) !important; right: calc(350px / 2) !important;…
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:…
Multiple Event Tracking Custom Form Example
How to use Multiple Event Tracking with a custom HTML form.
floating bar css
html div#om-{{id}}.CampaignType--floating { position: absolute !important; top: 0 !important; display: block !important; background: #0B8BBB !important; }