CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name='robots' content='max-image-preview:large' /> <title>Free WPForms Marketing Automation plugin for WordPress 2024 | Noptin Newsletter</title> <style id='wp-block-list-inline-css'> ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} </style> <style id='ollie-block-core-list-inline-css'> /* List --------------------------------------------- */ /* List styles for default unordered lists */ .entry-content ul li, .entry-content ol li, .wp-block-post-content ul li, .wp-block-post-content ol li { margin-bottom: var(--wp--preset--spacing--small); } .entry-content ul ul, .entry-content ol ul, .wp-block-post-content ul ul, .wp-block-post-content ol ul { margin-top: var(--wp--preset--spacing--small); } /* Remove paddings */ .entry-content :not(.wp-block-group) > li:first-child { padding-top: 0; } .entry-content :not(.wp-block-group) li:last-child { padding-bottom: 0; } ul.is-style-list-check, ul.is-style-list-check ul, ul.is-style-list-check-circle, ul.is-style-list-check-circle ul { padding-inline-start: 0px !important; padding-left: 0; list-style: none; } .entry-content ul.is-style-list-check, .entry-content ul.is-style-list-check-circle { padding-inline-start: .5rem; } ul.is-style-list-check li, ul.is-style-list-check-circle li { position: relative; padding-left: calc(var(--wp--preset--spacing--medium) + .5rem); } ul.is-style-list-check li:before, ul.is-style-list-check-circle li:before { content: "\2713"; position: absolute; left: 0; top: .1em; } ul.is-style-list-check-circle li:before { background: var(--wp--preset--color--main); color: var(--wp--preset--color--base); border-radius: 100px; height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; font-size: var(--wp--preset--font-size--base); transform: scale(.8); } ul.is-style-list-check-circle li { padding-left: calc(var(--wp--preset--spacing--medium) + .5rem); } @media (max-width: 781px) { ul.is-style-list-check-circle li:before { top: .05em; } ul.is-style-list-check-circle li { padding-left: calc(var(--wp--preset--spacing--medium) + .8rem); } } /* Boxed list style */ ul.is-style-list-boxed, ol.is-style-list-boxed, ul.is-style-list-boxed.wp-block, ol.is-style-list-boxed.wp-block { background: var(--wp--preset--color--tertiary); padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--large); border-radius: 5px; } ul.is-style-list-boxed li:last-child, ol.is-style-list-boxed li:last-child { margin-bottom: 0; } </style> <style id='wp-block-navigation-link-inline-css'> .wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{border-top:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase} </style> <link rel='stylesheet' id='wp-block-navigation-css' href='https://noptin.com/wp-includes/blocks/navigation/style.min.css' media='all' /> <link rel='stylesheet' id='ollie-block-core-navigation-css' href='https://noptin.com/wp-content/themes/ollie/assets/styles/core-navigation.css' media='all' /> <style id='wp-block-button-inline-css'> .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none} </style> <style id='ollie-block-core-button-inline-css'> /* Button - Outline Style --------------------------------------------- */ .wp-block-button.is-style-outline .wp-block-button__link { border: none; background-color: transparent; outline: 2px solid currentColor; outline-offset: -2px; padding: .5em 1em; } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: var(--wp--preset--color--main) !important; outline-color: var(--wp--preset--color--main); } /* Button - Secondary Style --------------------------------------------- */ .is-style-secondary-button .wp-element-button, .wp-block.is-style-secondary-button .wp-element-button { background: var(--wp--preset--color--tertiary); color: var(--wp--preset--color--main); font-size: var(--wp--preset--font-size--small); } .is-style-secondary-button:hover .wp-element-button, .wp-block.is-style-secondary-button:hover .wp-element-button { background: var(--wp--preset--color--tertiary); color: var(--wp--preset--color--main); } </style> <style id='wp-block-buttons-inline-css'> .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} </style> <style id='wp-block-group-inline-css'> .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} </style> <style id='wp-block-group-theme-inline-css'> :where(.wp-block-group.has-background){padding:1.25em 2.375em} </style> <style id='ollie-block-core-group-inline-css'> /* Group --------------------------------------------- */ .is-style-background-blur { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } /* Improvements for row group */ @media (max-width: 781px) { .ollie-row-stack { flex-direction: column; align-items: flex-start !important; } .ollie-row-stack > * { flex-basis: 100% !important; } .ollie-flex-start { align-items: flex-start !important; } .ollie-justify-start { justify-content: flex-start !important; } } .ollie-row-stack > .wp-block-buttons, .ollie-no-shrink { flex-shrink: 0; } .wp-block-group.ollie-sticky-top { top: calc(20px + var(--wp-admin--admin-bar--position-offset, 0px)) } </style> <style id='wp-block-heading-inline-css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} </style> <link rel='stylesheet' id='wp-block-cover-css' href='https://noptin.com/wp-includes/blocks/cover/style.min.css' media='all' /> <style id='ollie-block-core-cover-inline-css'> /* Cover styles --------------------------------------------- */ .is-style-blur-image-less, .is-style-blur-image-more { overflow: hidden; } .is-style-blur-image-less > .wp-block-cover__image-background, .is-style-blur-image-more > .wp-block-cover__image-background { transform: scale(1.5); } .is-style-blur-image-less > .wp-block-cover__image-background { filter: blur(25px); } .is-style-blur-image-more > .wp-block-cover__image-background { filter: blur(75px); } .is-style-rounded-cover img { border-radius: 5px; } @media (max-width: 781px) { .wp-block-cover:not(.has-aspect-ratio) { min-height: 430px !important; } } </style> <style id='wp-block-paragraph-inline-css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <style id='wp-block-columns-inline-css'> .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} </style> <style id='ollie-block-core-columns-inline-css'> /* Column --------------------------------------------- */ .is-style-column-box-shadow { box-shadow: 0px 8px 40px -20px rgb(21 14 41 / 12%); transition: .4s ease; } .is-style-column-box-shadow:hover { box-shadow: 0px 12px 60px -20px rgb(21 14 41 / 16%); } /* Helper class to swap order on mobile */ @media (max-width: 781px) { .ollie-swap-order { flex-direction: column-reverse; } .ollie-row-reverse { flex-direction: row-reverse; } } </style> <style id='wp-block-spacer-inline-css'> .wp-block-spacer{clear:both} </style> <style id='wp-block-video-inline-css'> .wp-block-video{box-sizing:border-box}.wp-block-video video{vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em} </style> <style id='wp-block-video-theme-inline-css'> .wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em} </style> <style id='ollie-block-core-video-inline-css'> /* Video --------------------------------------------- */ .is-style-media-boxed { background-color: var(--wp--preset--color--tertiary); padding: var(--wp--preset--spacing--large); border-radius: 5px; } .is-style-media-boxed video { display: block; box-shadow: 1px 2px 2px hsl(233deg 38% 85% / 0.2), 2px 4px 4px hsl(233deg 38% 85% / 0.2), 4px 8px 8px hsl(233deg 38% 85% / 0.2), 8px 16px 16px hsl(233deg 38% 85% / 0.2), 16px 32px 32px hsl(233deg 38% 85% / 0.2); } .is-style-media-boxed figcaption { margin-bottom: calc(var(--wp--preset--spacing--small) * -1) !important; } </style> <style id='wp-block-post-content-inline-css'> .wp-block-post-content{display:flow-root} </style> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #005247;--wp--preset--color--main: #14111f;--wp--preset--color--secondary: #636381;--wp--preset--color--main-accent: #d0ccde;--wp--preset--color--primary-accent: #ffd7e4;--wp--preset--color--tertiary: #e6fffc;--wp--preset--color--base: #fff;--wp--preset--color--custom-primary-dark: #014037;--wp--preset--color--custom-success: #28a745;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--purple: linear-gradient(135deg, #4D34FA, #ad34fa);--wp--preset--gradient--blue: linear-gradient(135deg, #0057FF, #31B5FF);--wp--preset--gradient--pink: linear-gradient(135deg, #FF007A, #FF81BD);--wp--preset--gradient--black: linear-gradient(135deg, #14111E, #4B4462);--wp--preset--gradient--heat: linear-gradient(135deg, #F32758, #FFC581);--wp--preset--gradient--hg-lawrencium: linear-gradient(to left, #0f0c29, #302b63, #24243e);--wp--preset--font-size--small: clamp(.9rem, 0.9rem + ((1vw - 0.2rem) * 0.255), 1.05rem);--wp--preset--font-size--medium: clamp(1.365rem, 1.365rem + ((1vw - 0.2rem) * 0.485), 1.65rem);--wp--preset--font-size--large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 1.702), 2.75rem);--wp--preset--font-size--x-large: clamp(2.425rem, 2.425rem + ((1vw - 0.2rem) * 1.83), 3.5rem);--wp--preset--font-size--x-small: clamp(.825rem, 0.825rem + ((1vw - 0.2rem) * 0.213), .95rem);--wp--preset--font-size--base: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.281), 1.165rem);--wp--preset--font-size--xx-large: clamp(3.25rem, 3.25rem + ((1vw - 0.2rem) * 1.937), 4.3875rem);--wp--preset--font-family--monospace: monospace;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--small: clamp(.5rem, 2.5vw, 1rem);--wp--preset--spacing--medium: clamp(1.5rem, 4vw, 2rem);--wp--preset--spacing--large: clamp(2rem, 5vw, 3rem);--wp--preset--spacing--x-large: clamp(3rem, 7vw, 5rem);--wp--preset--spacing--xx-large: clamp(4rem, 9vw, 7rem);--wp--preset--spacing--xxx-large: clamp(5rem, 12vw, 9rem);--wp--preset--spacing--xxxx-large: clamp(6rem, 14vw, 13rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--preset--shadow--primary-crisp: 6px 6px 0px var(--wp--preset--color--primary);--wp--preset--shadow--cyan-blue-outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px var(--wp--preset--color--cyan-bluish-gray);--wp--custom--font-weight--thin: 100;--wp--custom--font-weight--extra-light: 200;--wp--custom--font-weight--light: 300;--wp--custom--font-weight--regular: 425;--wp--custom--font-weight--medium: 500;--wp--custom--font-weight--semi-bold: 600;--wp--custom--font-weight--bold: 700;--wp--custom--font-weight--extra-bold: 800;--wp--custom--font-weight--black: 900;--wp--custom--line-height--none: 1;--wp--custom--line-height--tight: 1.1;--wp--custom--line-height--snug: 1.2;--wp--custom--line-height--body: 1.5;--wp--custom--line-height--relaxed: 1.625;--wp--custom--line-height--loose: 2;}:root { --wp--style--global--content-size: 740px;--wp--style--global--wide-size: 1260px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--medium); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--wp--preset--spacing--medium); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--medium);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--medium);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--wp--preset--spacing--medium);}:root :where(.is-layout-grid){gap: var(--wp--preset--spacing--medium);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--main);font-family: var(--wp--preset--font-family--primary);font-size: var(--wp--preset--font-size--base);font-weight: var(--wp--custom--font-weight--regular);line-height: var(--wp--custom--line-height--body);--wp--style--root--padding-top: 0;--wp--style--root--padding-right: var(--wp--preset--spacing--medium);--wp--style--root--padding-bottom: 0;--wp--style--root--padding-left: var(--wp--preset--spacing--medium);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--custom-primary-dark);text-decoration: underline;}h1, h2, h3, h4, h5, h6{font-family: var(--wp--preset--font-family--primary);font-weight: var(--wp--custom--font-weight--semi-bold);line-height: var(--wp--custom--line-height--body);}h1{font-size: var(--wp--preset--font-size--x-large);line-height: var(--wp--custom--line-height--snug);}h2{font-size: var(--wp--preset--font-size--large);line-height: var(--wp--custom--line-height--snug);}h3{font-size: var(--wp--preset--font-size--medium);}h4{font-size: var(--wp--preset--font-size--base);}h5{font-size: var(--wp--preset--font-size--small);}h6{font-size: var(--wp--preset--font-size--x-small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--main);border-radius: 5px;border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--small);font-weight: var(--wp--custom--font-weight--medium);line-height: inherit;padding-top: .6em;padding-right: 1em;padding-bottom: .6em;padding-left: 1em;text-decoration: none;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--main);color: var(--wp--preset--color--base);text-decoration: underline;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-main-color{color: var(--wp--preset--color--main) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-main-accent-color{color: var(--wp--preset--color--main-accent) !important;}.has-primary-accent-color{color: var(--wp--preset--color--primary-accent) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-custom-primary-dark-color{color: var(--wp--preset--color--custom-primary-dark) !important;}.has-custom-success-color{color: var(--wp--preset--color--custom-success) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-main-background-color{background-color: var(--wp--preset--color--main) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-main-accent-background-color{background-color: var(--wp--preset--color--main-accent) !important;}.has-primary-accent-background-color{background-color: var(--wp--preset--color--primary-accent) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-custom-primary-dark-background-color{background-color: var(--wp--preset--color--custom-primary-dark) !important;}.has-custom-success-background-color{background-color: var(--wp--preset--color--custom-success) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-main-border-color{border-color: var(--wp--preset--color--main) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-main-accent-border-color{border-color: var(--wp--preset--color--main-accent) !important;}.has-primary-accent-border-color{border-color: var(--wp--preset--color--primary-accent) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-custom-primary-dark-border-color{border-color: var(--wp--preset--color--custom-primary-dark) !important;}.has-custom-success-border-color{border-color: var(--wp--preset--color--custom-success) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-purple-gradient-background{background: var(--wp--preset--gradient--purple) !important;}.has-blue-gradient-background{background: var(--wp--preset--gradient--blue) !important;}.has-pink-gradient-background{background: var(--wp--preset--gradient--pink) !important;}.has-black-gradient-background{background: var(--wp--preset--gradient--black) !important;}.has-heat-gradient-background{background: var(--wp--preset--gradient--heat) !important;}.has-hg-lawrencium-gradient-background{background: var(--wp--preset--gradient--hg-lawrencium) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-x-small-font-size{font-size: var(--wp--preset--font-size--x-small) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-monospace-font-family{font-family: var(--wp--preset--font-family--monospace) !important;}.wp-block-image .size-noptin-connection-icon { max-width: 64px; max-height: 64px; }/* CSS Reset ---------------------------------------------------------------------------- */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } :root { --wp--preset--font-family--primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } b, strong { font-weight: var(--wp--custom--font-weight--semi-bold); } ol, ul { padding: 0; } ol:where(:not([class*="wp-block"])), ol:where(.wp-block-list), ul:where(:not([class*="wp-block"])), ul:where(.wp-block-list) { padding-inline-start: var(--wp--preset--spacing--medium); } div[class*="wp-block-"] figcaption { color: var(--wp--preset--color--secondary); font-size: var(--wp--preset--font-size--x-small); margin-bottom: 0; margin-top: 20px; text-align: center; } /* Standardize form styling --------------------------------------------- */ input, button, textarea, select { font: inherit; } input[type="button"], input[type="email"], input[type="search"], input[type="submit"], input[type="text"], textarea { -webkit-appearance: none; } input:not([type="submit"]), select, textarea, .wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]), .wp-block-post-comments-form textarea { color: var(--wp--preset--color--main); border-radius: 5px; border: solid 1px var(--wp--preset--color--main-accent); padding: .5em 1em; font-size: var(--wp--preset--font-size--small); width: 100%; } input:focus-visible, textarea:focus-visible { outline-color: var(--wp--preset--color--primary); } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto !important; } label { width: 100%; display: block; } ::placeholder { color: var(--wp--preset--color--secondary); font-size: var(--wp--preset--font-size--small); opacity: 0.75; } input[type="range"] { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: var(--wp--preset--color--secondary); outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } input[type="range"]:hover { opacity: 1; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: var(--wp--preset--color--tertiary); cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: var(--wp--preset--color--tertiary); cursor: pointer; } /* Hoverable elements */ .is-hoverable, .is-card { transition: all 0.2s ease-in-out; position: relative; } .is-hoverable:hover, .is-card:hover { border-color: var(--wp--preset--color--main) !important; } /* Card elements */ .is-card { border: 1px solid var(--wp--preset--color--main-accent); padding-top: var(--wp--preset--spacing--small); padding-right: var(--wp--preset--spacing--small); padding-bottom: var(--wp--preset--spacing--small); padding-left: var(--wp--preset--spacing--small); background-color: #fff; } .is-card .is-layout-flex { gap: var(--wp--preset--spacing--small); flex-wrap: nowrap; } .is-card:hover { border-color: var(--wp--preset--color--main) !important; } .stretch-link a { text-decoration: none !important; color: var(--wp--preset--color--main) !important; } .stretch-link a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } /* Box shadows */ .has-primary-crisp-shadow { box-shadow: var(--wp--preset--shadow--primary-crisp); } .has-natural-shadow { box-shadow: var(--wp--preset--shadow--natural); } .has-deep-shadow { box-shadow: var(--wp--preset--shadow--deep); } .has-sharp-shadow { box-shadow: var(--wp--preset--shadow--sharp); } .has-outlined-shadow { box-shadow: var(--wp--preset--shadow--outlined); } .has-cyan-blue-outlined-shadow { box-shadow: var(--wp--preset--shadow--cyan-blue-outlined); } .has-crisp-shadow { box-shadow: var(--wp--preset--shadow--crisp); } .is-style-cyan-bluish-outline-shadow-small { padding: var(--wp--preset--spacing--small); border: 1px solid var(--wp--preset--color--cyan-bluish-gray); box-shadow: var(--wp--preset--shadow--cyan-blue-outlined); } .is-style-cyan-bluish-outline-shadow { padding: var(--wp--preset--spacing--medium); border: 2px solid var(--wp--preset--color--cyan-bluish-gray); box-shadow: var(--wp--preset--shadow--cyan-blue-outlined); } .is-style-extra-light-container { border-style: solid; border-width: 2px 0; border-color: var(--wp--preset--color--cyan-bluish-gray); background-color: #f9f9f9; padding-top: var(--wp--preset--spacing--x-large); padding-bottom: var(--wp--preset--spacing--x-large); } /* Border radius */ .has-radius-none { border-radius: 0; } .has-radius-small { border-radius: 4px; } .has-radius-medium { border-radius: 8px; } .has-radius-full { border-radius: 9999px; } .wp-site-blocks { word-break: break-word; } .wc-block-components-product-badge.wc-block-components-sale-badge { border-color: #1b5e20; color: #1b5e20; } .wc-block-components-product-price__value.is-discounted { font-weight: var(--wp--custom--font-weight--semi-bold); } .wc-block-components-product-price__regular { color: var(--wp--preset--color--secondary); } .wp-site-blocks>.entry-content { margin-top: 0; } .wp-block-image.size-noptin-connection-icon { max-width: 64px; max-height: 64px; } body:not(.block-editor-writing-flow) .is-hidden { display: none !important; } body ul.is-style-list-check li:before { font-family: inherit; content: "\2714\0020"; } body ul.is-style-list-check-circle li:before { font-family: inherit; content: "\2611\0020"; } .is-style-noptin-boxed { background-color: var(--wp--preset--color--tertiary); padding: var(--wp--preset--spacing--large); border-radius: 5px; } .has-x-large-font-size .hizzle-pay-currency-symbol { font-size: var(--wp--preset--font-size--large); } .noptin-relative { position: relative; } :root :where(.wp-block-navigation){font-weight: var(--wp--custom--font-weight--medium);} :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;} :root :where(p.has-background ){padding: var(--wp--preset--spacing--small)} </style> <style id='block-style-variation-styles-inline-css'> :root :where(.wp-block-button.is-style-outline--2 .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 2px;border-style: solid;color: currentColor;padding-top: 0.667em;padding-right: 1.33em;padding-bottom: 0.667em;padding-left: 1.33em;box-shadow: var(--wp--preset--shadow--natural);} </style> <style id='core-block-supports-inline-css'> .wp-container-core-navigation-is-layout-1{gap:20px;}.wp-container-core-group-is-layout-1{justify-content:space-between;}.wp-container-core-group-is-layout-2 > .alignfull{margin-right:calc(var(--wp--preset--spacing--medium) * -1);margin-left:calc(var(--wp--preset--spacing--medium) * -1);}.wp-elements-d130d7c460bcdf94320d19d487a81bbe a:where(:not(.wp-element-button)){color:var(--wp--preset--color--tertiary);}.wp-container-core-buttons-is-layout-2{justify-content:center;}.wp-elements-59f94413d6b4068b6ae8702abe0f1dde a:where(:not(.wp-element-button)){color:var(--wp--preset--color--secondary);}.wp-container-core-group-is-layout-3{gap:var(--wp--preset--spacing--small);justify-content:center;}.wp-container-core-group-is-layout-4{flex-direction:column;align-items:center;}.wp-container-core-group-is-layout-5 > .alignfull{margin-right:calc(var(--wp--preset--spacing--medium) * -1);margin-left:calc(var(--wp--preset--spacing--medium) * -1);}.wp-elements-0362281c20e638896f6dc9180a1ff9ac a:where(:not(.wp-element-button)){color:var(--wp--preset--color--secondary);}.wp-container-core-group-is-layout-6 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-6 > * + *{margin-block-start:var(--wp--preset--spacing--small);margin-block-end:0;}.wp-container-core-group-is-layout-7{justify-content:center;align-items:stretch;}.wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-group-is-layout-11 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-11 > * + *{margin-block-start:var(--wp--preset--spacing--medium);margin-block-end:0;}.wp-elements-ff4f16ebe6e0d07750a8b5271b846b39 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--tertiary);}.wp-container-core-group-is-layout-14 > .alignfull{margin-right:calc(var(--wp--preset--spacing--medium) * -1);margin-left:calc(var(--wp--preset--spacing--medium) * -1);}.wp-elements-5d1dd59ea353278eb8dc776352c45b4d a:where(:not(.wp-element-button)){color:var(--wp--preset--color--tertiary);}.wp-container-core-group-is-layout-19 > .alignfull{margin-right:calc(var(--wp--preset--spacing--medium) * -1);margin-left:calc(var(--wp--preset--spacing--medium) * -1);}.wp-container-core-buttons-is-layout-3{gap:var(--wp--preset--spacing--small);justify-content:center;}.wp-container-core-group-is-layout-20 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-20 > * + *{margin-block-start:var(--wp--preset--spacing--small);margin-block-end:0;}.wp-elements-6e4f7259b0a51db8fdef15ebc1b81031 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--base);}.wp-elements-78d8bdeba1c0ca51eea965528e37c07b a:where(:not(.wp-element-button)){color:var(--wp--preset--color--main-accent);}.wp-container-core-navigation-is-layout-2{gap:var(--wp--preset--spacing--small);justify-content:flex-end;}.wp-container-core-group-is-layout-21{gap:var(--wp--preset--spacing--small);justify-content:space-between;}.wp-container-core-group-is-layout-22 > .alignfull{margin-right:calc(var(--wp--preset--spacing--medium) * -1);margin-left:calc(var(--wp--preset--spacing--medium) * -1);} </style> <style id='wp-block-template-skip-link-inline-css'> .skip-link.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } </style> <link rel='stylesheet' id='noptin-popups-css' href='https://noptin.com/wp-content/plugins/newsletter-optin-box/build/Forms/assets/css/style-popups.css' media='all' /> <link rel='stylesheet' id='noptin-form-css' href='https://noptin.com/wp-content/plugins/newsletter-optin-box/build/Forms/assets/css/style-form.css' media='all' /> <script defer data-domain="noptin.com" src="https://insights.noptin.com/js/script.outbound-links.pageview-props.revenue.js"></script> <script> window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XVXNDZP8KL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XVXNDZP8KL', { 'link_attribution': true }); </script> <style>.blog .wp-block-post-template .wp-block-post:last-child .entry-content + .wp-block-separator, .archive .wp-block-post-template .wp-block-post:last-child .entry-content + .wp-block-separator, .blog .wp-block-post-template .wp-block-post:last-child .entry-content + .wp-block-separator, .search .wp-block-post-template .wp-block-post:last-child .wp-block-post-excerpt + .wp-block-separator { display: none; }</style><script type="importmap" id="wp-importmap"> {"imports":{"@wordpress\/interactivity":"https:\/\/noptin.com\/wp-includes\/js\/dist\/script-modules\/interactivity\/index.min.js?ver=06b8f695ef48ab2d9277"}} </script> <script type="module" src="https://noptin.com/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=8ff192874fc8910a284c" id="@wordpress/block-library/navigation/view-js-module"></script> <link rel="modulepreload" href="https://noptin.com/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=06b8f695ef48ab2d9277" id="@wordpress/interactivity-js-modulepreload"><link rel="icon" href="https://noptin.com/wp-content/uploads/2022/03/noptin-icon-circle-youtube-watermark-100x100.png" sizes="32x32" /> <link rel="icon" href="https://noptin.com/wp-content/uploads/2022/03/noptin-icon-circle-youtube-watermark.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://noptin.com/wp-content/uploads/2022/03/noptin-icon-circle-youtube-watermark.png" /> <meta name="msapplication-TileImage" content="https://noptin.com/wp-content/uploads/2022/03/noptin-icon-circle-youtube-watermark.png" /> <link rel="canonical" href="https://noptin.com/integrations/wpforms-newsletter-subscription/">  <meta name="description" content="Send emails, add new submissions to your CRM or run any other automations when someone submits your WPForms forms." > <meta name="twitter:card" content="summary_large_image" > <meta name="twitter:domain" content="noptin.com" > <meta property="og:locale" content="en_US" > <meta property="og:type" content="article" > <meta property="og:title" content="Free WPForms Marketing Automation plugin for WordPress 2024 | Noptin Newsletter" > <meta property="og:description" content="Send emails, add new submissions to your CRM or run any other automations when someone submits your WPForms forms." > <meta property="og:url" content="https://noptin.com/integrations/wpforms-newsletter-subscription/" > <meta property="og:image:alt" content="WPForms Marketing Automation" > <meta property="og:site_name" content="Noptin" > <meta property="article:modified_time" content="2024-11-17T05:13:05+00:00" > <meta property="article:section" content="Integrations" > <meta property="article:tag" content="wpforms" >  <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","@id":"https://noptin.com/#website","url":"https://noptin.com/","name":"Noptin","description":"The Best WordPress Newsletter Plugin","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://noptin.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"} </script> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","@id":"https://noptin.com/integrations/wpforms-newsletter-subscription/#webpage","url":"https://noptin.com/integrations/wpforms-newsletter-subscription/","name":"Free WPForms Marketing Automation plugin for WordPress 2024 | Noptin Newsletter","description":"","isPartOf":{"@id":"https://noptin.com/#website"},"dateModified":"2024-11-17T05:13:05+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://noptin.com/integrations/wpforms-newsletter-subscription/"]}],"breadcrumb":{"@id":"https://noptin.com/integrations/wpforms-newsletter-subscription/#breadcrumb"}} </script> <script type="application/ld+json"> {"@type":"BreadcrumbList","@context":"https://schema.org","@id":"https://noptin.com/integrations/wpforms-newsletter-subscription/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://noptin.com/#website","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https://noptin.com/integrations/#webpage","name":"Integrations"}},{"@type":"ListItem","position":3,"item":{"@id":"https://noptin.com/integrations/wpforms-newsletter-subscription/#wpforms-marketing-automation","name":"WPForms Marketing Automation"}}]} </script>  <style id="custom-styles"> body { --wp--preset--color--primary: #88481d; --wp--preset--color--primary-dark: #88481d; --wp--preset--color--alternate: #e91e63; --wp--preset--color--base: #fff; --wp--preset--color--tertiary: #fdf2eb; } .automation-rule-wrapper { min-width: 320px; } .noptin-width-wide-third { width: calc( var(--wp--style--global--wide-size) / 3 - var(--wp--preset--spacing--medium) ); max-width: 100%; flex-grow: 1; } .automation-rule-wrapper img { max-width: 32px; } .connection-icons__small img { width: 48px; height: 48px; border-radius: 50%; } .connection-icons__small svg { width: 24px; fill: var(--wp--preset--color--secondary); } ul.is-style-list-check li:before { color: var(--wp--preset--color--primary); } .automation-triggers, .automation-actions { position: relative; } .automation-triggers ul, .automation-actions ul { margin-top: var(--wp--preset--spacing--medium) !important; } .other-services--column { padding: var(--wp--preset--spacing--50); transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); box-shadow: 2px 2px 0px var(--wp--preset--color--primary-dark); } .other-services--column:hover { box-shadow: 4px 4px 0px var(--hover-shadow); } .other-services--column .is-layout-flex { gap: var(--wp--preset--spacing--small); justify-content: center; } .other-services--column img { width: 32px; } body .is-layout-flex.is-nowrap { flex-wrap: nowrap; } body .is-layout-flex.is-gap-small { gap: var(--wp--preset--spacing--small); } #fetured-automation-rules figure.wp-block-image { width: 32px; height: 32px; flex-shrink: 0; } #fetured-automation-rules img { border-radius: 64px; } .noptin-automation-triggers-group, .noptin-automation-actions-group { max-height: 80vh; overflow: auto; } </style>  <script>class LiteYTEmbed extends HTMLElement{connectedCallback(){this.videoId=this.getAttribute("videoid");let e=this.querySelector(".lty-playbtn");if(this.playLabel=e&&e.textContent.trim()||this.getAttribute("playlabel")||"Play",this.style.backgroundImage||(this.posterUrl=`https://i.ytimg.com/vi/${this.videoId}/hqdefault.jpg`,LiteYTEmbed.addPrefetch("preload",this.posterUrl,"image"),this.style.backgroundImage=`url("${this.posterUrl}")`),e||((e=document.createElement("button")).type="button",e.classList.add("lty-playbtn"),this.append(e)),!e.textContent){const t=document.createElement("span");t.className="lyt-visually-hidden",t.textContent=this.playLabel,e.append(t)}this.addEventListener("pointerover",LiteYTEmbed.warmConnections,{once:!0}),this.addEventListener("click",e=>this.addIframe())}static addPrefetch(e,t,i){const a=document.createElement("link");a.rel=e,a.href=t,i&&(a.as=i),document.head.append(a)}static warmConnections(){LiteYTEmbed.preconnected||(LiteYTEmbed.addPrefetch("preconnect","https://www.youtube-nocookie.com"),LiteYTEmbed.addPrefetch("preconnect","https://www.google.com"),LiteYTEmbed.addPrefetch("preconnect","https://googleads.g.doubleclick.net"),LiteYTEmbed.addPrefetch("preconnect","https://static.doubleclick.net"),LiteYTEmbed.preconnected=!0)}addIframe(){const e=new URLSearchParams(this.getAttribute("params")||[]);e.append("autoplay","1");const t=document.createElement("iframe");t.width=560,t.height=315,t.title=this.playLabel,t.allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",t.allowFullscreen=!0,t.src=`https://www.youtube-nocookie.com/embed/${encodeURIComponent(this.videoId)}?${e.toString()}`,this.append(t),this.classList.add("lyt-activated"),this.querySelector("iframe").focus()}}customElements.define("lite-youtube",LiteYTEmbed);</script> <style>lite-youtube {background-color: #000;position: relative;display: block;contain: content;background-position: center center;background-size: cover;cursor: pointer;max-width: 720px;}lite-youtube::before {content: '';display: block;position: absolute;top: 0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position: top;background-repeat: repeat-x;height: 60px;padding-bottom: 50px;width: 100%;transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);}lite-youtube::after {content: "";display: block;padding-bottom: calc(100% / (16 / 9));}lite-youtube > iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;}lite-youtube > .lty-playbtn {width: 68px;height: 48px;position: absolute;cursor: pointer;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;z-index: 1;background-color: transparent;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter: grayscale(100%);transition: filter .1s cubic-bezier(0, 0, 0.2, 1);border: none;}lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus {filter: none;}lite-youtube.lyt-activated {cursor: unset;}lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn {opacity: 0;pointer-events: none;}.lyt-visually-hidden {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}</style> </head> <body class="page-template page-template-page-blank page page-id-14579 wp-custom-logo wp-embed-responsive noptin"> <div class="wp-site-blocks"><div class="entry-content wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained"> <header class="wp-block-cover alignfull has-parallax has-custom-content-position is-position-top-center is-style-default" style="min-height:100vh;aspect-ratio:unset;" id="connection-hero"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__image-background wp-image-16012 has-parallax" style="background-position:50% 50%;background-image:url(https://noptin.com/wp-content/uploads/2024/06/transparent-flat-mountains.png)"></div><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-2 wp-block-group-is-layout-constrained" style="margin-top:0px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--medium)"> <div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex"> <a aria-label="Logo" href="https://noptin.com"><svg width="180" viewBox="0 0 1017 179" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="100.269" cy="90.4208" r="83.2587" fill="#E91E63"/> <path d="M110.335 57.9675L113.837 57.8842C114.696 58.0512 115.351 58.3694 115.8 58.8389C116.25 59.3083 116.443 59.7118 116.377 60.0492C116.317 60.356 116.151 60.8012 115.879 61.3849C115.606 61.9686 113.201 67.7089 108.663 78.6058C104.126 89.5027 100.777 97.6383 98.6185 103.013C105.211 96.9402 112.996 89.3965 121.975 80.3816C130.954 71.3667 136.357 65.2701 138.185 62.0916C138.762 61.0895 139.398 60.3537 140.094 59.8842C140.79 59.4146 141.377 59.1786 141.855 59.176C142.339 59.1427 143.057 59.2185 144.008 59.4033C144.959 59.5882 146.037 60.0206 147.242 60.7005C148.483 61.3556 149.012 62.1587 148.827 63.1097C148.475 64.9195 144.777 69.6127 137.733 77.1891C130.689 84.7655 122.774 92.7297 113.988 101.082C105.232 109.44 97.9901 115.991 92.2609 120.735C91.2359 121.586 90.1252 121.895 88.9288 121.663C87.7631 121.436 86.5595 120.995 85.318 120.34C84.1131 119.66 83.612 118.799 83.8147 117.756C84.4706 114.381 90.5822 98.7445 102.149 70.8453C95.8118 76.4261 87.8844 84.372 78.3671 94.6829C68.4655 105.333 62.7407 112.02 61.1926 114.743C60.3006 116.384 59.475 117.274 58.7157 117.413C58.1832 117.533 57.6408 117.539 57.0887 117.431L53.3731 117.139C52.6675 117.002 52.0621 116.677 51.5568 116.165C51.0208 115.647 50.7945 115.173 50.878 114.744C51.1165 113.517 53.5162 110.179 58.0772 104.73C62.6688 99.2878 67.9139 93.431 73.8126 87.16C79.7479 80.8644 85.8439 74.8069 92.1005 68.9875C98.3571 63.1682 103.062 59.3552 106.214 57.5485C106.862 57.1651 107.538 57.0419 108.244 57.179L110.335 57.9675Z" fill="white"/> <path d="M241 144.44C236.52 144.44 233.107 143.267 230.76 140.92C228.413 138.573 227.24 135.107 227.24 130.52V43.32C227.24 38.6267 228.413 35.0533 230.76 32.6C233.107 30.04 236.2 28.76 240.04 28.76C243.453 28.76 246.12 29.4 248.04 30.68C249.96 31.96 252.093 34.0933 254.44 37.08L305.16 100.44H300.68V42.52C300.68 38.04 301.8 34.6267 304.04 32.28C306.387 29.9333 309.8 28.76 314.28 28.76C318.76 28.76 322.12 29.9333 324.36 32.28C326.707 34.6267 327.88 38.04 327.88 42.52V131.16C327.88 135.213 326.813 138.467 324.68 140.92C322.547 143.267 319.667 144.44 316.04 144.44C312.413 144.44 309.533 143.8 307.4 142.52C305.373 141.133 303.187 139 300.84 136.12L250.12 72.6H254.6V130.52C254.6 135.107 253.427 138.573 251.08 140.92C248.84 143.267 245.48 144.44 241 144.44ZM388.01 144.76C379.263 144.76 371.637 143.107 365.13 139.8C358.623 136.493 353.557 131.747 349.93 125.56C346.303 119.373 344.49 112.067 344.49 103.64C344.49 97.24 345.503 91.5333 347.53 86.52C349.557 81.4 352.49 77.08 356.33 73.56C360.17 69.9333 364.757 67.2133 370.09 65.4C375.423 63.48 381.397 62.52 388.01 62.52C396.757 62.52 404.383 64.1733 410.89 67.48C417.397 70.7867 422.41 75.5333 425.93 81.72C429.557 87.8 431.37 95.1067 431.37 103.64C431.37 109.933 430.357 115.64 428.33 120.76C426.303 125.88 423.37 130.253 419.53 133.88C415.797 137.4 411.21 140.12 405.77 142.04C400.437 143.853 394.517 144.76 388.01 144.76ZM388.01 123.8C390.89 123.8 393.45 123.107 395.69 121.72C397.93 120.227 399.637 118.04 400.81 115.16C402.09 112.173 402.73 108.333 402.73 103.64C402.73 96.4933 401.343 91.3733 398.57 88.28C395.797 85.08 392.277 83.48 388.01 83.48C385.13 83.48 382.57 84.1733 380.33 85.56C378.09 86.9467 376.33 89.1333 375.05 92.12C373.77 95 373.13 98.84 373.13 103.64C373.13 110.68 374.517 115.8 377.29 119C380.063 122.2 383.637 123.8 388.01 123.8ZM460.1 173.24C455.62 173.24 452.153 172.013 449.7 169.56C447.247 167.107 446.02 163.533 446.02 158.84V77.08C446.02 72.4933 447.193 68.9733 449.54 66.52C451.993 64.0667 455.46 62.84 459.94 62.84C464.527 62.84 467.993 64.0667 470.34 66.52C472.793 68.9733 474.02 72.4933 474.02 77.08V86.36L472.26 78.52C473.753 73.72 476.847 69.88 481.54 67C486.34 64.0133 491.78 62.52 497.86 62.52C504.687 62.52 510.66 64.1733 515.78 67.48C521.007 70.7867 525.06 75.48 527.94 81.56C530.82 87.64 532.26 95 532.26 103.64C532.26 112.067 530.82 119.373 527.94 125.56C525.06 131.747 521.007 136.493 515.78 139.8C510.66 143.107 504.687 144.76 497.86 144.76C491.993 144.76 486.713 143.373 482.02 140.6C477.327 137.827 474.18 134.2 472.58 129.72H474.5V158.84C474.5 163.533 473.22 167.107 470.66 169.56C468.207 172.013 464.687 173.24 460.1 173.24ZM488.9 123.8C491.78 123.8 494.287 123.107 496.42 121.72C498.66 120.227 500.42 118.04 501.7 115.16C502.98 112.173 503.62 108.333 503.62 103.64C503.62 96.4933 502.233 91.3733 499.46 88.28C496.687 85.08 493.167 83.48 488.9 83.48C486.02 83.48 483.46 84.1733 481.22 85.56C478.98 86.9467 477.22 89.1333 475.94 92.12C474.66 95 474.02 98.84 474.02 103.64C474.02 110.68 475.407 115.8 478.18 119C480.953 122.2 484.527 123.8 488.9 123.8ZM587.337 144.76C579.337 144.76 572.724 143.533 567.497 141.08C562.377 138.627 558.537 134.947 555.977 130.04C553.417 125.027 552.137 118.787 552.137 111.32V85.24H546.697C543.284 85.24 540.617 84.3333 538.697 82.52C536.884 80.7067 535.977 78.0933 535.977 74.68C535.977 71.2667 536.884 68.7067 538.697 67C540.617 65.1867 543.284 64.28 546.697 64.28H552.137V54.36C552.137 49.6667 553.364 46.0933 555.817 43.64C558.271 41.1867 561.791 39.96 566.377 39.96C570.964 39.96 574.484 41.1867 576.937 43.64C579.391 46.0933 580.617 49.6667 580.617 54.36V64.28H593.737C597.257 64.28 599.924 65.1867 601.737 67C603.657 68.7067 604.617 71.2667 604.617 74.68C604.617 78.0933 603.657 80.7067 601.737 82.52C599.924 84.3333 597.257 85.24 593.737 85.24H580.617V110.36C580.617 114.307 581.524 117.24 583.337 119.16C585.257 120.973 588.244 121.88 592.297 121.88C593.791 121.88 595.231 121.72 596.617 121.4C598.004 121.08 599.284 120.92 600.457 120.92C602.164 120.813 603.551 121.347 604.617 122.52C605.684 123.587 606.217 126.093 606.217 130.04C606.217 133.24 605.737 135.96 604.777 138.2C603.817 140.333 602.111 141.88 599.657 142.84C598.164 143.373 596.137 143.8 593.577 144.12C591.017 144.547 588.937 144.76 587.337 144.76ZM632.675 144.44C628.195 144.44 624.728 143.107 622.275 140.44C619.822 137.773 618.595 133.933 618.595 128.92V78.36C618.595 73.3467 619.822 69.5067 622.275 66.84C624.728 64.1733 628.195 62.84 632.675 62.84C637.262 62.84 640.782 64.1733 643.235 66.84C645.795 69.5067 647.075 73.3467 647.075 78.36V128.92C647.075 133.933 645.848 137.773 643.395 140.44C640.942 143.107 637.368 144.44 632.675 144.44ZM632.675 51.48C627.662 51.48 623.768 50.3067 620.995 47.96C618.328 45.6133 616.995 42.2 616.995 37.72C616.995 33.3467 618.328 29.9867 620.995 27.64C623.768 25.2933 627.662 24.12 632.675 24.12C637.902 24.12 641.848 25.2933 644.515 27.64C647.182 29.9867 648.515 33.3467 648.515 37.72C648.515 42.2 647.182 45.6133 644.515 47.96C641.848 50.3067 637.902 51.48 632.675 51.48ZM679.275 144.44C674.795 144.44 671.328 143.213 668.875 140.76C666.422 138.307 665.195 134.733 665.195 130.04V77.08C665.195 72.4933 666.368 68.9733 668.715 66.52C671.168 64.0667 674.635 62.84 679.115 62.84C683.595 62.84 687.008 64.0667 689.355 66.52C691.702 68.9733 692.875 72.4933 692.875 77.08V84.6L691.115 78.04C693.675 73.0267 697.302 69.1867 701.995 66.52C706.795 63.8533 712.235 62.52 718.315 62.52C724.608 62.52 729.782 63.7467 733.835 66.2C737.888 68.5467 740.928 72.28 742.955 77.4C744.982 82.4133 745.995 88.76 745.995 96.44V130.04C745.995 134.733 744.768 138.307 742.315 140.76C739.862 143.213 736.342 144.44 731.755 144.44C727.168 144.44 723.648 143.213 721.195 140.76C718.742 138.307 717.515 134.733 717.515 130.04V97.56C717.515 92.76 716.662 89.3467 714.955 87.32C713.355 85.2933 710.955 84.28 707.755 84.28C703.488 84.28 700.075 85.6667 697.515 88.44C694.955 91.1067 693.675 94.7333 693.675 99.32V130.04C693.675 139.64 688.875 144.44 679.275 144.44Z" fill="#ffffff"/> </svg></a> <nav class="has-small-font-size is-responsive wp-block-navigation is-horizontal is-layout-flex wp-container-core-navigation-is-layout-1 wp-block-navigation-is-layout-flex" aria-label="Header navigation" data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-wp-on-async--click="actions.openMenuOnClick" data-wp-on--keydown="actions.handleMenuKeydown" ><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg></button> <div class="wp-block-navigation__responsive-container has-text-color has-base-color has-background has-main-background-color" id="modal-1" data-wp-class--has-modal-open="state.isMenuOpen" data-wp-class--is-menu-open="state.isMenuOpen" data-wp-watch="callbacks.initMenu" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--focusout="actions.handleMenuFocusout" tabindex="-1" > <div class="wp-block-navigation__responsive-close" tabindex="-1"> <div class="wp-block-navigation__responsive-dialog" data-wp-bind--aria-modal="state.ariaModal" data-wp-bind--aria-label="state.ariaLabel" data-wp-bind--role="state.roleAttribute" > <button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" data-wp-on-async--click="actions.closeMenuOnClick" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button> <div class="wp-block-navigation__responsive-container-content" data-wp-watch="callbacks.focusFirstElement" id="modal-1-content"> <ul class="wp-block-navigation__container has-small-font-size is-responsive wp-block-navigation has-small-font-size"><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu" }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--mouseenter="actions.openMenuOnHover" data-wp-on-async--mouseleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="has-small-font-size wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content">Resources</a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Resources submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container has-text-color has-base-color has-background has-main-background-color wp-block-navigation-submenu"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/ultimate-addons-pack/"><span class="wp-block-navigation-item__label">Ultimate Add-ons Pack</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/woocommerce-automated-emails/"><span class="wp-block-navigation-item__label">WooCommerce</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/subscription-forms/"><span class="wp-block-navigation-item__label">Subscription Forms</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/getting-email-subscribers/"><span class="wp-block-navigation-item__label">Subscription Checkboxes</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/sending-emails/"><span class="wp-block-navigation-item__label">Sending Emails</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/email-subscribers/"><span class="wp-block-navigation-item__label">Email Subscribers</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/automation-rules/"><span class="wp-block-navigation-item__label">Automation Rules</span></a></li></ul></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu" }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--mouseenter="actions.openMenuOnHover" data-wp-on-async--mouseleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="has-small-font-size wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/">Support</a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Support submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container has-text-color has-base-color has-background has-main-background-color wp-block-navigation-submenu"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/contact/"><span class="wp-block-navigation-item__label">Contact Us</span></a></li></ul></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/blog/"><span class="wp-block-navigation-item__label">Blog</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/integrations/"><span class="wp-block-navigation-item__label">Integrations</span></a></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu" }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--mouseenter="actions.openMenuOnHover" data-wp-on-async--mouseleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="has-small-font-size wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="https://noptin.com/pricing/">Pricing</a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Pricing submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container has-text-color has-base-color has-background has-main-background-color wp-block-navigation-submenu"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/pricing/"><span class="wp-block-navigation-item__label">Pricing</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/lifetime-pricing/"><span class="wp-block-navigation-item__label">Lifetime Pricing</span></a></li></ul></li></ul> </div> </div> </div> </div></nav> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button is-style-outline is-style-outline--2"><a class="wp-block-button__link has-base-color has-text-color has-link-color wp-element-button" href="https://noptin.com/my-account/">Sign In</a></div> </div> </div> </div> <div class="wp-block-group alignfull has-text-align-center has-white-color has-text-color has-link-color wp-elements-d130d7c460bcdf94320d19d487a81bbe has-global-padding is-layout-constrained wp-container-core-group-is-layout-5 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--medium)"> <div class="wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"> <h1 class="wp-block-heading alignwide has-text-align-center has-xx-large-font-size">WPForms Marketing Automation</h1> <p>Send emails, add new submissions to your CRM or run any other automations when someone submits your WPForms forms.</p> <div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2 wp-block-buttons-is-layout-flex"> <div class="wp-block-button"><a class="wp-block-button__link has-main-color has-tertiary-background-color has-text-color has-background has-link-color wp-element-button" href="/pricing/" style="border-radius:150px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--large);box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)">View Pricing</a></div> </div> <div class="wp-block-group is-style-column-box-shadow connection-icons__small has-secondary-color has-base-background-color has-text-color has-background has-link-color wp-elements-59f94413d6b4068b6ae8702abe0f1dde is-content-justification-center is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex" style="border-radius:150px;padding-top:6px;padding-right:var(--wp--preset--spacing--small);padding-bottom:6px;padding-left:var(--wp--preset--spacing--small)"> <img width="64" height="64" src="https://noptin.com/wp-content/uploads/2023/04/wpforms-badge-64x64.png" class="card__icon card__icon rounded-0 thumbnail" alt="WPForms badge" decoding="async" srcset="https://noptin.com/wp-content/uploads/2023/04/wpforms-badge-64x64.png 64w, https://noptin.com/wp-content/uploads/2023/04/wpforms-badge-100x100.png 100w, https://noptin.com/wp-content/uploads/2023/04/wpforms-badge-150x150.png 150w, https://noptin.com/wp-content/uploads/2023/04/wpforms-badge.png 256w" sizes="(max-width: 64px) 100vw, 64px" /> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.9 142.9c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5c0 0 0 0 0 0H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM16 312v7.6 .7V440c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.2 62.2-162.7 62.5-225.3 1L185 329c6.9-6.9 8.9-17.2 5.2-26.2s-12.5-14.8-22.2-14.8H48.4h-.7H40c-13.3 0-24 10.7-24 24z"/></svg> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WordPress badge" class="card__icon"> </div> </div> </div> </div></header> <section class="wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"> <h2 class="wp-block-heading alignwide has-text-align-center has-xx-large-font-size">Automate WPForms</h2> <p class="has-text-align-center">You can combine any triggers and actions to create <a href="https://noptin.com/guide/automation-rules/">automation rules</a> that save you time.</p> <div class="wp-block-group alignwide automation-rules-wrapper has-global-padding is-layout-constrained wp-container-core-group-is-layout-11 wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--x-large)"> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column automation-triggers has-global-padding is-layout-constrained wp-block-column-is-layout-constrained"> <h3 class="wp-block-heading has-text-align-center">Triggers</h3> <div class="wp-block-group is-style-column-box-shadow noptin-automation-triggers-group has-primary-accent-background-color has-background is-layout-flow wp-block-group-is-layout-flow" style="border-radius:5px"> <h4 class="wp-block-heading">WPForms</h4> <ul class="is-style-list-check wp-block"> <li>When a specific WPForms form is submitted. You can conditionally trigger the automation based on the submitted form data or the login status of the user.</li> </ul> <p class="has-x-small-font-size"><a href="https://noptin.com/guide/automation-rules/automation-triggers/" data-type="link" data-id="https://noptin.com/guide/automation-rules/automation-triggers/">View all triggers</a></p> </div> </div> <div class="wp-block-column automation-actions has-global-padding is-layout-constrained wp-block-column-is-layout-constrained"> <h3 class="wp-block-heading has-text-align-center">Actions</h3> <div class="wp-block-group is-style-column-box-shadow noptin-automation-actions-group has-primary-accent-background-color has-background is-layout-flow wp-block-group-is-layout-flow" style="border-radius:5px"> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading">Noptin Subscribers</h4> <ul class="is-style-list-check wp-block"> <li>Tag a subscriber </li> <li>Create or update a subscriber </li> <li>Delete a subscriber </li> <li>Untag a subscriber </li> <li>Unsubscribe a subscriber </li> <li>Update a subscriber field </li> <li>Updates a subscriber's email confirmation status </li> <li>Updates a subscriber's source </li> <li>Updates a subscriber's status </li> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading">Emails</h4> <ul class="is-style-list-check wp-block"> <li>Send an automated email </li> <li>Add to an email sequence or course. If the contact is already in the sequence, they will be resumed from where they are or were.</li> <li>Remove from an email sequence or course. </li> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading"></h4> <ul class="is-style-list-check wp-block"> </ul> <h4 class="wp-block-heading">Misc</h4> <ul class="is-style-list-check wp-block"> <li>Create or update a post, page, or any custom post type </li> <li>Delete a post, page, or any custom post type </li> <li>Send a webhook or API request </li> </ul> <p class="has-x-small-font-size"><a href="https://noptin.com/guide/automation-rules/automation-actions/" data-type="link" data-id="https://noptin.com/guide/automation-rules/automation-actions/">View all available actions</a></p> </div> </div> </div> </div> </section> <section class="wp-block-cover alignfull has-parallax is-style-default" style="min-height:100vh;aspect-ratio:unset;" id="fetured-automation-rules"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__image-background wp-image-16012 has-parallax" style="background-position:50% 50%;background-image:url(https://noptin.com/wp-content/uploads/2024/06/transparent-flat-mountains.png)"></div><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <section class="wp-block-group alignfull has-white-color has-text-color has-link-color wp-elements-ff4f16ebe6e0d07750a8b5271b846b39 has-global-padding is-layout-constrained wp-container-core-group-is-layout-14 wp-block-group-is-layout-constrained" id="fetured-automation-rules" style="padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"> <section class="wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"> <h2 class="wp-block-heading alignwide has-text-align-center has-xx-large-font-size">Sample Automation Rules</h2> <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small)">Explore sample <a href="/guide/automtion-rules/">automation rules</a> to streamline your connection.</p> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <h3 class="wp-block-heading alignwide has-text-align-left" style="margin-top:0;margin-bottom:0">Noptin Subscribers</h3> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-258 wp-block-columns-is-layout-flex" style="margin-top: 10px;"> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-881 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Tag a subscriber when a specific WPForms form is submitted.</p> </div> </div> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-882 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Create or update a subscriber when a specific WPForms form is submitted.</p> </div> </div> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-883 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Update a subscriber field when a specific WPForms form is submitted.</p> </div> </div> </div> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <h3 class="wp-block-heading alignwide has-text-align-left" style="margin-top:0;margin-bottom:0">Emails</h3> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-259 wp-block-columns-is-layout-flex" style="margin-top: 10px;"> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-884 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Send an automated email when a specific WPForms form is submitted.</p> </div> </div> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-885 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Add to an email sequence or course when a specific WPForms form is submitted.</p> </div> </div> </div> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <h3 class="wp-block-heading alignwide has-text-align-left" style="margin-top:0;margin-bottom:0">Misc</h3> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-260 wp-block-columns-is-layout-flex" style="margin-top: 10px;"> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-886 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Create or update a post, page, or any custom post type when a specific WPForms form is submitted.</p> </div> </div> <div class="wp-block-column is-style-cyan-bluish-outline-shadow-small has-main-color has-text-color has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333333333333%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative;"> <div class="wp-block-group is-gap-small is-nowrap is-layout-flex wp-container-core-group-is-layout-887 wp-block-group-is-layout-flex" style="flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/04/wordpress-logo-64x64.png" alt="WPForms" class="wp-image-0"> </figure> <p>Send a webhook or API request when a specific WPForms form is submitted.</p> </div> </div> </div> </section> </section> </div></section> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <section class="wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" id="connection-section-how-to"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading has-text-align-center">Ready to get started?</h2> <p class="has-text-align-center has-muted-color has-text-color" style="margin-top:var(--wp--preset--spacing--small)">You can automate WPForms in 2 simple steps.</p> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <div class="wp-block-group has-text-align-center has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"> <p class="has-text-align-center" id="install-noptin">First, go ahead and install Noptin.</p> <lite-youtube videoid="BTLjA_qyFuE" playlabel="How to Install the Noptin Newsletter Plugin for WordPress"></lite-youtube> <p>Finally, create <a href="https://noptin.com/guide/sending-emails/how-to-create-automated-emails-in-wordpress/" data-type="link" data-id="https://noptin.com/guide/sending-emails/how-to-create-automated-emails-in-wordpress/">any needed automation rules</a> or <a href="https://noptin.com/guide/sending-emails/how-to-create-automated-emails-in-wordpress/" data-type="link" data-id="https://noptin.com/guide/sending-emails/how-to-create-automated-emails-in-wordpress/">automated emails</a>.</p> </div> </div> </section> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <section class="wp-block-cover alignfull has-parallax is-style-default" style="min-height:100vh;aspect-ratio:unset;" id="connection-section-services"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__image-background wp-image-16012 has-parallax" style="background-position:50% 50%;background-image:url(https://noptin.com/wp-content/uploads/2024/06/transparent-flat-mountains.png)"></div><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <section class="wp-block-group alignfull has-white-color has-text-color has-link-color wp-elements-5d1dd59ea353278eb8dc776352c45b4d has-global-padding is-layout-constrained wp-container-core-group-is-layout-19 wp-block-group-is-layout-constrained" id="integrations" style="padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"> <section class="wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"> <h2 class="wp-block-heading alignwide has-text-align-center has-xx-large-font-size">Save money</h2> <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small)">You can also connect WPForms to your favourite CRM or newsletter at no extra cost to you. All Noptin plans give you access to <a href="https://noptin.com/integrations/" data-type="link" data-id="https://noptin.com/integrations/">59 add-ons and integrations</a> that you can download freely from your account. This saves you money since you don’t have to purchase a separate add-on for each service you use.</p> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-261 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #004cff;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-888 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/activecampaign-badge-64x64.png" alt="ActiveCampaign" class="wp-image-14214"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-activecampaign-to-wpforms/">ActiveCampaign</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #409ce3;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-889 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/agilecrm-badge-64x64.png" alt="Agile CRM" class="wp-image-14212"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-agilecrm-to-wpforms/">Agile CRM</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #0079c1;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-890 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/aweber-badge-64x64.png" alt="AWeber" class="wp-image-14210"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-aweber-to-wpforms/">AWeber</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #ffcc00;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-891 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/07/birdsend-logo-64x64.png" alt="Birdsend" class="wp-image-14648"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-birdsend-to-wpforms/">Birdsend</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-262 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #7856ff;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-892 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/campaign-monitor-badge-64x64.png" alt="Campaign Monitor" class="wp-image-14208"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-campaign-monitor-to-wpforms/">Campaign Monitor</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #1856ed;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-893 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/constant-contact-badge-64x64.png" alt="Constant Contact" class="wp-image-14206"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-constant-contact-to-wpforms/">Constant Contact</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #fb6068;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-894 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/convertkit-badge-64x64.png" alt="ConvertKit" class="wp-image-14202"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-convertkit-to-wpforms/">ConvertKit</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #2fb6fa;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-895 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/07/customerly-logo-64x64.jpg" alt="Customerly" class="wp-image-14650"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-customerly-to-wpforms/">Customerly</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-263 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #6e54d7;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-896 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/emailoctopus-badge-64x64.png" alt="EmailOctopus" class="wp-image-14312"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-emailoctopus-to-wpforms/">EmailOctopus</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #00a2ff;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-897 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/getresponse-badge-64x64.png" alt="GetResponse" class="wp-image-14311"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-getresponse-to-wpforms/">GetResponse</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #00d2ff;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-898 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/gist-badge-64x64.png" alt="Gist" class="wp-image-14309"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-gist-to-wpforms/">Gist</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #ff5c35;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-899 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/hubspot-badge-64x64.png" alt="HubSpot" class="wp-image-14300"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-hubspot-to-wpforms/">HubSpot</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-264 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #0d436a;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-900 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/09/icontact-64x64.jpg" alt="iContact" class="wp-image-16569"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-icontact-to-wpforms/">iContact</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #36a635;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-901 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/07/keap-badge-64x64.png" alt="Keap/Infusionsoft" class="wp-image-14658"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-keap-to-wpforms/">Keap/Infusionsoft</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #373f47;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-902 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/klaviyo-badge-64x64.png" alt="Klaviyo" class="wp-image-14308"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-klaviyo-to-wpforms/">Klaviyo</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #ffe01b;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-903 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/mailchimp-badge-64x64.png" alt="Mailchimp" class="wp-image-14296"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-mailchimp-to-wpforms/">Mailchimp</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-265 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #00a153;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-904 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/mailerlite-badge-64x64.png" alt="MailerLite" class="wp-image-14305"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-mailerlite-to-wpforms/">MailerLite</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #00a153;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-905 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/mailerlite-badge-64x64.png" alt="MailerLite (Classic)" class="wp-image-14305"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-mailerlite_classic-to-wpforms/">MailerLite (Classic)</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #6f67d6;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-906 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/mailjet-badge-64x64.png" alt="Mailjet" class="wp-image-14301"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-mailjet-to-wpforms/">Mailjet</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #3fb7ca;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-907 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/moosend-badge-64x64.png" alt="Moosend" class="wp-image-14304"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-moosend-to-wpforms/">Moosend</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-266 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #1285ff;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-908 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/ontraport-badge-64x64.png" alt="Ontraport" class="wp-image-14302"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-ontraport-to-wpforms/">Ontraport</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #00b1dd;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-909 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/07/quentn-badge-64x64.png" alt="Quentn" class="wp-image-14644"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-quentn-to-wpforms/">Quentn</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #3cb6e3;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-910 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/07/salesflare-badge-64x64.png" alt="Salesflare" class="wp-image-14643"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-salesflare-to-wpforms/">Salesflare</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #f75c45;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-911 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/sendfox-badge-64x64.png" alt="SendFox" class="wp-image-14310"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-sendfox-to-wpforms/">SendFox</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-267 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #3368fa;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-912 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/sendgrid-badge-64x64.png" alt="Sendgrid" class="wp-image-14297"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-sendgrid-to-wpforms/">Sendgrid</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #0092ff;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-913 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/sendinblue-badge-64x64.png" alt="Sendinblue (Brevo)" class="wp-image-14299"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-sendinblue-to-wpforms/">Sendinblue (Brevo)</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #ff3c78;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-914 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/sendlane-badge-64x64.png" alt="Sendlane" class="wp-image-14303"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-sendlane-to-wpforms/">Sendlane</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #009fc1;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-915 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2024/09/sendpulse-logo-symbol-64x64.png" alt="SendPulse" class="wp-image-16573"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-sendpulse-to-wpforms/">SendPulse</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-268 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #343a44;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-916 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/sendy-badge-64x64.png" alt="Sendy" class="wp-image-14307"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-sendy-to-wpforms/">Sendy</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #e52766;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-917 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/07/smaily-64x64.png" alt="Smaily" class="wp-image-14641"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-smaily-to-wpforms/">Smaily</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #f22f46;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-918 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/sendy-badge-64x64.png" alt="Twilio" class="wp-image-14307"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-twilio-to-wpforms/">Twilio</a></p> </div> </div> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #8430a6;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-919 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/verticalresponse-badge-64x64.png" alt="VerticalResponse" class="wp-image-14306"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-verticalresponse-to-wpforms/">VerticalResponse</a></p> </div> </div> </div> <div class="wp-block-columns alignwide generated-2024-11-17-05-13-05 is-layout-flex wp-container-core-columns-is-layout-269 wp-block-columns-is-layout-flex"> <div class="wp-block-column other-services--column is-hoverable has-white-background-color has-background has-small-font-size is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%; background: linear-gradient(90deg, #fff 0%, #fafafa 100%); position: relative; --hover-shadow: #f0483e;"> <div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-920 wp-block-group-is-layout-flex" style="height: 100%; flex-direction: row;"> <figure class="wp-block-image size-noptin-connection-icon"> <img src="https://noptin.com/wp-content/uploads/2023/04/zoho-crm-badge-64x64.png" alt="Zoho CRM" class="wp-image-14298"> </figure> <p class="stretch-link"><a href="https://noptin.com/integrations/connect-zoho-crm-to-wpforms/">Zoho CRM</a></p> </div> </div> </div> </section> </section> </div></section> <section class="wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-20 wp-block-group-is-layout-constrained" id="final-cta" style="padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)"> <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500">What are you waiting for?</p> <h2 class="wp-block-heading alignwide has-text-align-center">Automate WPForms Now</h2> <p class="has-text-align-center">More than 11,000 websites use Noptin. Is yours next?</p> <div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3 wp-block-buttons-is-layout-flex"> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/pricing/" style="padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--large);box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)">Get Started Today</a></div> </div> </section> <div class="wp-block-group alignfull dark-footer has-base-color has-main-background-color has-text-color has-background has-link-color has-small-font-size wp-elements-6e4f7259b0a51db8fdef15ebc1b81031 has-global-padding is-layout-constrained wp-container-core-group-is-layout-22 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"> <div class="wp-block-group alignwide has-main-accent-color has-text-color has-link-color wp-elements-78d8bdeba1c0ca51eea965528e37c07b is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-21 wp-block-group-is-layout-flex"> <p class="has-x-small-font-size">漏 2023 路 Noptin LTD</p> <nav style="font-style:normal;font-weight:400;" class="has-x-small-font-size items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label="Navigation 2"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-x-small-font-size items-justified-right wp-block-navigation has-x-small-font-size"><li class="has-x-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/privacy-policy/"><span class="wp-block-navigation-item__label">Privacy Policy</span></a></li><li class="has-x-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/refund-policy/"><span class="wp-block-navigation-item__label">Refund Policy</span></a></li><li class="has-x-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/support-policy/"><span class="wp-block-navigation-item__label">Support Policy</span></a></li><li class="has-x-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/terms-and-conditions/"><span class="wp-block-navigation-item__label">Terms And Conditions</span></a></li></ul></nav></div> </div> </div></div> <div id="noptin-form-3__wrapper" class="noptin-optin-main-wrapper noptin-form-id-12975 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-3__title" style="--noptin-background-color: #FFC107; --noptin-border-color: #FF6F00; --noptin-button-color: #191919; --noptin-button-text-color: #FFC107; --noptin-title-color: #191919; --noptin-description-color: #191919; --noptin-prefix-color: #607D8B; --noptin-note-color: #191919;" ><div class="noptin-popup__overlay" data-a11y-dialog-hide></div><div class="noptin-popup__container"><style>.noptin-form-id-12975 .noptin-optin-form-wrapper .noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field { height: 55px !important; font-size: 17px; border: 2px #9a6807 solid; } .noptin-form-id-12975 .noptin-optin-form-wrapper .noptin-form-footer .noptin-form-submit{ line-height: 2; font-size: 20px; }</style><div style="max-width:620px; min-height:280px;border-style: solid; border-color: #FF6F00; border-width: 5px; border-radius: 12px;" class="noptin-optin-form-wrapper no-image" data-trigger="before_leave" data-hide-seconds="604800000" ><form id="noptin-form-3" class="noptin-optin-form noptin-form-new-line noptin-label-hide" method="post" novalidate > <div class="noptin-form-header no-image"> <div class="noptin-form-header-text"> <div style="color: #191919;font-size: 40px;font-weight: 700;line-height: 1.5;" class="noptin-form-heading">Up your Marketing</div> <div style="color: #191919;font-size: 19px;font-weight: 500;line-height: 1.3;" class="noptin-form-description">Join our email list to and we'll send you occasional marketing tips</div> </div> </div> <div class="noptin-form-footer"><div class="noptin-form-fields"> <div class="noptin-form-field-wrapper noptin-form-field-first_name noptin-optin-field-wrapper noptin-optin-field-first_name" id="noptin-form-3__field-first_name--wrapper" > <div class="noptin-field-first_name"> <label class="noptin-label" for="noptin-form-3__field-first_name">First Name</label> <input name="noptin_fields[first_name]" id="noptin-form-3__field-first_name" type="text" value="" class="noptin-text noptin-form-field noptin-form-field__has-no-placeholder" placeholder="First Name" /> </div></div> <div class="noptin-form-field-wrapper noptin-form-field-email noptin-optin-field-wrapper noptin-optin-field-email" id="noptin-form-3__field-email--wrapper" > <div class="noptin-field-email"> <label class="noptin-label" for="noptin-form-3__field-email">Email Address</label> <input name="noptin_fields[email]" id="noptin-form-3__field-email" type="email" value="" class="noptin-text noptin-form-field noptin-form-field__has-no-placeholder" placeholder="Email Address" /> </div></div> <div class="noptin-form-field-wrapper noptin-form-field-submit noptin-optin-field-wrapper noptin-optin-field-submit" > <input type="submit" id="noptin-form-3__submit" class="noptin-form-submit btn button btn-primary button-primary wp-element-button noptin-form-button-block" name="noptin-submit" value="Subscribe Now" style="background-color: #191919;color: #FFC107;" /> </div></div> <div style="color: #191919;font-size: 14px;font-weight: 400;line-height: 1;" class="noptin-form-note">We do not send spam or sell your email address</div> <div class="noptin-form-notice noptin-response" role="alert"></div> </div> <input type="hidden" name="noptin_element_id" value="3" /><input type="hidden" name="source" value="12975" /><input type="hidden" name="form_action" value="subscribe" /><input type="hidden" name="noptin-config" value="_PmItrE4nWScFCBS.hbRcA--" /><input type="hidden" name="noptin_form_id" value="12975" /></form> <button class="noptin-popup__close" type="button" data-a11y-dialog-hide aria-label="Close dialog" aria-controls="noptin-form-3__wrapper" > <span aria-hidden="true">×</span> </button> </div></div></div><div id="noptin-form-4__wrapper" class="noptin-optin-main-wrapper noptin-form-id-203 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-4__title" style="--noptin-background-color: #ff5722; --noptin-border-color: #FF5722; --noptin-button-color: #fafafa; --noptin-button-text-color: #ff5722; --noptin-title-color: #fafafa; --noptin-description-color: #fafafa; --noptin-prefix-color: #313131; --noptin-note-color: #fafafa;" ><div class="noptin-popup__overlay" data-a11y-dialog-hide></div><div class="noptin-popup__container"><style>.noptin-form-id-203 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields .noptin-form-submit{ position: absolute; right: 5px; top: 6px; bottom: 6px; border-radius: 4px; font-weight: 500; border: 1px solid transparent; } .noptin-form-id-203 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields .noptin-form-field { border-radius: 4px; padding: 1.2em 2em; border: 1px solid transparent; font-size: 16px; } .noptin-form-id-203 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields{ position: relative; } .noptin-form-id-203 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-header { flex: 0 0 auto; justify-content: center; } .noptin-form-id-203 .noptin-optin-form-wrapper form.noptin-form-single-line { justify-content: center } .noptin-popup-main-wrapper.noptin-form-id-203{ background-color: #e4e2dd; } .noptin-form-id-203 .noptin-optin-form-wrapper.noptin-animate-from { transform: none; left: -100%; position: relative; } .noptin-form-id-203 .noptin-optin-form-wrapper.noptin-animate-after { transform: none; left: 0; position: relative; }</style><div style="max-width:520px; min-height:280px;border-style: solid; border-radius: 0px; border-width: 4px; border-color: #FF5722;" class="noptin-optin-form-wrapper no-image" data-trigger="after_click" data-hide-seconds="604800000" data-value="#customCSSExampleSlideAnimation" ><form id="noptin-form-4" class="noptin-optin-form noptin-form-single-line noptin-label-hide" method="post" novalidate > <div class="noptin-form-header no-image"> <div class="noptin-form-header-text"> <div style="color: #fafafa;font-size: 30px; font-weight: 700; line-height: 1.5;" class="noptin-form-heading">Custom CSS Slide Example</div> </div> </div> <div class="noptin-form-footer"><div class="noptin-form-fields"> <div class="noptin-form-field-wrapper noptin-form-field-email noptin-optin-field-wrapper noptin-optin-field-email" id="noptin-form-4__field-email--wrapper" > <div class="noptin-field-email"> <label class="noptin-label" for="noptin-form-4__field-email">Email Address</label> <input name="noptin_fields[email]" id="noptin-form-4__field-email" type="email" value="" class="noptin-text noptin-form-field noptin-form-field__has-no-placeholder" placeholder="Email Address" /> </div></div> <div class="noptin-form-field-wrapper noptin-form-field-submit noptin-optin-field-wrapper noptin-optin-field-submit" > <input type="submit" id="noptin-form-4__submit" class="noptin-form-submit btn button btn-primary button-primary wp-element-button" name="noptin-submit" value="Sign Up" style="background-color: #fafafa;color: #ff5722;" /> </div></div> <div class="noptin-form-notice noptin-response" role="alert"></div> </div> <input type="hidden" name="noptin_element_id" value="4" /><input type="hidden" name="source" value="203" /><input type="hidden" name="form_action" value="subscribe" /><input type="hidden" name="noptin-config" value="kQYhLloousbFMIahvlr6_A--" /><input type="hidden" name="noptin_form_id" value="203" /></form> <button class="noptin-popup__close" type="button" data-a11y-dialog-hide aria-label="Close dialog" aria-controls="noptin-form-4__wrapper" > <span aria-hidden="true">×</span> </button> </div></div></div><div id="noptin-form-5__wrapper" class="noptin-optin-main-wrapper noptin-form-id-202 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-5__title" style="--noptin-background-color: #ffeb3b; --noptin-border-color: #f9a825; --noptin-button-color: #191919; --noptin-button-text-color: #ffeb3b; --noptin-title-color: #191919; --noptin-description-color: #191919; --noptin-prefix-color: #313131; --noptin-note-color: #191919;" ><div class="noptin-popup__overlay" data-a11y-dialog-hide></div><div class="noptin-popup__container"><style>.noptin-form-id-202 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields .noptin-form-submit{ position: absolute; right: 5px; top: 6px; bottom: 6px; border-radius: 4px; font-weight: 500; border: 1px solid transparent; } .noptin-form-id-202 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields .noptin-form-field { border-radius: 4px; padding: 1.2em 2em; border: 1px solid transparent; font-size: 16px; } .noptin-form-id-202 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields{ position: relative; } .noptin-form-id-202 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-header { flex: 0 0 auto; justify-content: center; } .noptin-form-id-202 .noptin-optin-form-wrapper form.noptin-form-single-line { justify-content: center } .noptin-popup-main-wrapper.noptin-form-id-202{ background-color: #37474f; } .noptin-form-id-202 .noptin-optin-form-wrapper.noptin-animate-from { transform: rotate(0deg); } .noptin-form-id-202 .noptin-optin-form-wrapper.noptin-animate-after { transform: rotate(360deg); }</style><div style="max-width:520px; min-height:280px;border-style: solid; border-radius: 0px; border-width: 4px; border-color: #f9a825;" class="noptin-optin-form-wrapper no-image" data-trigger="after_click" data-hide-seconds="604800000" data-value="#customCSSExampleCustomAnimation" ><form id="noptin-form-5" class="noptin-optin-form noptin-form-single-line noptin-label-hide" method="post" novalidate > <div class="noptin-form-header no-image"> <div class="noptin-form-header-text"> <div style="color: #191919;font-size: 30px; font-weight: 700; line-height: 1.5;" class="noptin-form-heading">Custom Animation Example</div> </div> </div> <div class="noptin-form-footer"><div class="noptin-form-fields"> <div class="noptin-form-field-wrapper noptin-form-field-email noptin-optin-field-wrapper noptin-optin-field-email" id="noptin-form-5__field-email--wrapper" > <div class="noptin-field-email"> <label class="noptin-label" for="noptin-form-5__field-email">Email Address</label> <input name="noptin_fields[email]" id="noptin-form-5__field-email" type="email" value="" class="noptin-text noptin-form-field noptin-form-field__has-no-placeholder" placeholder="Email Address" /> </div></div> <div class="noptin-form-field-wrapper noptin-form-field-submit noptin-optin-field-wrapper noptin-optin-field-submit" > <input type="submit" id="noptin-form-5__submit" class="noptin-form-submit btn button btn-primary button-primary wp-element-button" name="noptin-submit" value="Sign Up" style="background-color: #191919;color: #ffeb3b;" /> </div></div> <div class="noptin-form-notice noptin-response" role="alert"></div> </div> <input type="hidden" name="noptin_element_id" value="5" /><input type="hidden" name="source" value="202" /><input type="hidden" name="form_action" value="subscribe" /><input type="hidden" name="noptin-config" value="zjSeI6CFUDo9wBk9ilw_gA--" /><input type="hidden" name="noptin_form_id" value="202" /></form> <button class="noptin-popup__close" type="button" data-a11y-dialog-hide aria-label="Close dialog" aria-controls="noptin-form-5__wrapper" > <span aria-hidden="true">×</span> </button> </div></div></div><div id="noptin-form-6__wrapper" class="noptin-optin-main-wrapper noptin-form-id-201 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-6__title" style="--noptin-background-color: #4CAF50; --noptin-border-color: #2e7d32; --noptin-button-color: #fafafa; --noptin-button-text-color: #4CAF50; --noptin-title-color: #fafafa; --noptin-description-color: #fafafa; --noptin-prefix-color: #313131; --noptin-note-color: #fafafa;" ><div class="noptin-popup__overlay" data-a11y-dialog-hide></div><div class="noptin-popup__container"><style>.noptin-form-id-201 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields .noptin-form-submit{ position: absolute; right: 5px; top: 6px; bottom: 6px; border-radius: 4px; font-weight: 500; border: 1px solid transparent; } .noptin-form-id-201 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields .noptin-form-field { border-radius: 4px; padding: 1.2em 2em; border: 1px solid transparent; font-size: 16px; } .noptin-form-id-201 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-fields{ position: relative; } .noptin-form-id-201 .noptin-optin-form-wrapper form.noptin-form-single-line .noptin-form-header { flex: 0 0 auto; justify-content: center; } .noptin-form-id-201 .noptin-optin-form-wrapper form.noptin-form-single-line { justify-content: center } .noptin-popup-main-wrapper.noptin-form-id-201{ background-color: #ffffff; }</style><div style="max-width:520px; min-height:280px;border-style: solid; border-radius: 0px; border-width: 4px; border-color: #2e7d32;" class="noptin-optin-form-wrapper no-image" data-trigger="after_click" data-hide-seconds="604800000" data-value="#customCSSExampleDefaultAnimation" ><form id="noptin-form-6" class="noptin-optin-form noptin-form-single-line noptin-label-hide" method="post" novalidate > <div class="noptin-form-header no-image"> <div class="noptin-form-header-text"> <div style="color: #fafafa;font-size: 30px; font-weight: 700; line-height: 1.5;" class="noptin-form-heading">Default Animation</div> </div> </div> <div class="noptin-form-footer"><div class="noptin-form-fields"> <div class="noptin-form-field-wrapper noptin-form-field-email noptin-optin-field-wrapper noptin-optin-field-email" id="noptin-form-6__field-email--wrapper" > <div class="noptin-field-email"> <label class="noptin-label" for="noptin-form-6__field-email">Email Address</label> <input name="noptin_fields[email]" id="noptin-form-6__field-email" type="email" value="" class="noptin-text noptin-form-field noptin-form-field__has-no-placeholder" placeholder="Email Address" /> </div></div> <div class="noptin-form-field-wrapper noptin-form-field-submit noptin-optin-field-wrapper noptin-optin-field-submit" > <input type="submit" id="noptin-form-6__submit" class="noptin-form-submit btn button btn-primary button-primary wp-element-button" name="noptin-submit" value="Sign Up" style="background-color: #fafafa;color: #4CAF50;" /> </div></div> <div class="noptin-form-notice noptin-response" role="alert"></div> </div> <input type="hidden" name="noptin_element_id" value="6" /><input type="hidden" name="source" value="201" /><input type="hidden" name="form_action" value="subscribe" /><input type="hidden" name="noptin-config" value="mJ1MRwUGTKYUctRmUHBxjQ--" /><input type="hidden" name="noptin_form_id" value="201" /></form> <button class="noptin-popup__close" type="button" data-a11y-dialog-hide aria-label="Close dialog" aria-controls="noptin-form-6__wrapper" > <span aria-hidden="true">×</span> </button> </div></div></div><script> var FreeScoutW={s:{"color":"#fb1a62","position":"br","id":1619921258}};(function(d,e,s){if(d.getElementById("freescout-w"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="freescout-w";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","https://support.noptin.com/modules/enduserportal/js/widget.js?v=1275"); </script><script id="wp-block-template-skip-link-js-after"> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.href = '#' + skipLinkTargetID; skipLink.innerHTML = 'Skip to content'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); </script> <script src="https://noptin.com/wp-content/plugins/newsletter-optin-box/build/Forms/assets/js/popups.js" id="noptin-popups-js"></script> <script id="noptin-form-js-extra"> var noptinParams = {"ajaxurl":"https:\/\/noptin.com\/wp-admin\/admin-ajax.php","resturl":"https:\/\/noptin.com\/wp-json\/noptin\/v1\/form","nonce":"d018ad2d19","cookie":"","connect_err":"Could not establish a connection to the server.","cookie_path":"\/"}; </script> <script src="https://noptin.com/wp-content/plugins/newsletter-optin-box/build/Forms/assets/js/form.js" id="noptin-form-js"></script> </body> </html>