Skip to content

Instantly share code, notes, and snippets.

View ericakfranz's full-sized avatar

Erica Franz ericakfranz

View GitHub Profile
@ericakfranz
ericakfranz / limit-om-campaigns.js
Created September 17, 2024 23:35
Show only one OptinMonster campaign per page visit regardless of campaign type.
<script>
/**
* Limit OptinMonster Campaigns
* @author Erica Franz
* @url https://fatpony.me
* @desc Show only one OptinMonster campaign per page visit regardless of campaign type.
*/
// Run this script when the first Campaign is shown
document.addEventListener('om.Campaign.afterShow', function(event) {
@ericakfranz
ericakfranz / om-sharpspring-demo.html
Created August 15, 2024 19:53
OM Custom SharpSpring form example
<div id="ss-form-target-{{id}}"></div>
<script type="text/javascript">
(function(){
window.ss_form = {'account': 'XXXXXXXXXXXXXXX', 'formID': 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'};
ss_form.width = '100%';
ss_form.height = '1000';
ss_form.domain = 'app-XXXXXXXXX.marketingautomation.services';
ss_form.target_id = 'ss-form-target-{{id}}'; // Optional parameter: forms will be placed inside the element with the specified id
// ss_form.hidden = {'field_id': 'value'}; // Modify this for sending hidden variables, or overriding values
// ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually.
@ericakfranz
ericakfranz / om-marketo-demo.html
Created August 15, 2024 19:41
OM Custom Marketo form example
<script src="//app-aba.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_#####"></form>
<script>
MktoForms2.loadForm("//app-aba.marketo.com", "###-LLL-###", #####, function(form) {
var formEl = form.getFormElem()[0];
var submitEl = formEl.querySelector('button[type="submit"]');
form.onSuccess(function(values, followUpUrl) {
// Get the form's jQuery element and hide it
form.getFormElem().hide();
@ericakfranz
ericakfranz / css-buttons.css
Created August 8, 2024 18:26
CSS Example for button targeting
html div#om-{{id}} input[type=submit],
html div#om-{{id}} button {
background: #ff6600 !important;
}
@ericakfranz
ericakfranz / plain-css.css
Created August 8, 2024 18:25
Plain CSS Example Template
html div#om-{{id}} * {
/* Anything inside here will be applied to all elements within your OptinMonster campaign */
}
@ericakfranz
ericakfranz / om-vue.js
Created August 8, 2024 17:56
OM Embed Vue example
// Using Vue Router.
import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
const router = new Router ({
// Your vue router settings.
});
router.beforeEach((to, from, next) =&amp;amp;amp;gt; {
if (window.om5678_1234) {
window.om5678_1234.reset();
@ericakfranz
ericakfranz / om-translate-copied.js
Created January 26, 2024 20:45
OptinMonster Click to Copy button "Copied!" text translation script
document.addEventListener('om.Main.init', function (evt) {
var Strings = evt.detail._utils.strings;
// Replace ¡Copiada! below with the text you wish to use.
Strings['Copied!'] = '¡Copiada!';
});
@ericakfranz
ericakfranz / om-monsterlink.html
Created January 26, 2024 20:39
Text MonsterLink example
@ericakfranz
ericakfranz / om-button-monsterlink.html
Created January 26, 2024 20:38
Button MonsterLink example.
@ericakfranz
ericakfranz / om-image-monsterlink.html
Created January 26, 2024 20:37
Image MonsterLink example