Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

webhook code example updated

{ “lead”: { “email”: “[email protected]”, “ipAddress”: “1.2.3.4”, “referrer”: “https://optinmonster.com/”, “timestamp”: 1699985224, “privacyConsent”: true, “firstName”: “Archie”, “lastName”: “Monster”, “phone”: “888-888-8888” }, “lead_options”: { “list”: “List A”, “tags”: [ “Tag A” ], “data”: { “custom_data”: “Custom Data” } }, “campaign”: { “id”:…Continue reading

webhook updated request body example (copy)

{ “lead”: { “email”: “[email protected]”, “ipAddress”: “1.2.3.4”, “referrer”: “https://optinmonster.com/”, “timestamp”: 1699985224, “firstName”: “Archie”, “lastName”: “Monster”, “phone”: “888-888-8888” }, “lead_options”: { “list”: “List A”, “tags”: [ “Tag A” ], “data”: { “custom_data”: “Custom Data” } }, “campaign”: { “id”: “fvb1cg7s3tkuhn9lqamx”, “title”:…Continue reading

webhook updated request body example

{ “lead”: { “email”: “[email protected]”, “ipAddress”: “1.2.3.4”, “referrer”: “https://optinmonster.com/”, “timestamp”: 1699985224, “firstName”: “Archie”, “lastName”: “Monster”, “phone”: “888-888-8888” }, “lead_options”: { “list”: “List A”, “tags”: [ “Tag A” ], “data”: { “custom_data”: “Custom Data” } }, “campaign”: { “id”: “fvb1cg7s3tkuhn9lqamx”, “title”:…Continue reading

stackCards JS

document.addEventListener(“DOMContentLoaded”, () => { // ========================================================= // 🎛 STACK CARDS SETTINGS — adjust these values as needed // ========================================================= const STACK_CONFIG = { // Vertical translation distances (px) translateYUpcoming: 80, // distance per step below active translateYPrevious: 60, // distance…Continue reading

stackCards CSS

.js-stack-cards { position: relative; height: 300vh; } .js-stack-cards .uk-container { position: sticky; top: 50%; transform: translateY(-50%); height: 400px; } /* Base style */ .js-stack-cards__item { position: absolute; top: 0; left: 0; width: 100%; border-radius: 8px; padding: 40px 20px; background: #eee;…Continue reading