CINXE.COM
Noptin Newsletter Checkbox Integrations | Noptin Documentation
<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8" /><link data-optimized="2" rel="stylesheet" href="https://noptin.com/wp-content/litespeed/css/dff99dae123beaf5f79319f26c52aecf.css?ver=074f0" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /><meta name="description" content="Easily add a newsletter subscription checkbox to your contact forms, checkout forms, login and registration forms." /><link rel="canonical" href="https://noptin.com/guide/getting-email-subscribers/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="Noptin Newsletter Checkbox Integrations | Noptin Documentation" /><meta property="og:description" content="Easily add a newsletter subscription checkbox to your contact forms, checkout forms, login and registration forms." /><meta property="og:url" content="https://noptin.com/guide/getting-email-subscribers/" /><meta property="og:site_name" content="Noptin" /><meta property="article:modified_time" content="2022-03-19T06:49:03+00:00" /><meta property="og:image" content="https://noptin.com/wp-content/uploads/2020/02/icon-256x256-1.png" /><meta property="og:image:width" content="256" /><meta property="og:image:height" content="256" /><meta property="og:image:type" content="image/png" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@MutendeBrian" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://noptin.com/guide/getting-email-subscribers/","url":"https://noptin.com/guide/getting-email-subscribers/","name":"Noptin Newsletter Checkbox Integrations | Noptin Documentation","isPartOf":{"@id":"https://noptin.com/#website"},"datePublished":"2019-11-25T20:02:27+00:00","dateModified":"2022-03-19T06:49:03+00:00","description":"Easily add a newsletter subscription checkbox to your contact forms, checkout forms, login and registration forms.","breadcrumb":{"@id":"https://noptin.com/guide/getting-email-subscribers/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://noptin.com/guide/getting-email-subscribers/"]}]},{"@type":"BreadcrumbList","@id":"https://noptin.com/guide/getting-email-subscribers/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://noptin.com/"},{"@type":"ListItem","position":2,"name":"Guide","item":"https://noptin.com/guide/"},{"@type":"ListItem","position":3,"name":"Subscription Checkboxes"}]},{"@type":"WebSite","@id":"https://noptin.com/#website","url":"https://noptin.com/","name":"Noptin","description":"The Best WordPress Newsletter Plugin","publisher":{"@id":"https://noptin.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://noptin.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://noptin.com/#organization","name":"Noptin","url":"https://noptin.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://noptin.com/#/schema/logo/image/","url":"https://noptin.com/wp-content/uploads/2022/03/noptin-icon-circle-youtube-watermark.png","contentUrl":"https://noptin.com/wp-content/uploads/2022/03/noptin-icon-circle-youtube-watermark.png","width":150,"height":150,"caption":"Noptin"},"image":{"@id":"https://noptin.com/#/schema/logo/image/"},"sameAs":["https://x.com/MutendeBrian"]}]}</script> <title>Noptin Newsletter Checkbox Integrations | Noptin Documentation</title><link rel="alternate" type="application/rss+xml" title="Noptin » Feed" href="https://noptin.com/feed/" /><link rel="alternate" type="application/rss+xml" title="Noptin » Comments Feed" href="https://noptin.com/comments/feed/" /><link rel="alternate" type="application/rss+xml" title="Noptin » Subscription Checkboxes Comments Feed" href="https://noptin.com/guide/getting-email-subscribers/feed/" /> <script data-optimized="1" src="https://noptin.com/wp-content/litespeed/js/dee56a10a27fb54c2274a4b42819cb38.js?ver=9cb38" id="hizzle-algolia-script-js" defer data-deferred="1"></script> <link rel="https://api.w.org/" href="https://noptin.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://noptin.com/wp-json/wp/v2/guide-handbook/2221" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://noptin.com/xmlrpc.php?rsd" /><meta name="generator" content="WordPress 6.7.1" /><link rel='shortlink' href='https://noptin.com/?p=2221' /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://noptin.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnoptin.com%2Fguide%2Fgetting-email-subscribers%2F" /><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://noptin.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnoptin.com%2Fguide%2Fgetting-email-subscribers%2F&format=xml" /> <script defer data-domain="noptin.com" src="https://insights.noptin.com/js/script.outbound-links.pageview-props.revenue.js"></script> <script src="data:text/javascript;base64,d2luZG93LnBsYXVzaWJsZT13aW5kb3cucGxhdXNpYmxlfHxmdW5jdGlvbigpeyh3aW5kb3cucGxhdXNpYmxlLnE9d2luZG93LnBsYXVzaWJsZS5xfHxbXSkucHVzaChhcmd1bWVudHMpfQ==" defer></script> <script src="https://www.googletagmanager.com/gtag/js?id=G-XVXNDZP8KL" defer data-deferred="1"></script> <script src="data:text/javascript;base64,d2luZG93LmRhdGFMYXllcj13aW5kb3cuZGF0YUxheWVyfHxbXTtmdW5jdGlvbiBndGFnKCl7ZGF0YUxheWVyLnB1c2goYXJndW1lbnRzKX0KZ3RhZygnanMnLG5ldyBEYXRlKCkpO2d0YWcoJ2NvbmZpZycsJ0ctWFZYTkRaUDhLTCcseydsaW5rX2F0dHJpYnV0aW9uJzohMH0p" defer></script> <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" /></head><body class="guide-handbook-template-default single single-guide-handbook postid-2221 wp-custom-logo wp-embed-responsive noptin single-handbook"><div class="wp-site-blocks"><header class="site-header wp-block-template-part"><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="var(--wp--preset--color--primary)"/> <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="#14111f"/> </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 current-menu-ancestor">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 current-menu-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://noptin.com/guide/getting-email-subscribers/" aria-current="page"><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 wp-element-button" href="https://my.noptin.com/">Dashboard</a></div></div></div></div></header><main class="wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-22 wp-block-group-is-layout-flow" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><div role="navigation" aria-label="Breadcrumbs" class="wp-block-hizzle-breadcrumbs"><span><a href="https://noptin.com">Noptin</a></span><span><a href="https://noptin.com/guide/">Guide</a></span></div><h1 class="wp-block-post-title has-xx-large-font-size has-secondary-font-family">Subscription Checkboxes</h1><div id="hizzle-algolia-0a5e812b-b207-4ec5-bafc-de13f1182f94" class="wp-block-hizzle-algolia" data-index-name="noptin" data-search-key="e1e03857debfc778aeb4705a3662e699" data-app-id="6LAG8EF72M" data-placeholder="Search" data-no-results-text="No results found for this query."></div></div><div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><div class="wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow"><ul class="columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-1 wp-block-post-template-is-layout-grid"><li class="wp-block-post post-6649 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-4 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/contact-form-7/" target="_self" >Contact Form 7</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">Do you want to add a newsletter subscription checkbox to your Contact Form 7 forms? Or perhaps you just want to convert your entire contact form into a newsletter subscription form (without users having to tick a checkbox). If so, then this guide is for you. And the best part is, you’ll be able to…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/contact-form-7/">Read More</a></p></div></div></li><li class="wp-block-post post-6662 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-5 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/ninja-forms/" target="_self" >Ninja Forms</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">You can create newsletter subscription forms using Ninja Forms and then add new submissions to Noptin, Mailchimp, or any other email service provider that we support. To do this:- First, open any form in the Ninja Forms editor… … then click on the “Emails & Actions” tab to open the actions settings. Next, click on…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/ninja-forms/">Read More</a></p></div></div></li><li class="wp-block-post post-6698 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-6 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/wpforms/" target="_self" >WPForms</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">You can create newsletter subscription forms using WPForms and then add new submissions to Noptin, Mailchimp, or any other email service provider that we support. To do this:- First, click on any WPForms form to edit it … … then click on the settings tab to open the form settings. Next, click on the Noptin panel to open the…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/wpforms/">Read More</a></p></div></div></li><li class="wp-block-post post-6686 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-7 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/elementor-forms/" target="_self" >Elementor Forms</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">This guide shows you how to create newsletter subscription forms using Elementor. Noptin integrates with Elementor Forms allowing you to add new submissions to Noptin, Mailchimp, or any other email service provider that we support. To follow along with the guide, ensure that you have a copy of Elementor Pro since this integration depends on the Elementor…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/elementor-forms/">Read More</a></p></div></div></li><li class="wp-block-post post-6674 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-8 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/gravity-forms/" target="_self" >Gravity Forms</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">This guide shows you how to create a newsletter subscription form using Gravity forms. Noptin integrates with Gravity Forms allowing you to add new submissions to Noptin, Mailchimp or any other email service provider that we support. To do this:- First, click on the name of any Gravity Forms form to open it in the…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/gravity-forms/">Read More</a></p></div></div></li><li class="wp-block-post post-6718 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-9 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/wordpress-registration-forms/" target="_self" >WordPress Registration Forms</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">This guide shows you how to add a newsletter subscription checkbox to your WordPress user registration forms. You can then later notify them every time you publish a new blog post so that they can come back to your website and read it. Or send them a series of emails showing them how to use…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/wordpress-registration-forms/">Read More</a></p></div></div></li><li class="wp-block-post post-6708 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-10 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/wordpress-comment-forms/" target="_self" >WordPress Comment Forms</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">This guide shows you how to a newsletter subscription checkbox to your WordPress comment forms. You can then later notify them every time you publish a new blog post so that they can come back to your website and read it. To do this:- First, click on “Noptin > Settings” to open the Noptin settings…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/wordpress-comment-forms/">Read More</a></p></div></div></li><li class="wp-block-post post-6726 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-11 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/woocommerce-checkout/" target="_self" >WooCommerce Checkout</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">In this guide, you will learn how to add a newsletter subscription checkbox to your WooCommerce checkout forms. This way, your WooCommerce customers will have the option to subscribe to your newsletter whenever they buy something from you or create an account on your site. You can then later notify them whenever there is a…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/woocommerce-checkout/">Read More</a></p></div></div></li><li class="wp-block-post post-6736 guide-handbook type-guide-handbook status-publish hentry type-handbook"><div class="wp-block-group is-style-cyan-bluish-outline-shadow-small has-global-padding is-layout-constrained wp-container-core-group-is-layout-12 wp-block-group-is-layout-constrained" style="border-radius:5px;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)"><h2 class="wp-block-post-title"><a href="https://noptin.com/guide/getting-email-subscribers/edd-checkout/" target="_self" >EDD Checkout</a></h2><div class="has-link-color is-style-excerpt-truncate-3 wp-elements-4bcb556e6421373437dbe5990eceaca4 wp-block-post-excerpt"><p class="wp-block-post-excerpt__excerpt">This guide shows you how to add a newsletter subscription checkbox to your Easy Digital Downloads checkout page. You can then later notify them every time there is a discount on your website so that they can come back and shop again. Or send them a series of follow-up emails showing them how to use the products they bought…</p><p class="wp-block-post-excerpt__more-text"><a class="wp-block-post-excerpt__more-link" href="https://noptin.com/guide/getting-email-subscribers/edd-checkout/">Read More</a></p></div></div></li></ul></div></div></main><footer class="site-footer wp-block-template-part"><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-e073b5adeb1e85eb54ad281ed8979f40 has-global-padding is-layout-constrained wp-container-core-group-is-layout-24 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-46cf3f879b66b5ebb30bec300951a2fa is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-23 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></footer></div><div id="noptin-form-4__wrapper" class="noptin-optin-main-wrapper noptin-form-id-12975 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-4__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"><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-4" 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-4__field-first_name--wrapper" ><div class="noptin-field-first_name"> <label class="noptin-label" for="noptin-form-4__field-first_name">First Name</label> <input name="noptin_fields[first_name]" id="noptin-form-4__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-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 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="4" /><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-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-203 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-5__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"><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-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: #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-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: #fafafa;color: #ff5722;" /></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="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-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-202 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-6__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"><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-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: #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-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: #191919;color: #ffeb3b;" /></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="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-6__wrapper" > <span aria-hidden="true">×</span> </button></div></div></div><div id="noptin-form-7__wrapper" class="noptin-optin-main-wrapper noptin-form-id-201 noptin-popup-main-wrapper" aria-hidden="true" tabindex="-1" aria-labelledby="noptin-form-7__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"><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-7" 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-7__field-email--wrapper" ><div class="noptin-field-email"> <label class="noptin-label" for="noptin-form-7__field-email">Email Address</label> <input name="noptin_fields[email]" id="noptin-form-7__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-7__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="7" /><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-7__wrapper" > <span aria-hidden="true">×</span> </button></div></div></div><div class="noptin-popup-backdrop"></div><script src="data:text/javascript;base64,dmFyIEZyZWVTY291dFc9e3M6eyJjb2xvciI6IiNmYjFhNjIiLCJwb3NpdGlvbiI6ImJyIiwiaWQiOjE2MTk5MjEyNTh9fTsoZnVuY3Rpb24oZCxlLHMpe2lmKGQuZ2V0RWxlbWVudEJ5SWQoImZyZWVzY291dC13IikpcmV0dXJuO2E9ZC5jcmVhdGVFbGVtZW50KGUpO209ZC5nZXRFbGVtZW50c0J5VGFnTmFtZShlKVswXTthLmFzeW5jPTE7YS5pZD0iZnJlZXNjb3V0LXciO2Euc3JjPXM7bS5wYXJlbnROb2RlLmluc2VydEJlZm9yZShhLG0pfSkoZG9jdW1lbnQsInNjcmlwdCIsImh0dHBzOi8vc3VwcG9ydC5ub3B0aW4uY29tL21vZHVsZXMvZW5kdXNlcnBvcnRhbC9qcy93aWRnZXQuanM/dj0xMjc1Iik=" defer></script><script data-optimized="1" defer src="https://noptin.com/wp-content/litespeed/js/f971880d776180c573f7d904af2afc63.js?ver=afc63" id="akismet-frontend-js"></script> <script data-optimized="1" src="https://noptin.com/wp-content/litespeed/js/205677098199be84f6b0117c9b05185d.js?ver=5185d" id="comment-reply-js" data-wp-strategy="async" defer data-deferred="1"></script> <script id="wp-block-template-skip-link-js-after" src="data:text/javascript;base64,KGZ1bmN0aW9uKCl7dmFyIHNraXBMaW5rVGFyZ2V0PWRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ21haW4nKSxzaWJsaW5nLHNraXBMaW5rVGFyZ2V0SUQsc2tpcExpbms7aWYoIXNraXBMaW5rVGFyZ2V0KXtyZXR1cm59CnNpYmxpbmc9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLndwLXNpdGUtYmxvY2tzJyk7aWYoIXNpYmxpbmcpe3JldHVybn0Kc2tpcExpbmtUYXJnZXRJRD1za2lwTGlua1RhcmdldC5pZDtpZighc2tpcExpbmtUYXJnZXRJRCl7c2tpcExpbmtUYXJnZXRJRD0nd3AtLXNraXAtbGluay0tdGFyZ2V0Jztza2lwTGlua1RhcmdldC5pZD1za2lwTGlua1RhcmdldElEfQpza2lwTGluaz1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCdhJyk7c2tpcExpbmsuY2xhc3NMaXN0LmFkZCgnc2tpcC1saW5rJywnc2NyZWVuLXJlYWRlci10ZXh0Jyk7c2tpcExpbmsuaHJlZj0nIycrc2tpcExpbmtUYXJnZXRJRDtza2lwTGluay5pbm5lckhUTUw9J1NraXAgdG8gY29udGVudCc7c2libGluZy5wYXJlbnRFbGVtZW50Lmluc2VydEJlZm9yZShza2lwTGluayxzaWJsaW5nKX0oKSk=" defer></script> <script data-optimized="1" src="https://noptin.com/wp-content/litespeed/js/7be98033db57b5338cff781ee9c2ff09.js?ver=2ff09" id="noptin-popups-js" defer data-deferred="1"></script> <script id="noptin-form-js-extra" src="data:text/javascript;base64,dmFyIG5vcHRpblBhcmFtcz17ImFqYXh1cmwiOiJodHRwczpcL1wvbm9wdGluLmNvbVwvd3AtYWRtaW5cL2FkbWluLWFqYXgucGhwIiwicmVzdHVybCI6Imh0dHBzOlwvXC9ub3B0aW4uY29tXC93cC1qc29uXC9ub3B0aW5cL3YxXC9mb3JtIiwibm9uY2UiOiIwYTcxMzBkYzcxIiwiY29va2llIjoiIiwiY29ubmVjdF9lcnIiOiJDb3VsZCBub3QgZXN0YWJsaXNoIGEgY29ubmVjdGlvbiB0byB0aGUgc2VydmVyLiIsImNvb2tpZV9wYXRoIjoiXC8ifQ==" defer></script> <script data-optimized="1" src="https://noptin.com/wp-content/litespeed/js/5dba3a06b8345d0224e31c9dcb76b041.js?ver=6b041" id="noptin-form-js" defer data-deferred="1"></script> <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script></body></html> <!-- Page optimized by LiteSpeed Cache @2024-11-22 21:52:03 --> <!-- Page cached by LiteSpeed Cache 6.5.2 on 2024-11-22 21:52:03 -->