305 Snippets
<10 Favourites
<10 Downloads

om-reactv4.js

// Using React Router V4 import React from "react"; import { withRouter } from "react-router"; class…

om-reactv3.js

// Using React Router V3 import { browserHistory } from 'react-router'; class App extends React.component {…

om-nextjs.js

import { useEffect } from 'react'; import { useRouter } from 'next/router'; const OptinMonsterEmbed = ()…

Dynamic Monsterlinks by Id

// Target by ID window.onload = function(){ document.getElementById("someID").href="MONSTERLINK_URL"; }

zapier-lead-data.json

{ "lead": { "email": "[email protected]", "ipAddress": "1.2.3.4", "referrer": "https://optinmonster.com/", "timestamp": 1699985224, "privacyConsent": true, "firstName": "Archie", "lastName":…

Custom Separator

This code creates a custom separator smart tag for OptinMonster, which determines whether to use ?…

om.DisplayRules.init

document.addEventListener('om.DisplayRules.init', function(event) { console.log(event.detail.DisplayRules); // An array of the Ruleset objects console.log(event.detail.DisplayRules.rulesets); console.log(event.detail.Campaign); } );

om.Campaign.afterClose

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

Style ALL Placeholder Text on Your Website

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

floating-monsterlink-2.css

/* --- Floating MonsterLink Style 2 CSS --- ------------------------------------------ */ .floating-monsterlink.style2.show { bottom: 30px; } .floating-monsterlink.style2…

change view optin

om{{id}}.changeView('optin');

1 2 3 26