CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="text/html"/> <link rel="dns-prefetch" href="https://www.googletagmanager.com"> <link rel="dns-prefetch" href="https://www.google-analytics.com"> <link rel="dns-prefetch" href="https://fonts.googleapis.com" > <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel="preconnect" href="//hb.wpmucdn.com">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-54R359');</script>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="pingback" href="https://www.practicalecommerce.com/xmlrpc.php" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>5 Things to Consider When Using Popovers - Practical Ecommerce</title><style id="wphb-used-css-post">@charset "UTF-8";body{--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--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--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--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--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)}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMQg.ttf) format('truetype')}a,body,div,form,h1,h6,html,i,iframe,img,li,p,section,span,ul{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{height:100%;background:linear-gradient(0deg,#f6f7f8 189px,#f6f7f8 11900px,#fff 100%)}body,html{overflow-x:hidden}body{background:#fff;font-family:'Open Sans',sans-serif;color:#111;font-size:14px;line-height:1.5}body .main{background:#fff}body .header.row,body .main.row{box-sizing:border-box;padding-left:40px;padding-right:40px}.container{position:relative}.row{margin:0 auto;min-width:420px;width:100%;max-width:1200px}.column{float:left;display:inline;min-height:1px;position:relative}.column{margin-bottom:18px;margin-left:3.08%}.column:first-child{margin-left:0}.main>.content{min-height:600px}@media only screen and (max-width:768px){.container{padding:0 30px}.row{margin:0 auto;min-width:0}.row>.column{border:none;margin-left:0}.row>.col4,.row>.col8{width:100%}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after{clear:both}.row{zoom:1}section{display:block}ul{list-style:none}.col8{width:65.6%;margin-right:3.8em}.col4{width:26.5%}.desktop-only{display:block}img{max-width:100%;height:auto}h6 a{font-weight:inherit}h1{font-size:25px}h6{font-size:15px}ul{list-style:disc}li{margin-left:30px}h1,h6,p,ul{margin-bottom:20px}h6{font-weight:600}a{text-decoration:none}a{color:#333}input{font-family:'Open Sans',Arial,'Helvetica Neue',Helvetica,sans-serif}input[type=text]{padding:5px 2px;border:1px solid #ccc}p{line-height:1.6}.menu{margin:0;list-style:none;font-size:18px}.menu li{margin:0;float:left;display:inline}.menu a{display:block;padding:.5px}body>.main{position:relative;padding-top:20px;margin-top:117px}@media (max-width:1020px){body>.main{margin-top:65px}}@media screen and (max-width:768px){.header{text-align:center}.header input{display:inline-block}}@media (max-width:768px){body .main .content .column.col8{margin-bottom:0}}@media (max-width:420px){body>.main{margin-top:80px}}@media (max-width:1240px){.col8{width:64%}.main .row .col8{width:62%}}@media (max-width:786px){.main .row .col8{width:100%}.desktop-only{display:none}}.header-container{position:fixed;z-index:5;left:0;right:0;background:#fff;box-shadow:0 0 8px #888;min-height:67px}.header-container .header{padding-top:1.2em;z-index:10;position:relative;min-height:67px;box-sizing:border-box}.header-container .header>.full-menu-column{margin-bottom:0;z-index:5;float:left;margin-right:20px;display:none}.header-container .header>.full-menu-column .hamburger{padding-top:10px;vertical-align:top;z-index:11}.header-container .header>.full-menu-column .hamburger .hamburger-inner,.header-container .header>.full-menu-column .hamburger .hamburger-inner:after,.header-container .header>.full-menu-column .hamburger .hamburger-inner:before{background-color:#1a4480}.header-container .header>.full-menu-column #full-menu-container{display:none;position:absolute;z-index:9000;background:#e3e3e3;color:#fff;padding-top:30px;padding-bottom:30px;width:100%;min-height:300px}.header-container .header>.full-menu-column #full-menu-container:before{content:'';background-color:#e3e3e3;margin-left:-2000px;margin-right:-2000px;top:0;bottom:0;position:absolute;left:0;right:0;display:block;z-index:-1;min-height:calc(100vh - 65px)}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu{position:absolute;width:100%}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu a{color:#111;text-decoration:none;font-size:14px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li{width:25%;float:left}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link{position:absolute;left:0}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link+li{margin-top:30px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li>a{text-transform:uppercase;font-weight:700}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link~.featured-link{left:25%}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li ul.sub-menu>li{display:block;width:100%;padding-top:5px;float:none}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li>ul.sub-menu>li.menu-item-has-children>.sub-menu{display:none}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li>ul.sub-menu>li.menu-item-has-children>.sub-menu>li{padding-left:10px}.header-container .header>.logo-column{margin-left:0;margin-bottom:0;z-index:0;float:left}.header-container .header>.logo-column .logo{max-width:100%;background-image:url(wp-content/themes/pec/img/logo.svg);background-repeat:no-repeat;background-size:100%;width:283px;height:34px;margin:0 auto}.header-container .header>.nav-column{z-index:5;margin-bottom:0;margin-left:0;position:absolute;right:40px;width:750px;top:1.2em}.header-container .header>.nav-column .search-toggle{font-size:20px;color:#000;float:right;margin-top:3px;padding-left:10px;padding-right:10px}.header-container .header>.nav-column .primary-menu-container.desktop-only{display:block}.header-container .header>.nav-column #header-search-container{clear:both;display:none}.header-container .header>.nav-column #header-search-container #searchform{padding:0;overflow:hidden;vertical-align:top;text-align:right;display:inline-block}.header-container .header>.nav-column #header-search-container #searchform input{font-size:12px}.header-container .header>.nav-column #header-search-container #searchform input#s{margin:0;height:23px;border:none;border-bottom:1px solid #ccc;margin-right:10px;width:250px;padding-left:10px;font-size:16px;vertical-align:top}.header-container .header>.nav-column #header-search-container #searchsubmit{font-size:20px;background-color:#1a4480;color:#fff;float:right;margin-left:10px;margin-top:3px;padding-left:10px;padding-right:10px;border:none;line-height:30px;padding-top:0;padding-bottom:0}.header-container .header>.nav-column #header-search-container .search-close{border:none;font-size:24px;font-weight:400;line-height:32px;padding-left:10px;padding-right:10px;background:#fff;color:#1a4480}.header-container .header>.nav-column #header-search-container .search-close i.fa{zoom:1;opacity:1}.header-container .header>.nav-column+.newsletter-signup{right:calc(-100vw);top:14px}.header-container .header .newsletter-signup{width:220px;position:absolute;right:0;top:5px;background:#fff}.header-container .header .newsletter-signup a.sign-up-button{background:#00b0ec;color:#fff;height:40px;line-height:40px;display:block;padding-left:30px;padding-right:30px;text-transform:uppercase;font-size:13px;font-family:'Open Sans',sans-serif;font-weight:700}.header-container .header .newsletter-signup a.sign-up-button .fa{margin-right:5dx}@media (max-width:1200px){.header-container.container .header .nav-column{right:40px}.header-container.container .header .nav-column .search-toggle{padding-left:5px;padding-right:5px}.header-container.container .header .nav-column+.newsletter-signup{width:160px}.header-container.container .header .newsletter-signup .sign-up-button:after{top:-20px;width:120px}}@media (max-width:1100px){.header-container .header .nav-column{width:50px}.header-container .header .newsletter-signup{display:none}.header-container .header .logo-column{width:70%;text-align:center;position:absolute;left:15%;right:15%;box-sizing:border-box;z-index:-1;top:1.2em}.header-container .header>.full-menu-column{display:block}}@media (max-width:786px){.header-container .header>.full-menu-column #full-menu-container #menu-full-menu{position:relative}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu a{font-size:18px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li{width:100%;float:none;margin-top:40px;text-align:center;display:block}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link{position:relative;left:auto}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link+li{margin-top:40px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link~.featured-link{left:auto}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.menu-item-has-children .menu-item-has-children ul.sub-menu{margin-bottom:0}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.menu-item-has-children .menu-item-has-children ul.sub-menu>li{background:#eef3fb;margin-top:1px;margin-bottom:1px;padding-left:0!important}}@media (max-width:420px){.header-container.container{height:90px}.header-container.container .header.row{padding-left:10px;padding-right:10px}.header-container.container .header .full-menu-column{margin-top:10px}.header-container.container .header .full-menu-column #full-menu-container{margin-top:18px;left:0}.header-container.container .header .full-menu-column #full-menu-container:before{top:-3px}.header-container.container .header>.logo-column .logo{background-image:url("wp-content/themes/pec/img/logo-stacked.svg");background-repeat:no-repeat;background-size:100%;width:140px;height:60px}.header-container.container .header #header-search-container{margin-top:10px}.header-container.container .header #header-search-container .search-close{padding-left:14px;padding-right:14px}.header-container.container .header .nav-column{width:100%;left:0;right:0}.header-container.container .header .nav-column .search-toggle{position:absolute;right:10px;margin-top:13px}}body .pec-partners-wrapper.partners-top{min-height:268px}body .pec-partners-wrapper.partners-sidebar{min-height:268px}body .pec-partners-wrapper .ad-label{text-align:center;color:#606060;font-size:.75rem;line-height:1.125rem}body .pec-partners-wrapper .zone{display:none}body>.partners-top.row{margin-top:77px;padding-top:20px;text-align:center;width:100%}body>.partners-top.row+.main{margin-top:0;padding-top:20px}.partners-sidebar{text-align:center;width:302px}@media (min-width:769px){.partners-sidebar{margin-top:63px}}@media (max-width:1020px){body>.partners-top.row{margin-top:70px}}@media (max-width:768px){body .pec-partners-wrapper.partners-sidebar,body>.pec-partners-wrapper.partners-top{min-height:306px}body>.partners-top.row+.main{padding-top:10px;padding-left:10px;padding-right:10px}}@media (max-width:420px){body>.partners-top.row{margin-top:100px}}div.newsletter-form{color:#000;background-color:#f9d586;font-family:'Open Sans Condensed',sans-serif;margin-bottom:20px;padding:14px;width:244px;min-width:272px;clear:both}div.newsletter-form .newsletter-cover{float:left;width:120px}div.newsletter-form .newsletter-title{font-size:1.3em;text-align:left;font-weight:600;margin-bottom:.5em;float:left;width:150px;line-height:.98em}div.newsletter-form .newsletter-title .heading{font-size:.95em;text-transform:uppercase;margin:0!important;text-align:left;font-weight:600;width:100%}div.newsletter-form .newsletter-title .subheading{font-size:.75em;font-weight:600;width:100%;margin:5px 0 0!important;font-style:italic;text-align:left}div.newsletter-form .signupform{clear:left;padding-top:.5em}@font-face{font-family:FontAwesome;src:url("/wp-content/themes/pec/fonts/fontawesome.eot");src:url("/wp-content/themes/pec/fonts/fontawesome.eot?#iefix") format("embedded-opentype"),url("/wp-content/themes/pec/fonts/fontawesome.woff") format("woff"),url("/wp-content/themes/pec/fonts/fontawesome.ttf") format("truetype"),url("/wp-content/themes/pec/fonts/fontawesome.svg#fontawesomeregular") format("svg");font-weight:400;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-search:before{content:"\f002"}.fa-envelope:before{content:"\f0e0"}.fa-close:before{content:"\f00d"}.fa-chevron-down:before{content:"\f078"}.hamburger{padding:15px 15px;display:inline-block;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger-box{width:20px;height:18px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:20px;height:4px;background-color:#000;border-radius:4px;position:absolute}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:7px}.hamburger--slider .hamburger-inner:after{top:14px}.sidebar{width:26.5%;margin-left:3.08%;margin-bottom:18px}.sidebar .sidebar-tabs{width:300px;min-height:50px;margin:20px 0;overflow:hidden;border:1px solid #ccc;font-family:'Open Sans',sans-serif;font-weight:600}.sidebar .sidebar-tabs ul{border-top:1px dotted #ccc;margin-top:.5em;margin:0 15px;padding:0;list-style:none}section.sidebar-tabs{width:300px;max-width:305px;min-height:50px;margin:20px 0;overflow:hidden;background-color:#fff;border:1px solid #ccc}.sidebar-tab-title{display:block;font-family:'Open Sans Condensed',sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;margin:10px auto;width:55px;color:#000}#sidebar-tab-popular ul li a{font-size:16px;color:#000}#sidebar-tab-popular ul{margin:0;padding:0;list-style:none;margin-top:.5em;border-top:1px solid #ccc}#sidebar-tab-popular ul li{padding:4px 0 7px}#sidebar-tab-popular ul li:first-child{margin-top:0}#sidebar-tab-popular ul li a{display:block;overflow:hidden;line-height:110%;padding-top:8px}#sidebar-tab-popular img{position:relative;width:60px;height:auto;overflow:hidden;border:1px solid #000;margin:0 10px;float:left}section.sidebar-tabs{font-family:'Open Sans',sans-serif;font-weight:600}@media (max-width:500px){section.sidebar-tabs{max-width:100%}}#sidebar-tab-popular ul li{overflow:hidden;margin:-7px auto 6px;clear:both;padding:4px 0}@media (max-width:768px){.sidebar{float:none;clear:both;display:block}}.pec-social-post{width:auto;float:right}.pec-social-post ul{overflow:visible;height:30px;margin:0 0 1em 0;padding:0;list-style:none;text-align:left}.pec-social-post ul li{display:inline-block;list-style-type:none;margin-left:0;margin-right:10px}.pec-social-post ul li:last-of-type{margin-right:0}.pec-social-post ul li a{display:block}.pec-social-post ul li a img{opacity:1}.pec-social-post ul li a.copy-pec-link{position:relative}.pec-social-post ul li a.copy-pec-link .copy-alert{position:absolute;left:50px;top:2px;color:#1a4480;padding:5px 10px;text-wrap:nowrap;border-radius:5px;background-color:#e2e2e2}#boxes #dialog{max-width:800px;height:auto;white-space:normal;overflow:visible;padding:30px;background-color:#f6f7f8;color:#fff;font-family:Georgia!important;font-size:15px!important;margin:15px;border:1px solid #eeefef!important}#boxes .window{position:fixed;left:0;top:0;width:auto;height:auto;display:none;z-index:9999;padding:20px;border-radius:1px!important;-moz-border-radius:1px!important;-webkit-border-radius:1px!important;box-shadow:0 0 18px rgba(0,0,0,.4)}#boxes .window .newsletter-form{width:450px;background:0 0;margin-bottom:0}#boxes .window .newsletter-form .newsletter-cover{right:0;left:auto;top:10px;position:absolute;width:auto}#boxes .window .newsletter-form .newsletter-cover img{width:180px}#boxes .window .newsletter-form .newsletter-form-content{margin-right:0;margin-left:0;width:80%}#boxes .window .newsletter-form .newsletter-form-content .email-icon{margin-bottom:5px}#boxes .window .newsletter-form .newsletter-form-content .newsletter-title{width:100%;display:block;text-align:left}#boxes .window .newsletter-form .newsletter-form-content .newsletter-title .heading,#boxes .window .newsletter-form .newsletter-form-content .newsletter-title .subheading{text-align:left;margin-bottom:20px;font-size:22px;line-height:22px;letter-spacing:.5px}#boxes .window .newsletter-form .newsletter-form-content .newsletter-title .subheading{margin-top:10px!important}#boxes .window .newsletter-form .newsletter-form-content .signupform .newsletter-link-button{color:#000!important;border:none;background:#f6b53c!important;padding:15px 50px;font-weight:700;text-transform:uppercase;display:inline-block;font-size:15px;font-family:'Open Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;margin:10px 0 10px}#boxes .window .close{left:-19px;margin:0;padding:0;position:absolute;top:-19px;border-radius:30px;background:#333;border:2px solid #fff;width:24px;height:24px;color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:400;line-height:22px;text-align:center}.single-post .entry-meta.meta-detail h6 a[rel=author]{text-decoration:underline}.single-post .cat-link{color:#00b0ec!important;font-size:12px;text-transform:uppercase;text-decoration:none;display:inline-block;margin-bottom:2px}.single-post .post-footer .article-sharing .copy-pec-link .copy-alert{position:absolute;left:50px;top:5px;color:#1a4480;padding:5px 10px;text-wrap:nowrap;border-radius:5px;background-color:#e2e2e2}@media (max-width:768px){.pec-social-post{float:none!important;clear:both;margin:0 auto;margin-top:.85em}}@media (max-width:420px){.pec-social-post{margin-top:2em}}.wp-caption{margin-top:.4em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:1.625em;max-width:96%;padding:10px 23px 0 9px;font-size:14px!important}.wp-caption img{display:block;margin:0 auto;max-width:98%;border:1px solid #cfcfcf;float:none;margin-right:auto}.col8 .entry-content a:not(.preview-lazyload){color:#333!important;background-position:0 87%,100% 87%,0 95%;background:linear-gradient(#fff,#fff) no-repeat scroll 0 87%/.05em 1px,linear-gradient(#fff,#fff) no-repeat scroll 100% 87%/.05em 1px,rgba(0,0,0,0) linear-gradient(#333,#333) repeat-x scroll 0 92%/1px 1px;text-shadow:0 1px 0 #fff,0 0 0 #fff,0 -1px 0 #fff,0 0 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,1px 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,0 -3px 0 #fff;box-sizing:border-box;text-decoration:none}.entry-content{font-size:16px;color:#333}.entry-content a{color:#333!important;text-decoration:underline}.entry-content img{border:1px solid #cfcfcf}body.single h1.entry-header{font-size:26px;margin-bottom:0;border-bottom:1px solid #ccc;font-weight:600}.content-pad{margin-top:1em}.entry-meta-con{float:left;width:100%;margin-bottom:1em}.meta-detail{float:left}.entry-meta h6{margin:.4em 0 .8em 0;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-family:'Open Sans',sans-serif;font-size:14px!important;margin-top:-4px!important}@media (max-width:1009px){.col8{margin-right:1em;width:61.2%}}@media (max-width:500px){.container{padding:0}}@media (max-width:768px){.sidebar div,.sidebar section.sidebar-tabs{margin-left:auto;margin-right:auto}.col8{width:100%}.container{padding:0}}a,body,div,form,h1,h6,html,i,iframe,img,li,p,section,span,ul{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{height:100%;background:linear-gradient(0deg,#f6f7f8 189px,#f6f7f8 11900px,#fff 100%)}body,html{overflow-x:hidden}body{background:#fff;font-family:'Open Sans',sans-serif;color:#111;font-size:14px;line-height:1.5}body .main{background:#fff}body .header.row,body .main.row{box-sizing:border-box;padding-left:40px;padding-right:40px}.container{position:relative}.row{margin:0 auto;min-width:420px;width:100%;max-width:1200px}.column{float:left;display:inline;min-height:1px;position:relative}.column{margin-bottom:18px;margin-left:3.08%}.column:first-child{margin-left:0}.main>.content{min-height:600px}@media only screen and (max-width:768px){.container{padding:0 30px}.row{margin:0 auto;min-width:0}.row>.column{border:none;margin-left:0}.row>.col4,.row>.col8{width:100%}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after{clear:both}.row{zoom:1}section{display:block}ul{list-style:none}.col8{width:65.6%;margin-right:3.8em}.col4{width:26.5%}.desktop-only{display:block}img{max-width:100%;height:auto}h6 a{font-weight:inherit}h1{font-size:25px}h6{font-size:15px}ul{list-style:disc}li{margin-left:30px}h1,h6,p,ul{margin-bottom:20px}h6{font-weight:600}a{text-decoration:none}a{color:#333}input{font-family:'Open Sans',Arial,'Helvetica Neue',Helvetica,sans-serif}input[type=text]{padding:5px 2px;border:1px solid #ccc}p{line-height:1.6}.menu{margin:0;list-style:none;font-size:18px}.menu li{margin:0;float:left;display:inline}.menu a{display:block;padding:.5px}body>.main{position:relative;padding-top:20px;margin-top:117px}@media (max-width:1020px){body>.main{margin-top:65px}}@media screen and (max-width:768px){.header{text-align:center}.header input{display:inline-block}}@media (max-width:768px){body .main .content .column.col8{margin-bottom:0}}@media (max-width:420px){body>.main{margin-top:80px}}@media (max-width:1240px){.col8{width:64%}.main .row .col8{width:62%}}@media (max-width:786px){.main .row .col8{width:100%}.desktop-only{display:none}}.header-container{position:fixed;z-index:5;left:0;right:0;background:#fff;box-shadow:0 0 8px #888;min-height:67px}.header-container .header{padding-top:1.2em;z-index:10;position:relative;min-height:67px;box-sizing:border-box}.header-container .header>.full-menu-column{margin-bottom:0;z-index:5;float:left;margin-right:20px;display:none}.header-container .header>.full-menu-column .hamburger{padding-top:10px;vertical-align:top;z-index:11}.header-container .header>.full-menu-column .hamburger .hamburger-inner,.header-container .header>.full-menu-column .hamburger .hamburger-inner:after,.header-container .header>.full-menu-column .hamburger .hamburger-inner:before{background-color:#1a4480}.header-container .header>.full-menu-column #full-menu-container{display:none;position:absolute;z-index:9000;background:#e3e3e3;color:#fff;padding-top:30px;padding-bottom:30px;width:100%;min-height:300px}.header-container .header>.full-menu-column #full-menu-container:before{content:'';background-color:#e3e3e3;margin-left:-2000px;margin-right:-2000px;top:0;bottom:0;position:absolute;left:0;right:0;display:block;z-index:-1;min-height:calc(100vh - 65px)}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu{position:absolute;width:100%}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu a{color:#111;text-decoration:none;font-size:14px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li{width:25%;float:left}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link{position:absolute;left:0}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link+li{margin-top:30px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li>a{text-transform:uppercase;font-weight:700}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link~.featured-link{left:25%}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li ul.sub-menu>li{display:block;width:100%;padding-top:5px;float:none}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li>ul.sub-menu>li.menu-item-has-children>.sub-menu{display:none}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li>ul.sub-menu>li.menu-item-has-children>.sub-menu>li{padding-left:10px}.header-container .header>.logo-column{margin-left:0;margin-bottom:0;z-index:0;float:left}.header-container .header>.logo-column .logo{max-width:100%;background-image:url(wp-content/themes/pec/img/logo.svg);background-repeat:no-repeat;background-size:100%;width:283px;height:34px;margin:0 auto}.header-container .header>.nav-column{z-index:5;margin-bottom:0;margin-left:0;position:absolute;right:40px;width:750px;top:1.2em}.header-container .header>.nav-column .search-toggle{font-size:20px;color:#000;float:right;margin-top:3px;padding-left:10px;padding-right:10px}.header-container .header>.nav-column .primary-menu-container.desktop-only{display:block}.header-container .header>.nav-column #header-search-container{clear:both;display:none}.header-container .header>.nav-column #header-search-container #searchform{padding:0;overflow:hidden;vertical-align:top;text-align:right;display:inline-block}.header-container .header>.nav-column #header-search-container #searchform input{font-size:12px}.header-container .header>.nav-column #header-search-container #searchform input#s{margin:0;height:23px;border:none;border-bottom:1px solid #ccc;margin-right:10px;width:250px;padding-left:10px;font-size:16px;vertical-align:top}.header-container .header>.nav-column #header-search-container #searchsubmit{font-size:20px;background-color:#1a4480;color:#fff;float:right;margin-left:10px;margin-top:3px;padding-left:10px;padding-right:10px;border:none;line-height:30px;padding-top:0;padding-bottom:0}.header-container .header>.nav-column #header-search-container .search-close{border:none;font-size:24px;font-weight:400;line-height:32px;padding-left:10px;padding-right:10px;background:#fff;color:#1a4480}.header-container .header>.nav-column #header-search-container .search-close i.fa{zoom:1;opacity:1}.header-container .header>.nav-column+.newsletter-signup{right:calc(-100vw);top:14px}.header-container .header .newsletter-signup{width:220px;position:absolute;right:0;top:5px;background:#fff}.header-container .header .newsletter-signup a.sign-up-button{background:#00b0ec;color:#fff;height:40px;line-height:40px;display:block;padding-left:30px;padding-right:30px;text-transform:uppercase;font-size:13px;font-family:'Open Sans',sans-serif;font-weight:700}.header-container .header .newsletter-signup a.sign-up-button .fa{margin-right:5dx}@media (max-width:1200px){.header-container.container .header .nav-column{right:40px}.header-container.container .header .nav-column .search-toggle{padding-left:5px;padding-right:5px}.header-container.container .header .nav-column+.newsletter-signup{width:160px}.header-container.container .header .newsletter-signup .sign-up-button:after{top:-20px;width:120px}}@media (max-width:1100px){.header-container .header .nav-column{width:50px}.header-container .header .newsletter-signup{display:none}.header-container .header .logo-column{width:70%;text-align:center;position:absolute;left:15%;right:15%;box-sizing:border-box;z-index:-1;top:1.2em}.header-container .header>.full-menu-column{display:block}}@media (max-width:786px){.header-container .header>.full-menu-column #full-menu-container #menu-full-menu{position:relative}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu a{font-size:18px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li{width:100%;float:none;margin-top:40px;text-align:center;display:block}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link{position:relative;left:auto}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link+li{margin-top:40px}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.featured-link~.featured-link{left:auto}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.menu-item-has-children .menu-item-has-children ul.sub-menu{margin-bottom:0}.header-container .header>.full-menu-column #full-menu-container #menu-full-menu>li.menu-item-has-children .menu-item-has-children ul.sub-menu>li{background:#eef3fb;margin-top:1px;margin-bottom:1px;padding-left:0!important}}@media (max-width:420px){.header-container.container{height:90px}.header-container.container .header.row{padding-left:10px;padding-right:10px}.header-container.container .header .full-menu-column{margin-top:10px}.header-container.container .header .full-menu-column #full-menu-container{margin-top:18px;left:0}.header-container.container .header .full-menu-column #full-menu-container:before{top:-3px}.header-container.container .header>.logo-column .logo{background-image:url("wp-content/themes/pec/img/logo-stacked.svg");background-repeat:no-repeat;background-size:100%;width:140px;height:60px}.header-container.container .header #header-search-container{margin-top:10px}.header-container.container .header #header-search-container .search-close{padding-left:14px;padding-right:14px}.header-container.container .header .nav-column{width:100%;left:0;right:0}.header-container.container .header .nav-column .search-toggle{position:absolute;right:10px;margin-top:13px}}body .pec-partners-wrapper.partners-top{min-height:268px}body .pec-partners-wrapper.partners-sidebar{min-height:268px}body .pec-partners-wrapper .ad-label{text-align:center;color:#606060;font-size:.75rem;line-height:1.125rem}body .pec-partners-wrapper .zone{display:none}body>.partners-top.row{margin-top:77px;padding-top:20px;text-align:center;width:100%}body>.partners-top.row+.main{margin-top:0;padding-top:20px}.partners-sidebar{text-align:center;width:302px}@media (min-width:769px){.partners-sidebar{margin-top:63px}}@media (max-width:1020px){body>.partners-top.row{margin-top:70px}}@media (max-width:768px){body .pec-partners-wrapper.partners-sidebar,body>.pec-partners-wrapper.partners-top{min-height:306px}body>.partners-top.row+.main{padding-top:10px;padding-left:10px;padding-right:10px}}@media (max-width:420px){body>.partners-top.row{margin-top:100px}}div.newsletter-form{color:#000;background-color:#f9d586;font-family:'Open Sans Condensed',sans-serif;margin-bottom:20px;padding:14px;width:244px;min-width:272px;clear:both}div.newsletter-form .newsletter-cover{float:left;width:120px}div.newsletter-form .newsletter-title{font-size:1.3em;text-align:left;font-weight:600;margin-bottom:.5em;float:left;width:150px;line-height:.98em}div.newsletter-form .newsletter-title .heading{font-size:.95em;text-transform:uppercase;margin:0!important;text-align:left;font-weight:600;width:100%}div.newsletter-form .newsletter-title .subheading{font-size:.75em;font-weight:600;width:100%;margin:5px 0 0!important;font-style:italic;text-align:left}div.newsletter-form .signupform{clear:left;padding-top:.5em}@font-face{font-family:FontAwesome;src:url("/wp-content/themes/pec/fonts/fontawesome.eot");src:url("/wp-content/themes/pec/fonts/fontawesome.eot?#iefix") format("embedded-opentype"),url("/wp-content/themes/pec/fonts/fontawesome.woff") format("woff"),url("/wp-content/themes/pec/fonts/fontawesome.ttf") format("truetype"),url("/wp-content/themes/pec/fonts/fontawesome.svg#fontawesomeregular") format("svg");font-weight:400;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-search:before{content:"\f002"}.fa-envelope:before{content:"\f0e0"}.fa-close:before{content:"\f00d"}.fa-chevron-down:before{content:"\f078"}.hamburger{padding:15px 15px;display:inline-block;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger-box{width:20px;height:18px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:20px;height:4px;background-color:#000;border-radius:4px;position:absolute}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:7px}.hamburger--slider .hamburger-inner:after{top:14px}.sidebar{width:26.5%;margin-left:3.08%;margin-bottom:18px}.sidebar .sidebar-tabs{width:300px;min-height:50px;margin:20px 0;overflow:hidden;border:1px solid #ccc;font-family:'Open Sans',sans-serif;font-weight:600}.sidebar .sidebar-tabs ul{border-top:1px dotted #ccc;margin-top:.5em;margin:0 15px;padding:0;list-style:none}section.sidebar-tabs{width:300px;max-width:305px;min-height:50px;margin:20px 0;overflow:hidden;background-color:#fff;border:1px solid #ccc}.sidebar-tab-title{display:block;font-family:'Open Sans Condensed',sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;margin:10px auto;width:55px;color:#000}#sidebar-tab-popular ul li a{font-size:16px;color:#000}#sidebar-tab-popular ul{margin:0;padding:0;list-style:none;margin-top:.5em;border-top:1px solid #ccc}#sidebar-tab-popular ul li{padding:4px 0 7px}#sidebar-tab-popular ul li:first-child{margin-top:0}#sidebar-tab-popular ul li a{display:block;overflow:hidden;line-height:110%;padding-top:8px}#sidebar-tab-popular img{position:relative;width:60px;height:auto;overflow:hidden;border:1px solid #000;margin:0 10px;float:left}section.sidebar-tabs{font-family:'Open Sans',sans-serif;font-weight:600}@media (max-width:500px){section.sidebar-tabs{max-width:100%}}#sidebar-tab-popular ul li{overflow:hidden;margin:-7px auto 6px;clear:both;padding:4px 0}@media (max-width:768px){.sidebar{float:none;clear:both;display:block}}.pec-social-post{width:auto;float:right}.pec-social-post ul{overflow:visible;height:30px;margin:0 0 1em 0;padding:0;list-style:none;text-align:left}.pec-social-post ul li{display:inline-block;list-style-type:none;margin-left:0;margin-right:10px}.pec-social-post ul li:last-of-type{margin-right:0}.pec-social-post ul li a{display:block}.pec-social-post ul li a img{opacity:1}.pec-social-post ul li a.copy-pec-link{position:relative}.pec-social-post ul li a.copy-pec-link .copy-alert{position:absolute;left:50px;top:2px;color:#1a4480;padding:5px 10px;text-wrap:nowrap;border-radius:5px;background-color:#e2e2e2}#boxes #dialog{max-width:800px;height:auto;white-space:normal;overflow:visible;padding:30px;background-color:#f6f7f8;color:#fff;font-family:Georgia!important;font-size:15px!important;margin:15px;border:1px solid #eeefef!important}#boxes .window{position:fixed;left:0;top:0;width:auto;height:auto;display:none;z-index:9999;padding:20px;border-radius:1px!important;-moz-border-radius:1px!important;-webkit-border-radius:1px!important;box-shadow:0 0 18px rgba(0,0,0,.4)}#boxes .window .newsletter-form{width:450px;background:0 0;margin-bottom:0}#boxes .window .newsletter-form .newsletter-cover{right:0;left:auto;top:10px;position:absolute;width:auto}#boxes .window .newsletter-form .newsletter-cover img{width:180px}#boxes .window .newsletter-form .newsletter-form-content{margin-right:0;margin-left:0;width:80%}#boxes .window .newsletter-form .newsletter-form-content .email-icon{margin-bottom:5px}#boxes .window .newsletter-form .newsletter-form-content .newsletter-title{width:100%;display:block;text-align:left}#boxes .window .newsletter-form .newsletter-form-content .newsletter-title .heading,#boxes .window .newsletter-form .newsletter-form-content .newsletter-title .subheading{text-align:left;margin-bottom:20px;font-size:22px;line-height:22px;letter-spacing:.5px}#boxes .window .newsletter-form .newsletter-form-content .newsletter-title .subheading{margin-top:10px!important}#boxes .window .newsletter-form .newsletter-form-content .signupform .newsletter-link-button{color:#000!important;border:none;background:#f6b53c!important;padding:15px 50px;font-weight:700;text-transform:uppercase;display:inline-block;font-size:15px;font-family:'Open Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;margin:10px 0 10px}#boxes .window .close{left:-19px;margin:0;padding:0;position:absolute;top:-19px;border-radius:30px;background:#333;border:2px solid #fff;width:24px;height:24px;color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:400;line-height:22px;text-align:center}.single-post .entry-meta.meta-detail h6 a[rel=author]{text-decoration:underline}.single-post .cat-link{color:#00b0ec!important;font-size:12px;text-transform:uppercase;text-decoration:none;display:inline-block;margin-bottom:2px}.single-post .post-footer .article-sharing .copy-pec-link .copy-alert{position:absolute;left:50px;top:5px;color:#1a4480;padding:5px 10px;text-wrap:nowrap;border-radius:5px;background-color:#e2e2e2}@media (max-width:768px){.pec-social-post{float:none!important;clear:both;margin:0 auto;margin-top:.85em}}@media (max-width:420px){.pec-social-post{margin-top:2em}}.wp-caption{margin-top:.4em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:1.625em;max-width:96%;padding:10px 23px 0 9px;font-size:14px!important}.wp-caption img{display:block;margin:0 auto;max-width:98%;border:1px solid #cfcfcf;float:none;margin-right:auto}.col8 .entry-content a:not(.preview-lazyload){color:#333!important;background-position:0 87%,100% 87%,0 95%;background:linear-gradient(#fff,#fff) no-repeat scroll 0 87%/.05em 1px,linear-gradient(#fff,#fff) no-repeat scroll 100% 87%/.05em 1px,rgba(0,0,0,0) linear-gradient(#333,#333) repeat-x scroll 0 92%/1px 1px;text-shadow:0 1px 0 #fff,0 0 0 #fff,0 -1px 0 #fff,0 0 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,1px 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,0 -3px 0 #fff;box-sizing:border-box;text-decoration:none}.entry-content{font-size:16px;color:#333}.entry-content a{color:#333!important;text-decoration:underline}.entry-content img{border:1px solid #cfcfcf}body.single h1.entry-header{font-size:26px;margin-bottom:0;border-bottom:1px solid #ccc;font-weight:600}.content-pad{margin-top:1em}.entry-meta-con{float:left;width:100%;margin-bottom:1em}.meta-detail{float:left}.entry-meta h6{margin:.4em 0 .8em 0;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-family:'Open Sans',sans-serif;font-size:14px!important;margin-top:-4px!important}@media (max-width:1009px){.col8{margin-right:1em;width:61.2%}}@media (max-width:500px){.container{padding:0}}@media (max-width:768px){.sidebar div,.sidebar section.sidebar-tabs{margin-left:auto;margin-right:auto}.col8{width:100%}.container{padding:0}}.primary-menu-container.desktop-only{display:none}.header-container .header>.nav-column .primary-menu-container ul.menu>li>a{display:inline-block;color:#666;text-decoration:none;font-size:13px;text-transform:uppercase;font-weight:700;line-height:36px;letter-spacing:.03em}.header-container .header>.nav-column .primary-menu-container ul.menu>li{float:none;display:inline-block;padding-left:6px;padding-right:6px}.header-container .header>.nav-column .primary-menu-container ul.menu>li ul{display:none}#spmask{position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none}#boxes .window{position:fixed;left:0;top:0;width:auto;height:auto;display:none;z-index:9999;padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 18px rgba(0,0,0,.4)}#boxes #dialog{max-width:800px;height:auto;white-space:normal;overflow:visible;padding:10px;border:0 solid #000}#boxes .window .close{right:-19px;margin:0;padding:0;position:absolute;top:-19px;border-radius:30px;background:#333;border:2px solid #fff;width:24px;height:24px;color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:400;line-height:22px;text-align:center}@media only screen and (max-width:768px){#spmask{display:none!important}#boxes #dialog{display:none!important}}.header-container .header>.nav-column .primary-menu-container{float:right}.header-container .header>.nav-column .primary-menu-container ul.menu>li{float:none;display:inline-block;padding-left:6px;padding-right:6px}.header-container .header>.nav-column .primary-menu-container ul.menu>li>a{display:inline-block;color:#666;text-decoration:none;font-size:13px;text-transform:uppercase;font-weight:700;line-height:36px;letter-spacing:.03em}.header-container .header>.nav-column .primary-menu-container ul.menu>li ul{display:none}.header-container .header>.nav-column .primary-menu-container ul.menu>li.categories-menu{position:relative;-webkit-transform:translateY(-100px);transform:translateY(-100px);display:none}.header-container .header>.nav-column .primary-menu-container ul.menu>li.spacer{display:inline-block!important}.header-container .header>.nav-column .primary-menu-container ul.menu>li.menu-item-has-children{position:relative}.header-container .header>.nav-column .primary-menu-container ul.menu>li.categories-menu i.fa.fa-chevron-down{-webkit-transform:rotate(0);transform:rotate(0)}@media (max-width:1100px){.header-container .header>.nav-column .primary-menu-container.desktop-only{display:none}}</style> <meta name="description" content="Good popovers close automatically when the user clicks elsewhere on the page. Ideally, they are configured to appear based on a visitor’s actions. Using popovers and overlays can boost conversions, but there are things to consider when implementing them." /> <link rel="canonical" href="https://www.practicalecommerce.com/5-things-consider-using-popovers" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="5 Things to Consider When Using Popovers" /> <meta property="og:description" content="Good popovers close automatically when the user clicks elsewhere on the page. Ideally, they are configured to appear based on a visitor’s actions. Using popovers and overlays can boost conversions, but there are things to consider when implementing them." /> <meta property="og:url" content="https://www.practicalecommerce.com/5-things-consider-using-popovers" /> <meta property="og:site_name" content="Practical Ecommerce" /> <meta property="article:publisher" content="https://www.facebook.com/practicalecommerce" /> <meta property="article:published_time" content="2018-07-22T13:08:04+00:00" /> <meta property="article:modified_time" content="2022-06-22T13:36:11+00:00" /> <meta property="og:image" content="https://www.practicalecommerce.com/wp-content/uploads/2018/07/5-Things-to-Consider-When-Using-Popovers.jpg" /> <meta property="og:image:width" content="360" /> <meta property="og:image:height" content="239" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Pamela Hazelton" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@pamelahazelton" /> <meta name="twitter:site" content="@practicalecomm" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Pamela Hazelton" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="3 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"NewsArticle","@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#article","isPartOf":{"@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers"},"author":{"name":"Pamela Hazelton","@id":"https://www.practicalecommerce.com/#/schema/person/af607f87375f5a66217c81af4e345d0d"},"headline":"5 Things to Consider When Using Popovers","datePublished":"2018-07-22T13:08:04+00:00","dateModified":"2022-06-22T13:36:11+00:00","mainEntityOfPage":{"@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers"},"wordCount":617,"commentCount":0,"publisher":{"@id":"https://www.practicalecommerce.com/#organization"},"image":{"@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#primaryimage"},"thumbnailUrl":"https://www.practicalecommerce.com/wp-content/uploads/2018/07/5-Things-to-Consider-When-Using-Popovers.jpg","articleSection":["Checkout Tactics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.practicalecommerce.com/5-things-consider-using-popovers#respond"]}]},{"@type":"WebPage","@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers","url":"https://www.practicalecommerce.com/5-things-consider-using-popovers","name":"5 Things to Consider When Using Popovers - Practical Ecommerce","isPartOf":{"@id":"https://www.practicalecommerce.com/#website"},"primaryImageOfPage":{"@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#primaryimage"},"image":{"@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#primaryimage"},"thumbnailUrl":"https://www.practicalecommerce.com/wp-content/uploads/2018/07/5-Things-to-Consider-When-Using-Popovers.jpg","datePublished":"2018-07-22T13:08:04+00:00","dateModified":"2022-06-22T13:36:11+00:00","description":"Good popovers close automatically when the user clicks elsewhere on the page. Ideally, they are configured to appear based on a visitor’s actions. Using popovers and overlays can boost conversions, but there are things to consider when implementing them.","breadcrumb":{"@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.practicalecommerce.com/5-things-consider-using-popovers"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#primaryimage","url":"https://www.practicalecommerce.com/wp-content/uploads/2018/07/5-Things-to-Consider-When-Using-Popovers.jpg","contentUrl":"https://www.practicalecommerce.com/wp-content/uploads/2018/07/5-Things-to-Consider-When-Using-Popovers.jpg","width":360,"height":239,"caption":"5 Things to Consider When Using Popovers"},{"@type":"BreadcrumbList","@id":"https://www.practicalecommerce.com/5-things-consider-using-popovers#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.practicalecommerce.com/"},{"@type":"ListItem","position":2,"name":"5 Things to Consider When Using Popovers"}]},{"@type":"WebSite","@id":"https://www.practicalecommerce.com/#website","url":"https://www.practicalecommerce.com/","name":"Practical Ecommerce","description":"E-commerce News, How to, Definitions, Stores, Help","publisher":{"@id":"https://www.practicalecommerce.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.practicalecommerce.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.practicalecommerce.com/#organization","name":"Practical Ecommerce","url":"https://www.practicalecommerce.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.practicalecommerce.com/#/schema/logo/image/","url":"https://www.practicalecommerce.com/wp-content/uploads/2017/12/practical-ecommerce-stacked-hires.jpg","contentUrl":"https://www.practicalecommerce.com/wp-content/uploads/2017/12/practical-ecommerce-stacked-hires.jpg","width":250,"height":100,"caption":"Practical Ecommerce"},"image":{"@id":"https://www.practicalecommerce.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/practicalecommerce","https://x.com/practicalecomm","https://www.linkedin.com/company/practical-ecommerce/"],"publishingPrinciples":"https://www.practicalecommerce.com/editorial-policy","ownershipFundingInfo":"https://www.practicalecommerce.com/about-us","actionableFeedbackPolicy":"https://www.practicalecommerce.com/contact","ethicsPolicy":"https://www.practicalecommerce.com/editorial-policy"},{"@type":"Person","@id":"https://www.practicalecommerce.com/#/schema/person/af607f87375f5a66217c81af4e345d0d","name":"Pamela Hazelton","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.practicalecommerce.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/e9afae9d2304b093cbec5cd24dee29c4?s=96&d=identicon&r=g","contentUrl":"https://secure.gravatar.com/avatar/e9afae9d2304b093cbec5cd24dee29c4?s=96&d=identicon&r=g","caption":"Pamela Hazelton"},"description":"Pamela Hazelton is a senior contributor to Practical Ecommerce, providing actionable articles and webinars since 2005. She's a pioneering online business consultant, marketer, and speaker. She is the author of The Official Guide to Miva Merchant books and additional ebooks on the topics of shopability and security. Pamela resides in Florida with her husband, Joe, her red beagle, and a black cat. Her site is PamelaHazelton.com. Email Pamela.","sameAs":["https://x.com/pamelahazelton"],"url":"https://www.practicalecommerce.com/author/pamela_hazelton"}]}</script>  <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//hb.wpmucdn.com' /> <link href='//hb.wpmucdn.com' rel='preconnect' /> <link href="https://fonts.googleapis.com" rel='preconnect' /> <link href='//fonts.gstatic.com' crossorigin='' rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="Practical Ecommerce » Feed" href="https://www.practicalecommerce.com/feed" /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--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--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--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--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--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);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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-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-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-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-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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='preload' href='https://hb.wpmucdn.com/www.practicalecommerce.com/1379c388-e39d-486f-9c1d-366f64452cc2.css' as="style" onload="this.onload=null;this.rel='stylesheet'" type='text/css' media='all' /> <style id='lazyload-video-css-inline-css' type='text/css'> .entry-content a.lazy-load-youtube, a.lazy-load-youtube, .lazy-load-vimeo{ background-size: cover; }.titletext.youtube { display: none; }.lazy-load-div:before { content: "\25B6"; text-shadow: 0px 0px 60px rgba(0,0,0,0.8); } </style> <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed%3A700%7COpen+Sans%3A400%2C600%2C700&display=swap&ver=6.5.5" /><link rel='stylesheet' id='pec-google-fonts-css' href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed%3A700%7COpen+Sans%3A400%2C600%2C700&display=swap&ver=6.5.5' type='text/css' media='print' onload='this.media="all"' /> <link rel='preload' href='https://hb.wpmucdn.com/www.practicalecommerce.com/9707657f-a0f6-4c32-b62b-da6baed5d073.css' as="style" onload="this.onload=null;this.rel='stylesheet'" type='text/css' media='all' /> <link rel='preload' href='https://hb.wpmucdn.com/www.practicalecommerce.com/286ddfc1-05a8-4fde-af1f-8f729528a0d4.css' as="style" onload="this.onload=null;this.rel='stylesheet'" type='text/css' media='all' /> <link rel='preload' href='https://hb.wpmucdn.com/www.practicalecommerce.com/d2fce8bf-9d1a-4082-84dd-23bf1888a10c.css' as="style" onload="this.onload=null;this.rel='stylesheet'" type='text/css' media='all' /> <link rel='preload' href='https://hb.wpmucdn.com/www.practicalecommerce.com/970e79a3-b659-4c8c-93e2-bdbeef21faf1.css' as="style" onload="this.onload=null;this.rel='stylesheet'" type='text/css' media='all' /> <script type="text/javascript" src="https://hb.wpmucdn.com/www.practicalecommerce.com/cd293c1a-b037-4ee3-8b06-0a468e1394bb.js" id="jquery-core-js"></script> <link rel="https://api.w.org/" href="https://www.practicalecommerce.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.practicalecommerce.com/wp-json/wp/v2/posts/157424" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.practicalecommerce.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.5.5" /> <link rel='shortlink' href='https://www.practicalecommerce.com/?p=157424' /> <link rel="alternate" type="application/json+oembed" href="https://www.practicalecommerce.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.practicalecommerce.com%2F5-things-consider-using-popovers" /> <link rel="alternate" type="text/xml+oembed" href="https://www.practicalecommerce.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.practicalecommerce.com%2F5-things-consider-using-popovers&format=xml" /> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#simple-popup').click(function(e) { e.preventDefault(); var id = jQuery(this).attr('href'); //var maskHeight = jQuery(document).height(); //var maskWidth = jQuery(window).width(); //jQuery('#spmask').css({'width':maskWidth,'height':maskHeight}); //jQuery('#spmask').fadeIn(1000); //jQuery('#spmask').fadeTo("slow",0.8); var winH = jQuery(window).height(); var winW = jQuery(window).width(); jQuery(id).css('top', winH-20-jQuery(id).height()-40); jQuery(id).css('left', 60); //jQuery(id).css('top', winH/2-jQuery(id).height()/2); //jQuery(id).css('left', winW/2-jQuery(id).width()/2); jQuery(id).animate({"left": "-=500px"}, 0); var patt=/\/newsletter-signup/g; var pat2=/\/upload/g; var pat3=/\/thank-you-for-confirming-your-email/g; if ( !patt.test(window.location) && !pat2.test(window.location) && !pat3.test(window.location) ) { jQuery(id).fadeIn(1); } jQuery(id).animate({"left": "+=500px"}, "slow"); }); jQuery('.window .close').click(function (e) { e.preventDefault(); //jQuery.cookie('popup_hide','true',{path: '/'}); jQuery.cookie('popup_hide','true',{expires: 90, path: '/', domain:'.www.practicalecommerce.com'}); jQuery('#spmask').hide(); jQuery('.window').hide(); }); jQuery(document).keyup(function(e) { if (e.keyCode == 27) { jQuery('.window .close').click(); } }); jQuery("#simple-popup").bind('click',function() { return false; }); if ( jQuery.cookie('popup_hide') != 'true' ) { setTimeout( function() { if ( jQuery.cookie('popup_hide') != 'true' ) { jQuery('#simple-popup').click(); } }, 15000 ); } }); </script> <style id="wpp-loading-animation-styles">@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-placeholder,.wpp-widget-block-placeholder,.wpp-shortcode-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear}</style> <script> /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ (function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}} var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=!1} return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){link.media=finalMedia} if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)} setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return} var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i++){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",!0);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}} if(typeof exports!=="undefined"){exports.loadCSS=loadCSS} else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this)) </script> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script>  <meta name="generator" content="Practical Ecommerce Theme" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://www.practicalecommerce.com/feed" /> <link rel="pingback" href="https://www.practicalecommerce.com/xmlrpc.php" /> <link rel="alternate" type="text/xml" title="RSS .92" href="https://www.practicalecommerce.com/feed/rss" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://www.practicalecommerce.com/feed/atom" /> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style> .algolia-search-highlight { background-color: #fffbcc; border-radius: 2px; font-style: normal; } </style> <style type="text/css" id="wp-custom-css"> /* You can add your own CSS here. Click the help icon above to learn more. */ </style> <link rel="preload" as="style" href="https://hb.wpmucdn.com/www.practicalecommerce.com/9707657f-a0f6-4c32-b62b-da6baed5d073.css"><link rel="preload" as="script" href="https://hb.wpmucdn.com/www.practicalecommerce.com/cd293c1a-b037-4ee3-8b06-0a468e1394bb.js"> <link rel="shortcut icon" href="https://www.practicalecommerce.com/wp-content/uploads/2014/04/favicon_x16.png"/> <link rel="apple-touch-icon" href="/wp-content/uploads/2015/05/practical-ecommerce-icon.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/wp-content/uploads/2015/05/practical-ecommerce-icon-114.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/wp-content/uploads/2015/05/practical-ecommerce-icon-114.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/wp-content/uploads/2015/05/practical-ecommerce-icon.png-144" /> <link rel="apple-touch-icon" sizes="144x144" href="/wp-content/uploads/2015/05/practical-ecommerce-icon-144.png" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript"> function pecDidAdLoad( element ) { return element.hasAttribute("data-modified"); } function pecAdLoaded(args, err) { var checkCount = 0; var adElement = document.getElementById( args.tagid ); // Put in a check that adds a class if an ad was actually loaded. var adCheckTimer = setInterval(function() { if( pecDidAdLoad( adElement ) ){ adElement.parentNode.classList.add('ad-loaded'); clearInterval( adCheckTimer); } if ( checkCount > 200 ) { clearInterval( adCheckTimer); } checkCount++; }, 250); } setTimeout(function() { jQuery('.pec-partners-wrapper').each(function(){ if( ! jQuery(this).find('.zone').attr('data-modified') ){ jQuery(this).find('.default-boost').show(); } }) }, 5000); </script>  <script type="text/javascript"> var _avp = _avp || []; (function() { function load() { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://practicalecommerce.advertserve.com/js/libcode3.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } window.setTimeout(load, 250); })(); </script>   <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.practicalecommerce.com", "potentialAction": { "@type": "SearchAction", "target": "https://www.practicalecommerce.com/?s={search_term_string}", "query-input": "required name=search_term_string" } }</script>   <script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Organization", "name": "Practical Ecommerce", "url": "https://www.practicalecommerce.com", "logo": "https://www.practicalecommerce.com/wp-content/uploads/2014/04/PEC_hires_no_tag_trans.png", "knowsAbout": [ "https://en.wikipedia.org/wiki/E-commerce", "https://en.wikipedia.org/wiki/Online_shopping", "https://en.wikipedia.org/wiki/Business-to-business", "https://en.wikipedia.org/wiki/Entrepreneurship", "https://en.wikipedia.org/wiki/Digital_marketing", "https://en.wikipedia.org/wiki/Search_engine_optimization", "", "", "", "", "", "" ], "sameAs": [ "https://www.facebook.com/practicalecommerce", "https://twitter.com/practicalecomm", "https://www.linkedin.com/company/practical-ecommerce/", "https://podcasts.apple.com/us/podcast/ecommerce-conversations/id874457373", "https://www.crunchbase.com/organization/practical-ecommerce", "https://www.youtube.com/@Practicalecommerce", "" ] }</script>  </head> <body class="post-template-default single single-post postid-157424 single-format-standard chrome" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54R359" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="container header-container"> <div class="header row"> <div class="full-menu-column"> <button class="hamburger hamburger-toggle hamburger--slider" type="button" aria-label="full menu"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <div id="full-menu-container" class="menu-full-menu-container"><ul id="menu-full-menu" class="menu"><li id="menu-item-163957" class="featured-link menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-163957"><a href="https://www.practicalecommerce.com/" data-wpel-link="internal">Home</a></li> <li id="menu-item-152818" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-152818"><a href="#">Article Categories</a> <ul class="sub-menu"> <li id="menu-item-1502742" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1502742"><a href="#">Marketing ></a> <ul class="sub-menu"> <li id="menu-item-152889" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152889"><a title="Marketing & Advertising" href="https://www.practicalecommerce.com/category/marketing" data-wpel-link="internal">All Marketing</a></li> <li id="menu-item-1502743" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502743"><a href="https://www.practicalecommerce.com/category/marketing/google-ads" data-wpel-link="internal">Google Ads</a></li> <li id="menu-item-1502744" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502744"><a href="https://www.practicalecommerce.com/category/marketing/content" data-wpel-link="internal">Content Marketing</a></li> <li id="menu-item-1502745" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502745"><a href="https://www.practicalecommerce.com/category/marketing/email" data-wpel-link="internal">Email Marketing</a></li> <li id="menu-item-1502746" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502746"><a href="https://www.practicalecommerce.com/category/marketing/social-media" data-wpel-link="internal">Social Media</a></li> <li id="menu-item-1502747" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502747"><a href="https://www.practicalecommerce.com/category/marketing/influencer" data-wpel-link="internal">Influencers & Affiliates</a></li> </ul> </li> <li id="menu-item-1502873" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1502873"><a href="#">SEO ></a> <ul class="sub-menu"> <li id="menu-item-152890" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152890"><a title="SEO" href="https://www.practicalecommerce.com/category/seo" data-wpel-link="internal">All SEO</a></li> <li id="menu-item-1502874" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502874"><a href="https://www.practicalecommerce.com/category/seo/keyword-research" data-wpel-link="internal">Keyword Research</a></li> <li id="menu-item-1502875" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502875"><a href="https://www.practicalecommerce.com/category/seo/link-building" data-wpel-link="internal">Link Building</a></li> <li id="menu-item-1502877" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502877"><a href="https://www.practicalecommerce.com/category/seo/seo-tools" data-wpel-link="internal">SEO Tools</a></li> <li id="menu-item-1502876" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502876"><a href="https://www.practicalecommerce.com/category/seo/on-page-seo" data-wpel-link="internal">On-page SEO</a></li> <li id="menu-item-1502878" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502878"><a href="https://www.practicalecommerce.com/category/seo/technical-seo" data-wpel-link="internal">Technical SEO</a></li> </ul> </li> <li id="menu-item-1502879" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1502879"><a href="#">Conversion ></a> <ul class="sub-menu"> <li id="menu-item-152886" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-152886"><a title="Conversion" href="https://www.practicalecommerce.com/category/conversion" data-wpel-link="internal">All Conversion</a></li> <li id="menu-item-1502880" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502880"><a href="https://www.practicalecommerce.com/category/conversion/analytics-data" data-wpel-link="internal">Analytics & Data</a></li> <li id="menu-item-1502882" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502882"><a href="https://www.practicalecommerce.com/category/conversion/customer-retention" data-wpel-link="internal">Customer Retention</a></li> <li id="menu-item-1506394" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1506394"><a href="https://www.practicalecommerce.com/category/conversion/customer-service" data-wpel-link="internal">Customer Service</a></li> <li id="menu-item-1502884" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502884"><a href="https://www.practicalecommerce.com/category/conversion/photography" data-wpel-link="internal">Photography & Video</a></li> <li id="menu-item-1502885" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502885"><a href="https://www.practicalecommerce.com/category/conversion/product-pages" data-wpel-link="internal">Product Pages</a></li> <li id="menu-item-1502881" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-1502881"><a href="https://www.practicalecommerce.com/category/conversion/checkout" data-wpel-link="internal">Checkout Tactics</a></li> </ul> </li> <li id="menu-item-1502886" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1502886"><a href="#">Business ></a> <ul class="sub-menu"> <li id="menu-item-152888" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152888"><a title="Management & Finance" href="https://www.practicalecommerce.com/category/management" data-wpel-link="internal">All Business</a></li> <li id="menu-item-1502887" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502887"><a href="https://www.practicalecommerce.com/category/management/amazon-marketplaces" data-wpel-link="internal">Amazon & Marketplaces</a></li> <li id="menu-item-1502896" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502896"><a href="https://www.practicalecommerce.com/category/management/shipping-fulfillment" data-wpel-link="internal">Shipping & Fulfillment</a></li> <li id="menu-item-1502888" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502888"><a href="https://www.practicalecommerce.com/category/management/b2b" data-wpel-link="internal">B2B</a></li> <li id="menu-item-1502891" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502891"><a href="https://www.practicalecommerce.com/category/management/finance" data-wpel-link="internal">Finance</a></li> <li id="menu-item-1507074" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1507074"><a href="https://www.practicalecommerce.com/category/management/inventory" data-wpel-link="internal">Inventory</a></li> <li id="menu-item-1502895" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502895"><a href="https://www.practicalecommerce.com/category/management/payments" data-wpel-link="internal">Payments</a></li> <li id="menu-item-1502894" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502894"><a href="https://www.practicalecommerce.com/category/management/local" data-wpel-link="internal">Local Business</a></li> <li id="menu-item-1502892" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502892"><a href="https://www.practicalecommerce.com/category/management/fraud-prevention" data-wpel-link="internal">Fraud Prevention</a></li> <li id="menu-item-1502889" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502889"><a href="https://www.practicalecommerce.com/category/management/cross-border" data-wpel-link="internal">Cross-border Selling</a></li> <li id="menu-item-1504442" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1504442"><a href="https://www.practicalecommerce.com/category/management/staffing" data-wpel-link="internal">Staffing</a></li> </ul> </li> <li id="menu-item-1502897" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1502897"><a href="#">Design & Dev ></a> <ul class="sub-menu"> <li id="menu-item-152887" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152887"><a title="Design & Development" href="https://www.practicalecommerce.com/category/design-development" data-wpel-link="internal">All Design & Development</a></li> <li id="menu-item-1502899" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502899"><a href="https://www.practicalecommerce.com/category/design-development/design-tools" data-wpel-link="internal">Design & Dev Tools</a></li> <li id="menu-item-1502900" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502900"><a href="https://www.practicalecommerce.com/category/design-development/platforms" data-wpel-link="internal">Platforms & Apps</a></li> <li id="menu-item-1502898" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502898"><a href="https://www.practicalecommerce.com/category/design-development/code" data-wpel-link="internal">Code</a></li> <li id="menu-item-1502901" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502901"><a href="https://www.practicalecommerce.com/category/design-development/schools-resources" data-wpel-link="internal">Schools & Resources</a></li> <li id="menu-item-1502902" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502902"><a href="https://www.practicalecommerce.com/category/design-development/typography-fonts" data-wpel-link="internal">Typography & Fonts</a></li> <li id="menu-item-1502903" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502903"><a href="https://www.practicalecommerce.com/category/design-development/user-experience" data-wpel-link="internal">User Experience</a></li> </ul> </li> <li id="menu-item-1437476" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1437476"><a href="#">—</a></li> <li id="menu-item-1437481" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1437481"><a title="“Ecommerce Conversations” Podcast" href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal">“Ecommerce Conversations” Podcast</a></li> <li id="menu-item-1544726" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1544726"><a href="https://www.practicalecommerce.com/webcasts" data-wpel-link="internal">Webcasts</a></li> </ul> </li> <li id="menu-item-152806" class="featured-link menu-item menu-item-type-post_type menu-item-object-page menu-item-152806"><a href="https://www.practicalecommerce.com/advertising" data-wpel-link="internal">Advertising ></a></li> <li id="menu-item-361946" class="mid-column-title menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-361946"><a href="#">Guides</a> <ul class="sub-menu"> <li id="menu-item-1518494" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-1518494"><a title="A Practical Guide to Starting an Ecommerce Business" href="https://www.practicalecommerce.com/practical-guide-starting-an-ecommerce-business" data-wpel-link="internal">How to Start an Ecommerce Business</a></li> <li id="menu-item-1535936" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-1535936"><a title="Web Marketing Checklist: 42 Tactics for Traffic and Sales" href="https://www.practicalecommerce.com/checklist" data-wpel-link="internal">Web Marketing Checklist 2024</a></li> <li id="menu-item-1405057" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-1405057"><a title="Product Photography Guide" href="https://www.practicalecommerce.com/product-photography-part-15-crafting-an-image-start-to-finish" data-wpel-link="internal">Product Photography</a></li> </ul> </li> <li id="menu-item-152804" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-152804"><a href="https://www.practicalecommerce.com/about-us" data-wpel-link="internal">About</a> <ul class="sub-menu"> <li id="menu-item-152805" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152805"><a title="About Us" href="https://www.practicalecommerce.com/about-us" data-wpel-link="internal">About Us</a></li> <li id="menu-item-152810" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152810"><a title="Editorial Policy" href="https://www.practicalecommerce.com/editorial-policy" data-wpel-link="internal">Editorial Policy</a></li> <li id="menu-item-152809" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152809"><a href="https://www.practicalecommerce.com/contact" data-wpel-link="internal">Contact Us</a></li> <li id="menu-item-1531521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1531521"><a title="Email Newsletter Signup" href="https://www.practicalecommerce.com/newsletter-signup" data-wpel-link="internal">Email Newsletter Signup</a></li> <li id="menu-item-152808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152808"><a href="https://www.practicalecommerce.com/conditions-of-use/media" data-wpel-link="internal">Logos and Brand Guide</a></li> <li id="menu-item-152807" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152807"><a href="https://www.practicalecommerce.com/conditions-of-use" data-wpel-link="internal">Conditions of Use</a></li> <li id="menu-item-152811" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-152811"><a rel="privacy-policy" href="https://www.practicalecommerce.com/privacy-policy" data-wpel-link="internal">Privacy Policy</a></li> </ul> </li> </ul></div> </div> <div class="logo-column"> <a rel="home" name="Practical Ecommerce Logo" aria-label="Practical Ecommerce Logo" href="https://www.practicalecommerce.com/" title="E-commerce News, How to, Definitions, Stores, Help" data-wpel-link="internal"> <div class="logo"></div> </a> </div> <div class="nav-column"> <div class="search-toggle"> <i class="fa fa-search"></i> </div> <style> .primary-menu-container.desktop-only{ display:none; } .header-container .header>.nav-column .primary-menu-container ul.menu>li>a { display: inline-block; color: #666666; text-decoration: none; font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 36px; letter-spacing: 0.03em; } .header-container .header>.nav-column .primary-menu-container ul.menu>li { float: none; display: inline-block; padding-left: 6px; padding-right: 6px; } .header-container .header>.nav-column .primary-menu-container ul.menu>li ul{ display:none; } </style> <div class="primary-menu-container desktop-only"><ul id="menu-primary-menu" class="menu"><li id="menu-item-152878" class="categories-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-152878"><a href="#">Categories <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-152875" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152875"><a href="https://www.practicalecommerce.com/category/marketing" data-wpel-link="internal">Marketing</a></li> <li id="menu-item-152876" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152876"><a href="https://www.practicalecommerce.com/category/seo" data-wpel-link="internal">SEO</a></li> <li id="menu-item-152872" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-152872"><a href="https://www.practicalecommerce.com/category/conversion" data-wpel-link="internal">Conversion</a></li> <li id="menu-item-152874" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-152874"><a href="https://www.practicalecommerce.com/category/management" data-wpel-link="internal">Business</a></li> <li id="menu-item-1501954" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501954"><a href="https://www.practicalecommerce.com/category/design-development" data-wpel-link="internal">Design & Dev</a></li> <li id="menu-item-1437457" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1437457"><a href="#">—</a></li> <li id="menu-item-1437463" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1437463"><a href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal">“Ecommerce Conversations” Podcast</a></li> </ul> </li> <li id="menu-item-1501890" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1501890"><a href="https://www.practicalecommerce.com/category/marketing" data-wpel-link="internal">Marketing <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-1427138" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1427138"><a href="https://www.practicalecommerce.com/category/marketing" data-wpel-link="internal">All Marketing</a></li> <li id="menu-item-1501908" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501908"><a href="https://www.practicalecommerce.com/category/marketing/google-ads" data-wpel-link="internal">Google Ads</a></li> <li id="menu-item-1501891" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501891"><a href="https://www.practicalecommerce.com/category/marketing/content" data-wpel-link="internal">Content Marketing</a></li> <li id="menu-item-1501896" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501896"><a href="https://www.practicalecommerce.com/category/marketing/email" data-wpel-link="internal">Email Marketing</a></li> <li id="menu-item-1501939" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501939"><a href="https://www.practicalecommerce.com/category/marketing/social-media" data-wpel-link="internal">Social Media</a></li> <li id="menu-item-1501940" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501940"><a href="https://www.practicalecommerce.com/category/marketing/influencer" data-wpel-link="internal">Influencers & Affiliates</a></li> </ul> </li> <li id="menu-item-1501952" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1501952"><a href="https://www.practicalecommerce.com/category/seo" data-wpel-link="internal">SEO <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-1501951" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501951"><a href="https://www.practicalecommerce.com/category/seo" data-wpel-link="internal">All SEO</a></li> <li id="menu-item-1502253" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502253"><a href="https://www.practicalecommerce.com/category/seo/keyword-research" data-wpel-link="internal">Keyword Research</a></li> <li id="menu-item-1502254" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502254"><a href="https://www.practicalecommerce.com/category/seo/link-building" data-wpel-link="internal">Link Building</a></li> <li id="menu-item-1502256" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502256"><a href="https://www.practicalecommerce.com/category/seo/seo-tools" data-wpel-link="internal">SEO Tools</a></li> <li id="menu-item-1502255" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502255"><a href="https://www.practicalecommerce.com/category/seo/on-page-seo" data-wpel-link="internal">On-page SEO</a></li> <li id="menu-item-1502257" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502257"><a href="https://www.practicalecommerce.com/category/seo/technical-seo" data-wpel-link="internal">Technical SEO</a></li> </ul> </li> <li id="menu-item-1501880" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1501880"><a href="https://www.practicalecommerce.com/category/conversion" data-wpel-link="internal">Conversion <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-1427139" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-1427139"><a href="https://www.practicalecommerce.com/category/conversion" data-wpel-link="internal">All Conversion</a></li> <li id="menu-item-1501881" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501881"><a href="https://www.practicalecommerce.com/category/conversion/analytics-data" data-wpel-link="internal">Analytics & Data</a></li> <li id="menu-item-1501945" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501945"><a href="https://www.practicalecommerce.com/category/conversion/customer-retention" data-wpel-link="internal">Customer Retention</a></li> <li id="menu-item-1506395" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1506395"><a href="https://www.practicalecommerce.com/category/conversion/customer-service" data-wpel-link="internal">Customer Service</a></li> <li id="menu-item-1501935" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501935"><a href="https://www.practicalecommerce.com/category/conversion/photography" data-wpel-link="internal">Photography & Video</a></li> <li id="menu-item-1501936" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501936"><a href="https://www.practicalecommerce.com/category/conversion/product-pages" data-wpel-link="internal">Product Pages</a></li> <li id="menu-item-1501947" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-1501947"><a href="https://www.practicalecommerce.com/category/conversion/checkout" data-wpel-link="internal">Checkout Tactics</a></li> </ul> </li> <li id="menu-item-1501878" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1501878"><a href="https://www.practicalecommerce.com/category/management" data-wpel-link="internal">Business <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-1427137" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1427137"><a href="https://www.practicalecommerce.com/category/management" data-wpel-link="internal">All Business</a></li> <li id="menu-item-1501879" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501879"><a href="https://www.practicalecommerce.com/category/management/amazon-marketplaces" data-wpel-link="internal">Amazon & Marketplaces</a></li> <li id="menu-item-1501953" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501953"><a href="https://www.practicalecommerce.com/category/management/shipping-fulfillment" data-wpel-link="internal">Shipping & Fulfillment</a></li> <li id="menu-item-1501885" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501885"><a href="https://www.practicalecommerce.com/category/management/b2b" data-wpel-link="internal">B2B</a></li> <li id="menu-item-1502904" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502904"><a href="https://www.practicalecommerce.com/category/management/finance" data-wpel-link="internal">Finance</a></li> <li id="menu-item-1507073" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1507073"><a href="https://www.practicalecommerce.com/category/management/inventory" data-wpel-link="internal">Inventory</a></li> <li id="menu-item-1501934" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501934"><a href="https://www.practicalecommerce.com/category/management/payments" data-wpel-link="internal">Payments</a></li> <li id="menu-item-1501933" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501933"><a href="https://www.practicalecommerce.com/category/management/local" data-wpel-link="internal">Local Business</a></li> <li id="menu-item-1501901" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501901"><a href="https://www.practicalecommerce.com/category/management/fraud-prevention" data-wpel-link="internal">Fraud Prevention</a></li> <li id="menu-item-1501932" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501932"><a href="https://www.practicalecommerce.com/category/management/cross-border" data-wpel-link="internal">Cross-border Selling</a></li> <li id="menu-item-1504441" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1504441"><a href="https://www.practicalecommerce.com/category/management/staffing" data-wpel-link="internal">Staffing</a></li> </ul> </li> <li id="menu-item-1501876" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1501876"><a href="https://www.practicalecommerce.com/category/design-development" data-wpel-link="internal">Design & Dev <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-1501888" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1501888"><a href="https://www.practicalecommerce.com/category/design-development" data-wpel-link="internal">All Design & Development</a></li> <li id="menu-item-1502297" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502297"><a href="https://www.practicalecommerce.com/category/design-development/design-tools" data-wpel-link="internal">Design & Dev Tools</a></li> <li id="menu-item-1502298" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502298"><a href="https://www.practicalecommerce.com/category/design-development/platforms" data-wpel-link="internal">Platforms & Apps</a></li> <li id="menu-item-1502296" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502296"><a href="https://www.practicalecommerce.com/category/design-development/code" data-wpel-link="internal">Code</a></li> <li id="menu-item-1502299" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502299"><a href="https://www.practicalecommerce.com/category/design-development/schools-resources" data-wpel-link="internal">Schools & Resources</a></li> <li id="menu-item-1502300" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502300"><a href="https://www.practicalecommerce.com/category/design-development/typography-fonts" data-wpel-link="internal">Typography & Fonts</a></li> <li id="menu-item-1502309" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1502309"><a href="https://www.practicalecommerce.com/category/design-development/user-experience" data-wpel-link="internal">User Experience</a></li> </ul> </li> <li id="menu-item-1427142" class="more-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1427142"><a href="#">More <i class="fa fa-chevron-down"></i></a> <ul class="sub-menu"> <li id="menu-item-1427691" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1427691"><a href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal">“Ecommerce Conversations” Podcast</a></li> <li id="menu-item-1544727" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1544727"><a href="https://www.practicalecommerce.com/webcasts" data-wpel-link="internal">Webcasts</a></li> </ul> </li> <li id="menu-item-1427143" class="spacer menu-item menu-item-type-custom menu-item-object-custom menu-item-1427143"><a href="#">|</a></li> <li id="menu-item-1427144" class="show-on-sticky menu-item menu-item-type-post_type menu-item-object-page menu-item-1427144"><a href="https://www.practicalecommerce.com/about-us" data-wpel-link="internal">About</a></li> </ul></div> <div id="header-search-container"> <form role="search" method="get" id="searchform" action="https://www.practicalecommerce.com"><input type="text" value="" name="s" id="s" placeholder="Keyword or phrase..." /><button type="submit" id="searchsubmit" value="Search" ><i class="fa fa-search"></i></button></form> <button class="search-close"><i class="fa fa-close"></i></button> </div> </div> <div class="newsletter-signup"> <a class="sign-up-button" href="/newsletter-signup" data-wpel-link="internal"><i class="fa fa-envelope"></i> Sign Up</a> </div> </div> </div> <div class="partners-top row pec-partners-wrapper" style="min-height:268px;"> <span class="ad-label" style="visibility: hidden;">Advertisement</span> <div class="default-boost" style="display: none;"> <a href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal"> <img loading="lazy" src="https://www.practicalecommerce.com/wp-content/themes/pec/images/Ecommerce-Conversations_lg.jpg" width="970" height="250" /> </a> </div>  <div class="zone" id="lKEmjrEdjFH3G6i0GKUi" data-responsive="true"> <script type="text/javascript"> var _avp = _avp || []; _avp.push({ tagid: 'lKEmjrEdjFH3G6i0GKUi', alias: '/', type: 'banner', zid: 2, pid: 0, secure: true, callback: pecAdLoaded }); </script> </div>  </div> <div class="main row" style="min-height:500px;"> <div class="content "> <div class="row"> <a href="https://www.practicalecommerce.com/category/conversion/checkout" class="cat-link" data-wpel-link="internal"> Checkout Tactics </a> <h1 class="entry-header">5 Things to Consider When Using Popovers</h1> </div> <div class="row content-pad"> <div class="column col8"> <div class="entry-meta-con"> <div class="entry-meta meta-detail"> <h6>July 22, 2018 • <a rel="author" title="Posts by Pamela Hazelton" href="https://www.practicalecommerce.com/author/pamela_hazelton" data-wpel-link="internal">Pamela Hazelton</a></h6> </div> <div class="pec-social-post"> <ul> <li><a onclick="ga('send','event','Article Top','Social Linkedin');" data-via="practicalecomm" data-url="https://pec-ly.com/?EX6" target="_blank" data-size="small" data-dir="left" rel="noreferrer external noopener" href="https://www.linkedin.com/shareArticle?mini=1&url=https%3A%2F%2Fpec-ly.com%2F%3FEX6&title=5+Things+to+Consider+When+Using+Popovers" title="Click to share this post on Linkedin" data-wpel-link="external"><img src="https://www.practicalecommerce.com/wp-content/themes/pec/images/linkedin.svg" width="40" height="40" alt="Linkedin Share"/></a></li> <li><a onclick="ga('send','event','Article Top','Social Reddit');" data-via="practicalecomm" data-url="https://pec-ly.com/?EX6" target="_blank" data-size="small" data-dir="left" rel="noreferrer external noopener" href="https://reddit.com/submit?url=https%3A%2F%2Fpec-ly.com%2F%3FEX6&title=5 Things to Consider When Using Popovers" title="Click to share this post on Reddit" data-wpel-link="external"><img src="https://www.practicalecommerce.com/wp-content/themes/pec/images/reddit.svg" width="40" height="40" alt="Reddit Share"/></a></li> <li><a onclick="ga('send','event','Article Top','Social X');" data-via="practicalecomm @pamelahazelton" data-url="https://pec-ly.com/?EX6" target="_blank" data-size="small" data-dir="left" rel="noreferrer external noopener" href="https://twitter.com/share?text=5 Things to Consider When Using Popovers&url=https://pec-ly.com/?EX6&via=practicalecomm" title="Click to share this post on X/Twitter" data-wpel-link="external"><img src="https://www.practicalecommerce.com/wp-content/themes/pec/images/twitter-x.svg" width="40" height="40" alt="X/Twitter Share"/></a></li> <li><a title="Copy URL" rel="nofollow" class="copy-pec-link" onclick="ga('send', 'event','Article Top','Copy');" data-link="https://pec-ly.com/?EX6"><img src="https://www.practicalecommerce.com/wp-content/themes/pec/images/share-icon.svg" width="40" height="40" alt="Share link"/><div class="copy-alert" style="display: none;">Link copied</div></a></li> </ul> </div> </div> <div class="entry-content"> <p>Years ago online popups were the way to gain someone’s attention. Today many internet users employ popup-blocking tools in their browsers. Many users close popups and overlays before reading them.</p> <p>A <em>popup</em> is a new, smaller window that typically requires interaction to make it go away — such as clicking an X. Popups generally appear as a result of clicking on a link or button. They’re also used on page loads to serve up promotions.</p> <div id="attachment_157425" style="width: 1010px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" aria-describedby="caption-attachment-157425" class="wp-image-157425 size-full" title="Popup window at Staples' site" src="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup.png" alt="Popup window at Staples' site" width="1000" height="545" srcset="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup.png 1000w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup-300x164.png 300w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup-768x419.png 768w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup-570x311.png 570w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup-150x82.png 150w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-staples-popup-500x273.png 500w" sizes="(max-width: 1000px) 100vw, 1000px" /><p id="caption-attachment-157425" class="wp-caption-text">Many browsers will automatically block popup windows unless the user specifically wants to open them.</p></div> <p>Because popups are often used to serve alerts and ads, most modern browsers include a popup block setting, and some have it activated by default.</p> <div id="attachment_157426" style="width: 1010px" class="wp-caption aligncenter"><img decoding="async" aria-describedby="caption-attachment-157426" class="wp-image-157426 size-full" title="Safari configured to block popups." src="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups.png" alt="Safari configured to block popups." width="1000" height="352" srcset="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups.png 1000w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups-300x106.png 300w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups-768x270.png 768w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups-570x201.png 570w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups-150x53.png 150w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-safari-block-popups-500x176.png 500w" sizes="(max-width: 1000px) 100vw, 1000px" loading="lazy" /><p id="caption-attachment-157426" class="wp-caption-text">The average user can’t see popup windows.</p></div> <p>A <em>popover</em> (also known as an overlay, a modal, or interstitial) is part of the actual web page. Good popovers close automatically when the user clicks elsewhere on the page. Ideally, they are configured to appear based on a visitor’s actions. For example, you can display an email signup form when the visitor has scrolled down half the page and has been on the page for 20 seconds.</p> <p>Popovers are not generally blocked, giving you a better chance of the content being seen.</p> <div id="attachment_157428" style="width: 1010px" class="wp-caption aligncenter"><img decoding="async" aria-describedby="caption-attachment-157428" class="wp-image-157428 size-full" title="A popover asking for your email address in exchange for a coupon." src="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover.png" alt="A popover asking for your email address in exchange for a coupon." width="1000" height="868" srcset="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover.png 1000w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover-300x260.png 300w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover-768x667.png 768w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover-570x495.png 570w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover-150x130.png 150w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-gap-popover-500x434.png 500w" sizes="(max-width: 1000px) 100vw, 1000px" loading="lazy" /><p id="caption-attachment-157428" class="wp-caption-text">The most common popover asks for an email address in exchange for a coupon.</p></div> <p>Using popovers and overlays can boost conversions, but there are things to consider when implementing them.</p> <h3>5 Things to Consider for Popovers</h3> <p><strong>Proper timing.</strong> In the example above, Gap’s home page loads the popover upon page load. It is the first thing a visitor sees, as it covers the site’s navigation. Big, popular brands can get away with this because of their social proof. But interrupting the process can have a detrimental effect on smaller stores. Instead, configure these to display based on a shoppers action or anticipated intent, after a set amount of time.</p> <p><strong>Placement.</strong> Page-load popovers should never obstruct the site’s logo and core navigation. This is why intent configured overlays work better when they slide in from the bottom of the page.</p> <p><strong>Content determines effectiveness.</strong> There may be special messages you want to get across. Overlays, though, should be relevant to the shopping session. For example, if the shopper is looking at coffee makers, don’t waste his time with a popover promoting a garlic press. This is why most sites reserve popovers for email signups, coupons, and key messages about shopper benefits.</p> <div id="attachment_157427" style="width: 1010px" class="wp-caption aligncenter"><img decoding="async" aria-describedby="caption-attachment-157427" class="wp-image-157427 size-full" title="Kohl's overlay hyping available Kohl's Cash." src="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay.png" alt="Kohl's overlay hyping available Kohl's Cash." width="1000" height="1028" srcset="https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay.png 1000w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay-292x300.png 292w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay-768x790.png 768w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay-570x586.png 570w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay-50x50.png 50w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay-150x154.png 150w, https://www.practicalecommerce.com/wp-content/uploads/2018/07/pec-kohls-cash-overlay-486x500.png 486w" sizes="(max-width: 1000px) 100vw, 1000px" loading="lazy" /><p id="caption-attachment-157427" class="wp-caption-text">Kohl’s informs customers of available Kohl’s Cash.</p></div> <p><strong>Ease of closing can save the session.</strong> While some shoppers will leave a page whenever a popover appears, some leave out of frustration. Best practice calls for popovers to close whenever you click outside of the block (on the content beneath it) as well as when the shopper clicks an “X” or “CLOSE” button. All overlays should include a large, obvious close button regardless.</p> <p><strong>Timeout period.</strong> No one wants to be harassed about registering for a mailing list or creating an account. Be sure to configure popovers to display either just once, or once per number of visitors or period. Even better, use a tool that relies on user-specific data to either display or suppress forms and announcements.</p> <h3>A Nuisance?</h3> <p>None of the above is meant to convey that popovers are necessary. If you can get away with not using them, you’ll boost visitor happiness. Analyze visitors’ actions taken on popovers and on the page when they display. That might tell you if they’re a nuisance.</p> </div> <div class="post-footer"> <div class="article-sharing"> <p class="sharing-label">Share this article:</p> <div class="article-sharing-link"> <input class="shortened-url" name="shortened-url" title="Shortened URL" value="https://pec-ly.com/?EX6" type="text"></li> <a title="Copy URL" rel="nofollow" class="copy-pec-link" onclick="ga('send', 'event','Article Top','Copy');" data-link="https://pec-ly.com/?EX6"><img src="https://www.practicalecommerce.com/wp-content/themes/pec/images/copy-link-icon.png" width="32" height="32" alt="Copy share link" loading="lazy" /><div class="copy-alert" style="display: none;">Link copied</div></a> </div> </div> <div class="post-navigation"> <span class="prev-link"> <a href="https://www.practicalecommerce.com/amazons-2018-prime-day-sets-record-despite-glitches" rel="prev" onclick="ga('send', 'event','Previous/Next','Previous');" data-wpel-link="internal"> <span class="left-angle">〈</span> <span class="label">Previous Article</span> </a> </span> <span class="next-link"> <a href="https://www.practicalecommerce.com/ecommerce-marketplaces-worldwide" rel="next" onclick="ga('send', 'event','Previous/Next','Next');" data-wpel-link="internal"> <span class="label">Next Article</span> <span class="right-angle">〉</span> </a> </span> </div> </div> <section id="authorinfo"> <div class="authorinfo-img"> <img src="https://www.practicalecommerce.com/wp-content/uploads/userphoto/273.jpg" alt="Pamela Hazelton" width="100" height="150" class="photo" align="left" loading="lazy" /> </div> <div id="authorname"> <div class="name">Pamela Hazelton</div> <a href="/author/pamela_hazelton" data-wpel-link="internal">Bio</a> </div> <br clear="both" /> </section> <div class="related-posts"> <div id="related-posts-MRP_all" class="related-posts-type"> <ul> <li><a href="https://www.practicalecommerce.com/4-Ways-to-Beef-Up-an-Email-Subscriber-List" data-wpel-link="internal"><img width="288" height="200" src="https://www.practicalecommerce.com/wp-content/uploads/2016/10/4-Ways-to-Beef-Up-your-Email-List-288x200.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></a><a href="https://www.practicalecommerce.com/category/marketing/email" class="cat-link" data-wpel-link="internal">Email Marketing</a><br /><a href="https://www.practicalecommerce.com/4-Ways-to-Beef-Up-an-Email-Subscriber-List" data-wpel-link="internal">4 Ways to Beef Up an Email Subscriber List</a></li> <li><a href="https://www.practicalecommerce.com/SEO-Google-Rolls-Out-Mobile-Popup-Penalty" data-wpel-link="internal"><img width="288" height="200" src="https://www.practicalecommerce.com/wp-content/uploads/2017/01/SEO-Google-Rolls-Out-Mobile-Popup-Penalty-288x200.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="SEO: Google Rolls Out Mobile Popup Penalty" decoding="async" loading="lazy" /></a><a href="https://www.practicalecommerce.com/category/seo/technical-seo" class="cat-link" data-wpel-link="internal">Technical SEO</a><br /><a href="https://www.practicalecommerce.com/SEO-Google-Rolls-Out-Mobile-Popup-Penalty" data-wpel-link="internal">SEO: Google Rolls Out Mobile Popup Penalty</a></li> </ul></div> </div> <br clear="both" /> </div> <div class="sidebar column col4"> <div class="partners-sidebar pec-partners-wrapper"> <span class="ad-label" style="visibility: hidden;">Advertisement</span> <div class="default-boost" style="display: none;"> <a href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal"> <img loading="lazy" src="https://www.practicalecommerce.com/wp-content/themes/pec/images/Ecommerce-Conversations_sm.jpg" width="300" height="250" /> </a> </div>  <div class="zone" id="BEDVyCPr2MXUDa84k2Kg" > <script type="text/javascript"> var _avp = _avp || []; _avp.push({ tagid: 'BEDVyCPr2MXUDa84k2Kg', alias: '/', type: 'banner', zid: 5, pid: 0, secure: true, callback: pecAdLoaded }); </script> </div>  </div> <section class="sidebar-tabs"> <div class="sidebar-tab-title">Popular</div> <div id="sidebar-tab-popular"><ul><li><a href="https://www.practicalecommerce.com/top-ai-search-engine-features-compared" onclick="ga('send','event','Popular','Top AI Search Engine Features Compared');" data-wpel-link="internal"><img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Top-AI-Search-Engine-Features-Compared-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Image of a person working on a laptop with the words "AI Search" superimposed" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Top-AI-Search-Engine-Features-Compared-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/Top-AI-Search-Engine-Features-Compared.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" />Top AI Search Engine Features Compared</a></li><li><a href="https://www.practicalecommerce.com/9-books-to-strengthen-cybersecurity" onclick="ga('send','event','Popular','9 Books to Strengthen Cybersecurity');" data-wpel-link="internal"><img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/9-Books-to-Strengthen-Cybersecurity-b-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Cover of "Hacked"" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/9-Books-to-Strengthen-Cybersecurity-b-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/9-Books-to-Strengthen-Cybersecurity-b.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" />9 Books to Strengthen Cybersecurity</a></li><li><a href="https://www.practicalecommerce.com/how-to-audit-html-headings-on-any-page" onclick="ga('send','event','Popular','How to Audit HTML Headings on Any Page');" data-wpel-link="internal"><img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/How-to-Audit-HTML-Headings-on-Any-Page-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Illustration of letters S-E-O with digital concepts" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/How-to-Audit-HTML-Headings-on-Any-Page-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/How-to-Audit-HTML-Headings-on-Any-Page.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" />How to Audit HTML Headings on Any Page</a></li><li><a href="https://www.practicalecommerce.com/new-ecommerce-tools-november-7-2024" onclick="ga('send','event','Popular','New Ecommerce Tools: November 7, 2024');" data-wpel-link="internal"><img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/thumb-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Two males from home page of Shopify Finance" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/thumb-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/thumb.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" />New Ecommerce Tools: November 7, 2024</a></li><li><a href="https://www.practicalecommerce.com/supply-co-founder-on-life-after-the-sale" onclick="ga('send','event','Popular','Supply.co Founder on Life after the Sale');" data-wpel-link="internal"><img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Patrick_Coddou-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Patrick Coddou" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Patrick_Coddou-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/Patrick_Coddou.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" />Supply.co Founder on Life after the Sale</a></li><li><a href="https://www.practicalecommerce.com/amp-for-email-converts-inboxes-to-ecommerce-stores" onclick="ga('send','event','Popular','AMP for Email Converts Inboxes to Ecommerce Stores');" data-wpel-link="internal"><img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/AMP-for-Email-Converts-Inboxes-to-Ecommerce-Stores-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Person holding a smartphone with a shopping cart icon superimposed" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/AMP-for-Email-Converts-Inboxes-to-Ecommerce-Stores-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/AMP-for-Email-Converts-Inboxes-to-Ecommerce-Stores.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" />AMP for Email Converts Inboxes to Ecommerce Stores</a></li></ul> </div> </section> <section class="sidebar-tabs" id="sidebar-tab-knowledge-briefs"> <div class="sidebar-tab-title">Industry IQ</div> <div class="iq-item"> <div class="iq-icon"> <a href="https://www.practicalecommerce.com/paidpost/why-top-woocommerce-stores-choose-kinsta" rel="nofollow" onclick="ga( 'send','event','IQ Box','Kinsta');" data-wpel-link="internal"><img src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Kinsta_Icon_Black-32px.png" width="16" height="16" alt="Kinsta" title="Kinsta" loading="lazy" /></a> </div><div class="iq-content"> <a href="https://www.practicalecommerce.com/paidpost/why-top-woocommerce-stores-choose-kinsta" rel="nofollow" onclick="ga( 'send','event','IQ Box','Kinsta');" data-wpel-link="internal"><h4>Why Top WooCommerce Stores Choose Kinsta<i class="fa fa-external-link" aria-hidden="true"></i></h4></a> <a href="https://kinsta.com/?utm_source=practicalecommerce&utm_medium=Referral&utm_campaign=post" rel="nofollow external noopener noreferrer" onclick="ga( 'send','event','IQ Box','Kinsta');" data-wpel-link="external" target="_blank"><h6>Kinsta</h6></a> </div> </div> <div class="iq-item"> <div class="iq-icon"> <a href="https://www.practicalecommerce.com/paidpost/scalable-hosting-sells-more-merch" rel="nofollow" onclick="ga( 'send','event','IQ Box','Cloudways Autonomous');" data-wpel-link="internal"><img src="https://www.practicalecommerce.com/wp-content/uploads/2024/08/Cloudways-favicon.png" width="16" height="16" alt="Cloudways Autonomous" title="Cloudways Autonomous" loading="lazy" /></a> </div><div class="iq-content"> <a href="https://www.practicalecommerce.com/paidpost/scalable-hosting-sells-more-merch" rel="nofollow" onclick="ga( 'send','event','IQ Box','Cloudways Autonomous');" data-wpel-link="internal"><h4>Scalable Hosting Sells More Merch<i class="fa fa-external-link" aria-hidden="true"></i></h4></a> <a href="https://www.cloudways.com/en/autonomous.php?id=1740610&data1=PEArticleOct24" rel="nofollow external noopener noreferrer" onclick="ga( 'send','event','IQ Box','Cloudways Autonomous');" data-wpel-link="external" target="_blank"><h6>Cloudways Autonomous</h6></a> </div> </div> </section> <div class="partners-sidebar partners-overflow-sidebar pec-partners-wrapper"> <span class="ad-label" style="visibility: hidden;">Advertisement</span> <div class="default-boost" style="display: none;"> <a href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal"> </a> </div>  <div class="zone" id="zi4y2TEJdhcyxeMF8Qov" data-responsive="true"> <script type="text/javascript"> var _avp = _avp || []; _avp.push({ tagid: 'zi4y2TEJdhcyxeMF8Qov', alias: '/', type: 'banner', zid: 6, pid: 0, secure: true, callback: pecAdLoaded }); </script> </div>  </div> <section class="sidebar-tabs webinars"> <div class="sidebar-tab-title"> Streaming Webcasts<br /> <span class="subtitle">Instant Video</span> </div> <div id="sidebar-tab-webinars"> <ul> <li> <a href="https://insights.practicalecommerce.com/skyrocket-traffic-with-ad-engine-optimization/" target="_blank" data-wpel-link="external" rel="external noopener noreferrer"> <img width="70" height="47" src="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Skyrocket-Traffic-with-Ad-Engine-Optimization-300x200.jpg" class="attachment-70x47 size-70x47 wp-post-image" alt="Rising graph with a rocket at top" title="Drive More ROI from Meta and Google Ads" decoding="async" srcset="https://www.practicalecommerce.com/wp-content/uploads/2024/11/Skyrocket-Traffic-with-Ad-Engine-Optimization-300x200.jpg 300w, https://www.practicalecommerce.com/wp-content/uploads/2024/11/Skyrocket-Traffic-with-Ad-Engine-Optimization.jpg 360w" sizes="(max-width: 70px) 100vw, 70px" loading="lazy" /> Drive More ROI from Meta and Google Ads</a> </li> </ul> </div> </section> </div> </div>  </div> </div> <div class="partners-bottom row pec-partners-wrapper"> <span class="ad-label" style="visibility: hidden;">Advertisement</span> <div class="default-boost" style="display: none;"> <a href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal"> </a> </div>  <div class="zone" id="4mLnts8QZJxw6Fg1iXK3" data-responsive="true"> <script type="text/javascript"> var _avp = _avp || []; _avp.push({ tagid: '4mLnts8QZJxw6Fg1iXK3', alias: '/', type: 'banner', zid: 4, pid: 0, secure: true, callback: pecAdLoaded }); </script> </div>  </div> <div class="footer "> <div class="row logo-row"> <a href="https://www.practicalecommerce.com" class="logo" title="Back to Practical Ecommerce Homepage" data-wpel-link="internal"></a> </div> <div class="row columns-row"> <div class="footer-nav-left footer-nav"><ul id="menu-footer-left" class="menu"><li id="menu-item-1539458" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1539458"><a title="About Us" href="https://www.practicalecommerce.com/about-us" data-wpel-link="internal">About Us</a></li> <li id="menu-item-1539459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1539459"><a title="Contact Us" href="https://www.practicalecommerce.com/contact" data-wpel-link="internal">Contact Us</a></li> <li id="menu-item-1539460" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1539460"><a title="Editorial Policy" href="https://www.practicalecommerce.com/editorial-policy" data-wpel-link="internal">Editorial Policy</a></li> </ul></div> <div class="footer-nav-center footer-nav"><ul id="menu-footer-center" class="menu"><li id="menu-item-1437700" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1437700"><a title="Advertise" href="https://www.practicalecommerce.com/advertising" data-wpel-link="internal">Advertise</a></li> <li id="menu-item-1539461" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1539461"><a title="Newsletter Signup" href="https://www.practicalecommerce.com/newsletter-signup" data-wpel-link="internal">Newsletter Signup</a></li> <li id="menu-item-1539462" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1539462"><a title="Podcast" href="https://www.practicalecommerce.com/tag/podcasts" data-wpel-link="internal">Podcast</a></li> </ul></div> <div class="footer-nav-right footer-nav"><ul id="menu-footer-right" class="menu"><li id="menu-item-1539463" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1539463"><a title="Articles by Year" href="https://www.practicalecommerce.com/articles-by-year" data-wpel-link="internal">Articles by Year</a></li> <li id="menu-item-152822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152822"><a title="Conditions of Use" href="https://www.practicalecommerce.com/conditions-of-use" data-wpel-link="internal">Conditions of Use</a></li> <li id="menu-item-152827" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-152827"><a title="Privacy Policy" rel="privacy-policy" href="https://www.practicalecommerce.com/privacy-policy" data-wpel-link="internal">Privacy Policy</a></li> </ul></div> <div class="footer-social" > <div class="menu-social-links-container"><ul id="menu-social-links" class="menu"><li id="menu-item-57410" class="social-linkedin menu-item menu-item-type-custom menu-item-object-custom menu-item-57410"><a title="LinkedIn" href="http://www.linkedin.com/company/practical-ecommerce" data-wpel-link="external" target="_blank" rel="external noopener noreferrer">LinkedIn</a></li> <li id="menu-item-57411" class="social-twitter menu-item menu-item-type-custom menu-item-object-custom menu-item-57411"><a title="X" href="https://twitter.com/practicalecomm" data-wpel-link="external" target="_blank" rel="external noopener noreferrer">X</a></li> <li id="menu-item-57412" class="social-facebook menu-item menu-item-type-custom menu-item-object-custom menu-item-57412"><a title="Facebook" href="https://www.facebook.com/practicalecommerce" data-wpel-link="external" target="_blank" rel="external noopener noreferrer">Facebook</a></li> <li id="menu-item-69187" class="social-podcast menu-item menu-item-type-custom menu-item-object-custom menu-item-69187"><a title="Podcast" href="https://podcasts.apple.com/us/podcast/ecommerce-conversations-by-practical-ecommerce/id874457373" data-wpel-link="external" target="_blank" rel="external noopener noreferrer">Podcast</a></li> </ul></div> </div> </div> <div class="row footer-attribution"> <p>Copyright © 2005 - 2024. Practical Ecommerce® is a registered trademark of Confluence Distribution, Inc.</p> </div> </div> <style> #spmask { position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none; } #boxes .window { position:fixed; left:0; top:0; width:auto; height:auto; display:none; z-index:9999; padding:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); } #boxes #dialog { max-width:800px; height:auto; _width:0; white-space:normal; overflow:visible; padding:10px; border:0px solid #000000; } *html #boxes .window { position: absolute; } #boxes .window .close { right: -19px; margin:0px; padding:0px; position: absolute; top: -19px; border-radius: 30px; background: #333333; border: 2px solid #ffffff; width: 24px; height: 24px; color: #ffffff; font-family: Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 22px; text-align: center; } #boxes .window .close:hover{ text-decoration: none; background: #666666; } #sp_credit_link { padding:10px; width:auto; height: 36px; text-align:center; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: absolute; bottom: -40px; } @media only screen and (max-width: 768px) { #spmask{ display: none !important; } #simple-popup{ display:none !important; } #boxes #dialog{ display:none !important; } } </style> <div id="spmask"></div> </div><a id="simple-popup" name="simplepopup" href="#dialog"></a><div id="boxes"><div id="dialog" class="window"><div class="newsletter-form"> <div class="newsletter-form-content"> <img class="email-icon" src="/wp-content/themes/pec/images/icon-email2.png" alt="email-news-env" width="48" height="36" loading="lazy" /> <div class="newsletter-title"> <div class="heading">Email Newsletter + Free Ebook</div> <div class="subheading">25 Great ChatGPT Prompts for Ecommerce</div> </div> <div class="signupform"><a class="newsletter-link-button" href="https://www.practicalecommerce.com/newsletter-signup" data-wpel-link="internal">Sign Up</a></div> </div> <div class="newsletter-cover"><picture> <source srcset="/wp-content/themes/pec/images/book-popup-2023.webp" type="image/webp" /></picture> <picture><source srcset="/wp-content/themes/pec/images/book-popup-2023.png" type="image/png" /></picture> <picture><img src="/wp-content/themes/pec/images/book-popup-2023.png" alt="" width="180" height="234" loading="lazy" /></picture></div> </div><a class="close" href="#">x</a></div></div> <script type="text/javascript"> jQuery(document).ready(function($) { jQuery("form").each(function(){ jQuery(this).removeClass("wpl-track-me"); }); }); </script><script type="text/javascript">var algolia = {"debug":false,"application_id":"N3YZXH7FK5","search_api_key":"8cfa20a94a420cc77e4982f4ad4b32eb","powered_by_enabled":false,"query":"","autocomplete":{"sources":[{"index_id":"searchable_posts","index_name":"wp_searchable_posts","label":"All posts","admin_name":"All posts","position":10,"max_suggestions":5,"tmpl_suggestion":"autocomplete-post-suggestion","enabled":true}],"input_selector":"input[name='s']:not('.no-autocomplete')"},"indices":{"searchable_posts":{"name":"wp_searchable_posts","id":"searchable_posts","enabled":true,"replicas":[]}}};</script><link rel='preload' href='https://hb.wpmucdn.com/www.practicalecommerce.com/f923daf7-c0bb-44c1-ac8b-3e86bfc0acf7.css' as="style" onload="this.onload=null;this.rel='stylesheet'" type='text/css' media='all' /> <script type="text/javascript" defer src="https://hb.wpmucdn.com/www.practicalecommerce.com/cdbbe393-c927-4a78-aa2a-2994f256acc2.js" id="jcookie-js"></script> <script type="application/json" id="wpp-json"> {"sampling_active":1,"sampling_rate":10,"ajax_url":"https:\/\/www.practicalecommerce.com\/wp-json\/wordpress-popular-posts\/v1\/popular-posts","api_url":"https:\/\/www.practicalecommerce.com\/wp-json\/wordpress-popular-posts","ID":157424,"token":"8a3d5aa967","lang":0,"debug":0} </script> <script type="text/javascript" defer src="https://hb.wpmucdn.com/www.practicalecommerce.com/4fb19e7b-507e-4906-98a2-af0722c7da19.js" id="wpp-js-js"></script> <script type="text/javascript" src="https://hb.wpmucdn.com/www.practicalecommerce.com/15307030-263e-4c29-9d6a-46cb30418343.js" id="lazyload-video-js-js"></script> <script type="text/javascript" id="lazyload-youtube-js-js-before"> /* <![CDATA[ */ window.llvConfig=window.llvConfig||{};window.llvConfig.youtube={"colour":"red","buttonstyle":"default","controls":true,"loadpolicy":true,"thumbnailquality":"0","preroll":"","postroll":"","overlaytext":"","loadthumbnail":true,"cookies":false,"callback":""}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/www.practicalecommerce.com/5f53cf2b-05a5-4e2b-a4ae-cb2ab21e3260.js" id="lazyload-youtube-js-js"></script> <script type="text/javascript" id="lazyload-vimeo-js-js-before"> /* <![CDATA[ */ window.llvConfig=window.llvConfig||{};window.llvConfig.vimeo={"buttonstyle":"default","playercolour":"#00adef","preroll":"","postroll":"","show_title":false,"overlaytext":"","loadthumbnail":true,"thumbnailquality":"basic","cookies":false,"callback":""}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/www.practicalecommerce.com/6735dda8-085a-4394-833a-119a28bba681.js" id="lazyload-vimeo-js-js"></script> <script type="text/javascript" defer src="https://hb.wpmucdn.com/www.practicalecommerce.com/64c4aff0-31f9-4c11-b67b-b5cfd1496206.js" id="pec-header-js"></script> <script type="text/javascript" defer src="https://hb.wpmucdn.com/www.practicalecommerce.com/0335562b-92cd-4934-810a-f3263f0d7506.js" id="pec-site-js"></script> <noscript><link rel='stylesheet' id='lazyload-video-css-css' href='https://hb.wpmucdn.com/www.practicalecommerce.com/1379c388-e39d-486f-9c1d-366f64452cc2.css' type='text/css' media='all' /><link rel='stylesheet' id='pec-main-style-css' href='https://hb.wpmucdn.com/www.practicalecommerce.com/9707657f-a0f6-4c32-b62b-da6baed5d073.css' type='text/css' media='all' /><link rel='stylesheet' id='tablepress-datatables-buttons-css' href='https://hb.wpmucdn.com/www.practicalecommerce.com/286ddfc1-05a8-4fde-af1f-8f729528a0d4.css' type='text/css' media='all' /><link rel='stylesheet' id='tablepress-datatables-columnfilterwidgets-css' href='https://hb.wpmucdn.com/www.practicalecommerce.com/d2fce8bf-9d1a-4082-84dd-23bf1888a10c.css' type='text/css' media='all' /><link rel='stylesheet' id='tablepress-responsive-tables-css' href='https://hb.wpmucdn.com/www.practicalecommerce.com/970e79a3-b659-4c8c-93e2-bdbeef21faf1.css' type='text/css' media='all' /><link rel='stylesheet' id='wphb-1-css' href='https://hb.wpmucdn.com/www.practicalecommerce.com/f923daf7-c0bb-44c1-ac8b-3e86bfc0acf7.css' type='text/css' media='all' /></noscript></body> </html>