{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/blog/11-floating-bar-examples-you-should-use/",
    "result": {"data":{"post":{"uri":"/11-floating-bar-examples-you-should-use/","id":"cG9zdDo4NTE=","excerpt":"<p>Floating bar WordPress plugins have become the handiest solution to grab the customers&#8217; attention. Why not try placing a floating bar on your website? Just glance at how other brands are attracting their customers with the sticky navigation bar!</p>\n","content":"\n<p class=\"wp-block-paragraph\">Sticky menus! Floating bars! And a quite few sliding navigation bars add up to the recent trend. <a href=\"https://optinly.com/blog/how-to-create-a-sticky-floating-footer-bar-in-wordpress-step-by-step-guide/\" data-type=\"URL\" data-id=\"https://optinly.com/blog/how-to-create-a-sticky-floating-footer-bar-in-wordpress-step-by-step-guide/\" target=\"_blank\" rel=\"noreferrer noopener\">Sticky bars or floating bars</a> are nothing but the constant cousin of the noble popups.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Not everyone excluding the smart businessmen will try sticky bars. As it occupies the webpage a little, many company owners fail to keep it on their webpage. This is the place where they are missing out on a huge opportunity to increase their lead conversion.</p>\n\n\n\n<p class=\"wp-block-paragraph\">It gives the visitors single access to any webpage of your website. Such a cool technique!!</p>\n\n\n\n<p class=\"wp-block-paragraph\">Sticky bars appear either at the top or bottom of the page. Sometimes, at sides. When a visitor arrives, leaves, or scrolls for a certain time period, the bar remains in the same position. They have millions of use cases out of which a few have to be considered.</p>\n\n\n\n<h2 class=\"wp-block-heading\">11 Awesome Sticky floating bar examples</h2>\n\n\n\n<p class=\"wp-block-paragraph\">Rather than explaining in pages, an example will explain much than a word does. To get started, here is the list of sticky floating bar examples. No matter what, just give a try and see the fluctuations that positively impact your profit curve.</p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Active campaign</h3>\n\n\n\n<p class=\"wp-block-paragraph\">The active campaign has a simple floating bar option available at the bottom of the website. It has an email signup form that works great in <a rel=\"noreferrer noopener\" href=\"https://optinly.com/blog/effective-tactics-to-grow-your-email-list-with-optinly\" data-type=\"link\" data-id=\"https://optinly.com/blog/effective-tactics-to-grow-your-email-list-with-optinly\" target=\"_blank\">building your email marketing list</a>. On, either way, it also has a cookie policy sticky at the footer part.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-854 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:46.800000000000004%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB5ElEQVQoz2WPzWoTYRSGP0kiJsSiuBGyUBDXXoC5gSTEQIxURBciuBUxcTIxP83oNUjRW3AhSiZpC1FTKaWNplBdtETyO5Np5stMwySVzPdzZKYuBB/e1TnPy+GgqKjFctqdsrr8UlmWlIgwigijaHaUWlFvl5ykVtRb+WFmVavtTGrb1oP3P8LvtiJ5NZ7T0Ni0ddPGx8TJlBoWn87heAaTKcNTepq/EwuODDI2bGxSV7YRAAfOOGcAYJpGr99VFWU46B8cHvT6vXa73e12Op1fijJQleHvkzkAcE6dFnDEGLcJJdQp6xjLtfWKXNvf/1mRq5XqmlxdW9+o1z81KnL1w0fZNKcAQAhljDPGEeecUkoZ5Q7Msmat1l6z+e1LY3Nnt/m5sblRr3/d2m5+b1nWzDnn+swFEZfFYkEIoZTa9mKs65qmYYx1HWPt6GRizLExw5OFbRPKbVc+BcF/cM4BgDlfwd7cEAa7z4fNN/jQXbJ/TZQVc8ViKV/Il8tlSZKKpVJWzAmC+CJfKBdK9zNPrzy+e/lh8sajlCitvnrbEqXX6WdP0umMIAgoFAolEolYLBqPx5PJ5M1w+JzfHwwGA4GAx+s57w+ELl66cNYf9JzxLV1bun7PG7yKEPJ6fT6f7w8Hj5LgXIlyhwAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/30770160bc6844e8e0b99556cdb64008/43fa5/active-campaign.png 250w,\n/static/30770160bc6844e8e0b99556cdb64008/c6e3d/active-campaign.png 500w,\n/static/30770160bc6844e8e0b99556cdb64008/da8b6/active-campaign.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/30770160bc6844e8e0b99556cdb64008/43fa5/active-campaign.png 250w,\n/static/30770160bc6844e8e0b99556cdb64008/c6e3d/active-campaign.png 500w,\n/static/30770160bc6844e8e0b99556cdb64008/da8b6/active-campaign.png 1000w\" src=\"/static/30770160bc6844e8e0b99556cdb64008/da8b6/active-campaign.png\" alt=\"Active Campaign Floating Bar Example\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/30770160bc6844e8e0b99556cdb64008/43fa5/active-campaign.png 250w,\n/static/30770160bc6844e8e0b99556cdb64008/c6e3d/active-campaign.png 500w,\n/static/30770160bc6844e8e0b99556cdb64008/da8b6/active-campaign.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/30770160bc6844e8e0b99556cdb64008/43fa5/active-campaign.png 250w,\n/static/30770160bc6844e8e0b99556cdb64008/c6e3d/active-campaign.png 500w,\n/static/30770160bc6844e8e0b99556cdb64008/da8b6/active-campaign.png 1000w\" src=\"/static/30770160bc6844e8e0b99556cdb64008/da8b6/active-campaign.png\" alt=\"Active Campaign Floating Bar Example\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">The campaign uses the attractive postal theme that contrasts with the main web page. ActiveCampaign has also changed the copy to include social proof and curiosity. It is a winning combination resulting in 800 new signups every month.</p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Advisor Coach</h3>\n\n\n\n<p class=\"wp-block-paragraph\">The advisor Coach is the next floating bar example. You might have seen the floating bar campaign in all of its blog posts. The black hello bar has been contrasted with the white web pages. It stands as an attractive floating bar example to be used in a website.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-856 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:800px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:43.99999999999999%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAAsTAAALEwEAmpwYAAACKUlEQVQoz2OQl2BWk+fQUORSk+dQU+BQlWPXVORSk+NQk+PQVORWlGbWUOSePqFi1eLupfPal81vW7Nscl+D77puxsnlHAydXT29vf0TJkyeMmX65MnTJk2aOnXq9EmTp02aPG3K1OkTJk2ZPGXalq3bdu3eu3Pnnh07d+/ec2DN6qXb1vauW97H8B8M/vz+/eTxw9evX719+/bJk8evX7989fL5s2dPXrx8/ujRw/v3792/f+/WrZtPHj++f+/et+/fIboYfv369ffv30ePHm/btufggSMnjh3etXvPgcOnTp69sX/X4X079pw6de7MmfPnzpw/dPDwpk2bN2zYcOvWrf/////69Yvh798/////X7h4RU1pZk9TQXtlVGZajHtITlhitY1tuK93ZHxCelRUbLB/WGhAqJGxsbKycnd3N8ixf/4w/P379////1t2X+6ojStMsI70s/D29W5o7tm/f/+8+TMrapoDg+Ps7Z1dXFz9ff00NDWkpaU6Ozuhmv+BwN9X734uXbYsJszD2toqNSP91OmTDx4+uHrtxumTZ1vapianlYcGhwYHBpmZWagoq3R3d8Ft/vf///97D56cu3jr2rXL169dWLFi5dIVa5evXt/aPiElLiokNC4uIdPDzcXBxsrAwMDC1GTerJkIm////3/rzoPbt+8/efp838GDZ89ffP3m1YuXL9++fdPa1hUZmeTvH+hgY+nt6qSnqyMtIw33MwBAwU1Jdv49ewAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/d26c24997cc8a97a1aaca0cf41fc9fe9/f8f3a/advisor-coach.png 200w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/6a8a8/advisor-coach.png 400w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/7842b/advisor-coach.png 800w\" sizes=\"(max-width: 800px) 100vw, 800px\"/><img sizes=\"(max-width: 800px) 100vw, 800px\" srcSet=\"/static/d26c24997cc8a97a1aaca0cf41fc9fe9/f8f3a/advisor-coach.png 200w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/6a8a8/advisor-coach.png 400w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/7842b/advisor-coach.png 800w\" src=\"/static/d26c24997cc8a97a1aaca0cf41fc9fe9/7842b/advisor-coach.png\" alt=\"Advisor Coach Floating Bar Example\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/d26c24997cc8a97a1aaca0cf41fc9fe9/f8f3a/advisor-coach.png 200w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/6a8a8/advisor-coach.png 400w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/7842b/advisor-coach.png 800w\" sizes=\"(max-width: 800px) 100vw, 800px\" /><img loading=\"eager\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"/static/d26c24997cc8a97a1aaca0cf41fc9fe9/f8f3a/advisor-coach.png 200w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/6a8a8/advisor-coach.png 400w,\n/static/d26c24997cc8a97a1aaca0cf41fc9fe9/7842b/advisor-coach.png 800w\" src=\"/static/d26c24997cc8a97a1aaca0cf41fc9fe9/7842b/advisor-coach.png\" alt=\"Advisor Coach Floating Bar Example\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Adding to the attractiveness, the yellow call to action button really stood out of the queue. Although we have given more contrast to the button, the floating bar worked out well in attracting the customers. The floating bars have doubled their conversion rate too.</p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Ubersuggest</h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the Ubersuggest’s website, you may see an update alert sticky on the header and an accessible sticky sidebar. They do an extraordinary job of keeping the menu stuck along the side of their page without taking up much space.</p>\n\n\n\n<p class=\"wp-block-paragraph\">How to keep a floating bar without occupying much space? Is it possible?</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-880 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:48%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAACbUlEQVQozwFiAp39APr6+vb29vb19Pn9//eymvOMafSScfSMaPSLafSLafSMaPGKaO6OcPOScPORcPOGY/ShhffazfjZzfjWyAD18/L18vH19fXx8fLv3Nbu0Mjw1Mvu0sjv08rv08nv08rx1cz02dHx2NDw2NHy18/z29T05+Lx497z6eUA5eXlyMrLy83P0dTV3+bn3OTn3Obo2+Pk3+fp5Ozv3OTn7PP1/f//+f//8vv86/P26/Dy5+vu9vv++f3+AObl5c/KytfPzuff3/fu7fjr6fnr6vjr6vjq6fbq6fHn5vLs6/79/f3+/+7v79fX2NXV1tjZ2fv7/fv8/QCxnZtzLSaqT0bEUELVU0TXWU7bWU3YWU7RVkvDU0ihPzWkbGb+///8/f709vjq7O7r7e/s7vD2+Pr8/f8Ar5KPcRcQtDgnllh5iGWE4kg2409D4Ek92ko+zUk8qi8iqWFZ/v//+/r79/Dv8uzp8u3s8+7s+PTz+/z9ALaWk4IgFrxCM1V72hyGlMxdPe5qYOVtYeR+c9hlWrYzJbNlXP7///na0fSObfSWdvWQb/WObfSVdvrv6wC3mJWLHhCdU2RQgOcmf1eHd032Y1niaFrhaFvXXlK3NCi0Y1v////41MjueVXyhGDzgl3zelTzgl767OgAr5GPfgsAcViHgl+jhFoxU3lG7UxA41NG3U5C0U1BsTQnr2Nb/v//+ePb99fM+uHZ+NvQ+uLZ+NfK+uvmALysq5NdWbR7fMmAftWBec+Lg95jWNtFONNIO8VEN6IuIqNfWP////ry8Pfl3vjn4vfk3vjo4vfm4Pv29Ty5sXQlJoiIAAAAAElFTkSuQmCC\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/311f00a567a29bd9001709ceb9f402b3/43fa5/ubersuggest.png 250w,\n/static/311f00a567a29bd9001709ceb9f402b3/c6e3d/ubersuggest.png 500w,\n/static/311f00a567a29bd9001709ceb9f402b3/da8b6/ubersuggest.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/311f00a567a29bd9001709ceb9f402b3/43fa5/ubersuggest.png 250w,\n/static/311f00a567a29bd9001709ceb9f402b3/c6e3d/ubersuggest.png 500w,\n/static/311f00a567a29bd9001709ceb9f402b3/da8b6/ubersuggest.png 1000w\" src=\"/static/311f00a567a29bd9001709ceb9f402b3/da8b6/ubersuggest.png\" alt=\"UberSuggest Floating Bar Example\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/311f00a567a29bd9001709ceb9f402b3/43fa5/ubersuggest.png 250w,\n/static/311f00a567a29bd9001709ceb9f402b3/c6e3d/ubersuggest.png 500w,\n/static/311f00a567a29bd9001709ceb9f402b3/da8b6/ubersuggest.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/311f00a567a29bd9001709ceb9f402b3/43fa5/ubersuggest.png 250w,\n/static/311f00a567a29bd9001709ceb9f402b3/c6e3d/ubersuggest.png 500w,\n/static/311f00a567a29bd9001709ceb9f402b3/da8b6/ubersuggest.png 1000w\" src=\"/static/311f00a567a29bd9001709ceb9f402b3/da8b6/ubersuggest.png\" alt=\"UberSuggest Floating Bar Example\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Of course, yes! You can use it with a hidden menu toggle.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Just click the little icon towards the left side to open the menu. Click it again to close it. It remains accessible for all users on all devices. It works on the largest desktop monitors and the smallest smartphones. It gives a clean effect and a nice way to handle fixed navigation.</p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Sweaty Betty</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Floating sidebars in sites like Sweaty Betty has become the popular floating bar in the digital marketer’s eyes. They have been considering it as an alternative for hello bar.</p>\n\n\n\n<p class=\"wp-block-paragraph\">The notification bar optin contains the discount information through the signup optins. It makes the process easier in order to drive more traffic to the right landing page.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-858 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1024px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:66.40625%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC6klEQVQozzWO3U9SARiHuejDLVsXbdl0uXVjNfWipcUUcJpTMdOYCoofpMiXwAGlA6KCyFQsFDV2jONAMT+ptK2LdNnWTbO2LvoD2tq6qo7KQT7O4ZwDnPKoz9Vv797nfX8siqJIkowyxGIxgiATiQRFUTEMiwQPwgf7GI5TJInjOIZh0WgERVEEQUjqCBadStI0nWRgJke3kslE+PBwb3//L4IQBEHTdCqVSiaPNo/zcWCRyRSO48FgEEEQNITGYlgkEsEw7AANYcw3koEgiOhRL+K4ZjweJwiCRX//FsFi6354Y21hY9UXWJzbWF3Y2Xr3eg6aGbFsBpbfBtYh17jHPeH3etyu8WdjtiW/l2TqsFI+KIRjTptxxmGZnRx1jQxMOyyusSF+UWFNCcdu7h0bMoOaLhCQ9z8BAOXjjtaGYYuRiMcZeRFGI2GnFXzhtM9DU/D0U++Mo7Ot6dz59KsZmUZA7Rq3W016s0Ft0qv0qk5Zh3jENhA/kdf8KI7brEaHY2jaPemcGIPcTkEN/2L6pazMLINWNW639IMAqFNpFR2ydpGkud5uNZ/ICR8UCbzcVra/l4s/qDt3NNLtgR4ej3v2TFr2tWyTXuMYHhww6kC9ytSjNfUC0vZmixk8kTFOHsbNp0pvU+UFRNkdmpP7S1jF45Xk5+SUcTgOu23IDPZqFWp5h7FH22fQScTCfqPhVOYXYW110eYH0ZbasIifKi/4UlF8/VZuY1VlW71geLAP1Km7ZRKpRKxTyTTKLnHjI2MPgOP46edKNlFXSlTcxWu4NJ/99T6blXYh4/IVtUIxarMagG61QqqWd2mVco1SLmlpUsikKBpi5Ip70fJCpDh3j33zNycvys3bKrhRUVXN5/JahQ2AUtbZIhI3Chprq0WCWlG94GE1XywUhkKMTCN/Yj9/fFpZ+Ljk256Ht32egHtq9/Pu5ptX8/Ds8oLX74V98KwPhjzQc9+cB56F1ldXKIr8L/8DpULrLLWT9IkAAAAASUVORK5CYII=\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/71ae2ce8e94232e9a01777d009e80100/85b06/bsweaty-betty.png 256w,\n/static/71ae2ce8e94232e9a01777d009e80100/bc282/bsweaty-betty.png 512w,\n/static/71ae2ce8e94232e9a01777d009e80100/f1720/bsweaty-betty.png 1024w,\n/static/71ae2ce8e94232e9a01777d009e80100/2e9ed/bsweaty-betty.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"/><img sizes=\"(max-width: 1024px) 100vw, 1024px\" srcSet=\"/static/71ae2ce8e94232e9a01777d009e80100/85b06/bsweaty-betty.png 256w,\n/static/71ae2ce8e94232e9a01777d009e80100/bc282/bsweaty-betty.png 512w,\n/static/71ae2ce8e94232e9a01777d009e80100/f1720/bsweaty-betty.png 1024w,\n/static/71ae2ce8e94232e9a01777d009e80100/2e9ed/bsweaty-betty.png 1500w\" src=\"/static/71ae2ce8e94232e9a01777d009e80100/f1720/bsweaty-betty.png\" alt=\"Sweaty Betty Floating Sidebar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/71ae2ce8e94232e9a01777d009e80100/85b06/bsweaty-betty.png 256w,\n/static/71ae2ce8e94232e9a01777d009e80100/bc282/bsweaty-betty.png 512w,\n/static/71ae2ce8e94232e9a01777d009e80100/f1720/bsweaty-betty.png 1024w,\n/static/71ae2ce8e94232e9a01777d009e80100/2e9ed/bsweaty-betty.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /><img loading=\"eager\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"/static/71ae2ce8e94232e9a01777d009e80100/85b06/bsweaty-betty.png 256w,\n/static/71ae2ce8e94232e9a01777d009e80100/bc282/bsweaty-betty.png 512w,\n/static/71ae2ce8e94232e9a01777d009e80100/f1720/bsweaty-betty.png 1024w,\n/static/71ae2ce8e94232e9a01777d009e80100/2e9ed/bsweaty-betty.png 1500w\" src=\"/static/71ae2ce8e94232e9a01777d009e80100/f1720/bsweaty-betty.png\" alt=\"Sweaty Betty Floating Sidebar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">In both cases, they have been using contrasting colors for their floating bars. They have also used the fact of FOMO clearly. It is nothing but insisting the visitors to buy the product by putting a definite and date for the offer.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Shockingly, the conversion rate is about 8.45% conversion rate. Just imagine how the conversion rate would be when you prefer the floating bars for your website too.</p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Envira Gallery</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Envira Gallery is another amazing floating bar example which are great for content producers. Envira Gallery keeps it simple by using the floating bar optins to encourage the visitors to move deeper into the site.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-862 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:620px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:75.48387096774194%\"></span><img aria-hidden=\"true\" src=\"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUDBP/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAG0haRacJP/xAAbEAACAgMBAAAAAAAAAAAAAAABAwACBBESFP/aAAgBAQABBQLqkJAldWHeMWLais9SVz//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPwFH/8QAHRAAAgICAwEAAAAAAAAAAAAAAAECESGRIzFRgf/aAAgBAQAGPwLtbMmBzc5e1Q+ST+FW9H//xAAaEAACAwEBAAAAAAAAAAAAAAABEQAhMVFh/9oACAEBAAE/IbDsKgMyC8hOYjkDJZWW5vsG/Ad0Z//aAAwDAQACAAMAAAAQC9//xAAWEQEBAQAAAAAAAAAAAAAAAAAAAWH/2gAIAQMBAT8QuI//xAAXEQEAAwAAAAAAAAAAAAAAAAABABEh/9oACAECAQE/EG6yJTZ//8QAGxABAQACAwEAAAAAAAAAAAAAAREAITFBUWH/2gAIAQEAAT8QY26o6PmcnpK13lBrU3jAlzQK3F+BYMA35iN429Gf/9k=\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/093e80d91b56b6a00add4e1e0131595f/46d1f/envira-gallery.jpg 155w,\n/static/093e80d91b56b6a00add4e1e0131595f/d2e6e/envira-gallery.jpg 310w,\n/static/093e80d91b56b6a00add4e1e0131595f/e6001/envira-gallery.jpg 620w\" sizes=\"(max-width: 620px) 100vw, 620px\"/><img sizes=\"(max-width: 620px) 100vw, 620px\" srcSet=\"/static/093e80d91b56b6a00add4e1e0131595f/46d1f/envira-gallery.jpg 155w,\n/static/093e80d91b56b6a00add4e1e0131595f/d2e6e/envira-gallery.jpg 310w,\n/static/093e80d91b56b6a00add4e1e0131595f/e6001/envira-gallery.jpg 620w\" src=\"/static/093e80d91b56b6a00add4e1e0131595f/e6001/envira-gallery.jpg\" alt=\"Envira Gallery Floating Bar Example\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/093e80d91b56b6a00add4e1e0131595f/46d1f/envira-gallery.jpg 155w,\n/static/093e80d91b56b6a00add4e1e0131595f/d2e6e/envira-gallery.jpg 310w,\n/static/093e80d91b56b6a00add4e1e0131595f/e6001/envira-gallery.jpg 620w\" sizes=\"(max-width: 620px) 100vw, 620px\" /><img loading=\"eager\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"/static/093e80d91b56b6a00add4e1e0131595f/46d1f/envira-gallery.jpg 155w,\n/static/093e80d91b56b6a00add4e1e0131595f/d2e6e/envira-gallery.jpg 310w,\n/static/093e80d91b56b6a00add4e1e0131595f/e6001/envira-gallery.jpg 620w\" src=\"/static/093e80d91b56b6a00add4e1e0131595f/e6001/envira-gallery.jpg\" alt=\"Envira Gallery Floating Bar Example\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Envira has an amazing Yes/No form. The strategic twist is here. They have switched off the No button in order to redirect the visitors to a piece of pillar content.</p>\n\n\n\n<p class=\"wp-block-paragraph\">A smart move, doesn’t it?</p>\n\n\n\n<p class=\"wp-block-paragraph\">It avoids asking for anything upfront and rewards the click through the valuable resources. You can also use this kind of floating bars in order to direct your visitors to the really converting content available on your website.</p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Ultimate AddOns</h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you have come across any prominent news sites or sites like Elementor, you might have come across the floating video widget. This is an entrance popup that morphs into a persistent sticky video when the visitors visit the site. Instead of Yes/No or other sticky bars, there are huge chances of conversion while using the sticky video widget option.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-882 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:45.599999999999994%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvklEQVQozx2RS2sUQRRG+zdnIy4EF4Iiou6yVFcRRJIYMj4Q40JlhMTHmDHzas1jJtNtz3RV3Vt161bXS5KPw+Hsv4JssszGaCIyxiAiABAZ1NeJqEDFFFOKMWdfNTw4cceTAJpcLixnKeRweFyWs9F4NJ1Nx+PRdDoZT0anp3+lFEK0KaUcU87ZvT6AjTvm5n3/eyYwFmRjFyKiRaArFIEkkEYJg8o6G5wNpDsDToPT6LS0WjGCq+dYgPTzUsuG24qbObU1t7WVK6fWLBqSK6vW3NZUzWG1pNWS6gUuL6BZUlvb4mIm9p+NRj8Xkx/V+Ht9ebYWDanWKWH/VcJgRzqsarg8X6vWQdtVC3H+p1Jri7Ir3n/ob21tP33y/PGjzQf3Hr7a6TW1FGuD4JQ0GthSAGlBWAJP2qNkuUKU1mIoLDmj7dHRt9s3Njbv3jJo2EbS3mAnWgQgpqCBhUAyzvtkNEsBTJ2zoTjsH37s7b3bftHb2e3t7Z8MT1LKjgOT1+gQmMkzd5aYnYsxee+Z2Xufcy5+DQYHb/be7r788vlTv/+1LMucs/fRu9C54K7tuxBjurr6ejmnGFI50P8BiZDs4aH9LAkAAAAASUVORK5CYII=\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/02915ae7647b2f7f878145c1a2d0b199/43fa5/ultimate-addons.png 250w,\n/static/02915ae7647b2f7f878145c1a2d0b199/c6e3d/ultimate-addons.png 500w,\n/static/02915ae7647b2f7f878145c1a2d0b199/da8b6/ultimate-addons.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/02915ae7647b2f7f878145c1a2d0b199/43fa5/ultimate-addons.png 250w,\n/static/02915ae7647b2f7f878145c1a2d0b199/c6e3d/ultimate-addons.png 500w,\n/static/02915ae7647b2f7f878145c1a2d0b199/da8b6/ultimate-addons.png 1000w\" src=\"/static/02915ae7647b2f7f878145c1a2d0b199/da8b6/ultimate-addons.png\" alt=\"Ultimate Addons Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/02915ae7647b2f7f878145c1a2d0b199/43fa5/ultimate-addons.png 250w,\n/static/02915ae7647b2f7f878145c1a2d0b199/c6e3d/ultimate-addons.png 500w,\n/static/02915ae7647b2f7f878145c1a2d0b199/da8b6/ultimate-addons.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/02915ae7647b2f7f878145c1a2d0b199/43fa5/ultimate-addons.png 250w,\n/static/02915ae7647b2f7f878145c1a2d0b199/c6e3d/ultimate-addons.png 500w,\n/static/02915ae7647b2f7f878145c1a2d0b199/da8b6/ultimate-addons.png 1000w\" src=\"/static/02915ae7647b2f7f878145c1a2d0b199/da8b6/ultimate-addons.png\" alt=\"Ultimate Addons Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">When a visitor enters into the site, a floating bar video widget remains in the webpage. When the contrast thing attracts the visitor, there are either chances of clicking the video or staying at the site. So, choose an apt converting video as the sticky floating video widget.</p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Jeff Bulas</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jeff Bula’s site mirrors the navigation bar similar to the OptinMonster floating bar optin. It tends to blend in when the visitor scrolls up or down on the website. However, it is pretty effective when the visitors first land on the site.</p>\n\n\n\n<figure class=\"wp-block-image size-large\"><span class=\"wp-image-866 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:620px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:61.935483870967744%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAACcklEQVQoz3XL708SARgH8Hsf6nmjd6UIloAFKFv9Mb12SG6Vr7Le9KZaOO84ETTd4Z2SzbThj9J/oFbaLCnAcQcHB3cH3B3O+yHIFj8asDa31mffPfs+2/MAHs+r6WkPiqLobIuvDUVRBEa8bQjihWEEaW+IF4HXEXQHnfvo92DTwLkiZaifgijl83lBEGRZliRJVdXm/zSazXqzWWsVgON5MklmGYYkSYqiaJqmKIplWU3TVFVVFUVTZFlVzxSl089UWVFlRVMVVQVqtVr9r0ajUa/XRVHkeb5QyOfFs2Li0+9DzwKpPQodHjz3NfCH3s313YWlff/+IVkF2H+k25hMJsNkGTrBkkeRVO7rL5L8dsRFvhzHo/HjSPxHnEyxgMlkGhoaslqtZrPZYrFYrNYRx4jZbBkdHbXbHTa7w2K12W8Nj9iGnXfv3By+7bDbnE7n4I3B/r7rgF5/1WQa1Ov1vb29EAR1JgiCnX4ZdAkIgt3d3cC7NWJjDQ8RQSK4hGOLoZXgKo6tEsEQEXyzuhwiWmtrEtgKji1jr/FWFnFs8W0IB3hRYdhiki2d0HyUzNKclOIkpnBKZYWDSCJ2kkjn8mn+NM1JNCee0GwsycZSfCzJZQsKUAy7hK1xactV2p2Q9ibFDw8KYXduY7wYHuc2xjLrY9K2i33vzm12MiFt3y/tuEs7biHsAiqw7mJGV5nRlRFQC/RXAteKL3r23NDnSej7YxC7Byaf9USmoOgTMPoUik6B0suuKnylMqOrwF3AeWCgHDCU/a1U5vrKc/0XAYPiM0peY8k7cIoaS6hRnh2ozhuqAUN13lD2t+/bL38AO7zF8jxgM7gAAAAASUVORK5CYII=\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/b87f2922763270280eb75baeb9f092f5/a2208/jeff-bulas.png 155w,\n/static/b87f2922763270280eb75baeb9f092f5/af43a/jeff-bulas.png 310w,\n/static/b87f2922763270280eb75baeb9f092f5/913ff/jeff-bulas.png 620w\" sizes=\"(max-width: 620px) 100vw, 620px\"/><img sizes=\"(max-width: 620px) 100vw, 620px\" srcSet=\"/static/b87f2922763270280eb75baeb9f092f5/a2208/jeff-bulas.png 155w,\n/static/b87f2922763270280eb75baeb9f092f5/af43a/jeff-bulas.png 310w,\n/static/b87f2922763270280eb75baeb9f092f5/913ff/jeff-bulas.png 620w\" src=\"/static/b87f2922763270280eb75baeb9f092f5/913ff/jeff-bulas.png\" alt=\"JeffBullas Floating Sidebar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/b87f2922763270280eb75baeb9f092f5/a2208/jeff-bulas.png 155w,\n/static/b87f2922763270280eb75baeb9f092f5/af43a/jeff-bulas.png 310w,\n/static/b87f2922763270280eb75baeb9f092f5/913ff/jeff-bulas.png 620w\" sizes=\"(max-width: 620px) 100vw, 620px\" /><img loading=\"eager\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"/static/b87f2922763270280eb75baeb9f092f5/a2208/jeff-bulas.png 155w,\n/static/b87f2922763270280eb75baeb9f092f5/af43a/jeff-bulas.png 310w,\n/static/b87f2922763270280eb75baeb9f092f5/913ff/jeff-bulas.png 620w\" src=\"/static/b87f2922763270280eb75baeb9f092f5/913ff/jeff-bulas.png\" alt=\"JeffBullas Floating Sidebar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">The black hello bar combines with the compelling social proof in order to entice the offer for free information. You can also use the green CTA button in the floating bar to attract and urge the visitor’s action.</p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Search Engine Journal</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Search Engine Journal has one of the favorite navigation bars among marketers. You can notice the floating bar sticking on all the pages. If you visit the homepage, you will find the logo embedded directly in their “featured story” box. It is one of the major components of the great magazine-style website. But, if you scroll down, you will really catch a really cool animation.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-870 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:46%\"></span><img aria-hidden=\"true\" src=\"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAJABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFBv/EABcBAAMBAAAAAAAAAAAAAAAAAAECAwT/2gAMAwEAAhADEAAAAaro6JadAQwN/8QAGxAAAgEFAAAAAAAAAAAAAAAAAQIAEBESIUL/2gAIAQEAAQUCVxnqwIp1P//EABYRAAMAAAAAAAAAAAAAAAAAAAAUYf/aAAgBAwEBPwFei9P/xAAVEQEBAAAAAAAAAAAAAAAAAAAAE//aAAgBAgEBPwGij//EABoQAAEFAQAAAAAAAAAAAAAAAAABAhARITH/2gAIAQEABj8Cc1Lw07CR/8QAGxAAAgIDAQAAAAAAAAAAAAAAAREAIRAxQbH/2gAIAQEAAT8hUTQWT5CSIIlbidBU4YcX/9oADAMBAAIAAwAAABBUL//EABYRAQEBAAAAAAAAAAAAAAAAAAEA8f/aAAgBAwEBPxAGJM//xAAYEQACAwAAAAAAAAAAAAAAAAAAARFRYf/aAAgBAgEBPxB4J0f/xAAZEAEAAwEBAAAAAAAAAAAAAAABABEhoUH/2gAIAQEAAT8QdVboQN368yFy3gh5K8q4KyocmcjCf//Z\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/599d3c92cda69492bb35bb0f3092d967/0988f/search-engine-journal.jpg 250w,\n/static/599d3c92cda69492bb35bb0f3092d967/d1f95/search-engine-journal.jpg 500w,\n/static/599d3c92cda69492bb35bb0f3092d967/dbdff/search-engine-journal.jpg 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/599d3c92cda69492bb35bb0f3092d967/0988f/search-engine-journal.jpg 250w,\n/static/599d3c92cda69492bb35bb0f3092d967/d1f95/search-engine-journal.jpg 500w,\n/static/599d3c92cda69492bb35bb0f3092d967/dbdff/search-engine-journal.jpg 1000w\" src=\"/static/599d3c92cda69492bb35bb0f3092d967/dbdff/search-engine-journal.jpg\" alt=\"Search Engine Journal Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/599d3c92cda69492bb35bb0f3092d967/0988f/search-engine-journal.jpg 250w,\n/static/599d3c92cda69492bb35bb0f3092d967/d1f95/search-engine-journal.jpg 500w,\n/static/599d3c92cda69492bb35bb0f3092d967/dbdff/search-engine-journal.jpg 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/599d3c92cda69492bb35bb0f3092d967/0988f/search-engine-journal.jpg 250w,\n/static/599d3c92cda69492bb35bb0f3092d967/d1f95/search-engine-journal.jpg 500w,\n/static/599d3c92cda69492bb35bb0f3092d967/dbdff/search-engine-journal.jpg 1000w\" src=\"/static/599d3c92cda69492bb35bb0f3092d967/dbdff/search-engine-journal.jpg\" alt=\"Search Engine Journal Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">The floating bar text shifts to the right and the logo animates into view. It helps in providing a dynamic look. The sticky bars have nice dropdown menus, great colors, typography, etc.</p>\n\n\n\n<h3 class=\"wp-block-heading\">9. OptinMonster</h3>\n\n\n\n<p class=\"wp-block-paragraph\">OptinMonster, the much-awaited floating bar example in this list, seems to be one among the favorite ones. You can announce a sale or a deal using the OptinMonster floating bar WordPress plugin. Typically, you can see the floating bar optin at the top of the OptinMonster’s pricing page where the visitors will not miss it.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-868 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:46.800000000000004%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB3klEQVQozzWQS2sTYRSG59f5C0TQnZQWNwVR6EaFYnUhrW4CXVStVBQK3UhvkTQJTb9Go7WbNJcmmTGTyUxmMpfMfJnM9bscmQQfzubAed4XjnAph3UjuhrgH6KBelahbRXbZrljl26tYss8a5mXkofkYPXEePq987zYWDkcvP/jXWtRpR8IMIck8dR1sGPNXNt37Znn+BNrOrGxY6ZxBMA5m0bhxPedOLIBkoUlpJQxAHfqK5qu6qaiGupoPNTGmmGODHOo6R72CaO6o/Xktqh0+poYJjNCeUqZwDkHgJSkbhA4s4CxFIBwlpKMlJAsnC7WBDgDDozQmHPgnAssk7nnU1FN+no20ijRrDROaBjTICJxprPm+LQmf7pW9n8ruzjSAIBxJhCaNedreGmz/+C1fv/V6O766NkH40ZyuwN8Izod2eGMKe5V16oo7q+uVQoSB+ZvEAhhAHDy03/4Rl15py+/Xcjj01r/61l7v1Bv9gzKQVGxLhk4pJnGOJsj0MyFw+p0eUtZ2xmu5rR7G+P1PTePWo+3qy93L24lAwDMCQ6wly6u/yM0Gk0AQHV/bcfc+OI+yf298+h46UV+++PBZm5vK/f54FsBIXR8dFQql9FF5bxyjhCqVqsIoX/eadSOg5JGxAAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/2f93cea98ac87b52f36b4c9bb6b07714/43fa5/optinmonster-1.png 250w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/c6e3d/optinmonster-1.png 500w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/da8b6/optinmonster-1.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/2f93cea98ac87b52f36b4c9bb6b07714/43fa5/optinmonster-1.png 250w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/c6e3d/optinmonster-1.png 500w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/da8b6/optinmonster-1.png 1000w\" src=\"/static/2f93cea98ac87b52f36b4c9bb6b07714/da8b6/optinmonster-1.png\" alt=\"OptinMonster Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/2f93cea98ac87b52f36b4c9bb6b07714/43fa5/optinmonster-1.png 250w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/c6e3d/optinmonster-1.png 500w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/da8b6/optinmonster-1.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/2f93cea98ac87b52f36b4c9bb6b07714/43fa5/optinmonster-1.png 250w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/c6e3d/optinmonster-1.png 500w,\n/static/2f93cea98ac87b52f36b4c9bb6b07714/da8b6/optinmonster-1.png 1000w\" src=\"/static/2f93cea98ac87b52f36b4c9bb6b07714/da8b6/optinmonster-1.png\" alt=\"OptinMonster Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">They usually stick to the default countdown timer color scheme with a black text and a red countdown button. You can also see a yellow coupon code. They have been using the floating bar optins in all their sites.</p>\n\n\n\n<h3 class=\"wp-block-heading\">10. Chewy</h3>\n\n\n\n<p class=\"wp-block-paragraph\">The chewy has been using the eCommerce product reminder concept. It is a really cool floating bar optin. As a visitor scroll down a product page on an eCommerce site, the site owner can place the “Add to cart” sticky bar when the visitor scroll past the main image.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-860 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:56%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACEElEQVQoz2WQTWtTQRSG728oblxYiogfRfwB7kQQQdCCK/EXuPEHuHIXaKMmxI+ulNZitR9o8YMuktIGUgQJVhQl1kSxicnN/ZjJnbkz9845MyM3tdDiw8vhwFmc932ds4+Dqwvh+dnwdiXMrQe5DZKvsakay29mKr5nF54Go4X+WNE7cd8/WiJjd9un7n0/MvX78B3PGX/on5v1zkz3Ls4F15b9iUUysTS4vjK4/GJwaX5wZWEw/igcyQejhfbxUutk6cexQuN0qXlosjcy6TlrrXjjp6g047cNsdogK9XSy0rude3JfL33vO49++Auf3RfbbmrX71yI6g26XqTVlu80hTlbe4YTHQamzS2SliUFvoWehZ9a5W1kE2jrE6tAWu1PQA4MkkjLmjECB1ELE7BZFJGKUiHUgpQa9QaAFFEGFOICUquAJ3Or+2Z6aIIaSKElDIeIvYhpUREBQiJ8JZuuXM3+zM3aPkBGusQ3/1S30wZh4inQgCA/Q/UOgHUiIHbdbs7zP2T+H3U2jHGZGfEzJ8CyMwhAiDs7XsAII+zgIlMQCaA4MRKUBlp868MM2T/W2OM1geqMkMhoiMlo8QNfJ8EHmc8SVNGSKdejwgNfJcxJoSENGl/+0TDMPQ9ztmwlBgAHE76zHMFCTjtSymNtaSz8/ndoiSU066UAlGrRG6tvYk8XxBXikgp2A34F1OPQ3qbFhSIAAAAAElFTkSuQmCC\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/cc016dcfaf88814078b86fb4f30e42f3/43fa5/chewy.png 250w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/c6e3d/chewy.png 500w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/da8b6/chewy.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/cc016dcfaf88814078b86fb4f30e42f3/43fa5/chewy.png 250w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/c6e3d/chewy.png 500w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/da8b6/chewy.png 1000w\" src=\"/static/cc016dcfaf88814078b86fb4f30e42f3/da8b6/chewy.png\" alt=\"Chewy Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/cc016dcfaf88814078b86fb4f30e42f3/43fa5/chewy.png 250w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/c6e3d/chewy.png 500w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/da8b6/chewy.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/cc016dcfaf88814078b86fb4f30e42f3/43fa5/chewy.png 250w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/c6e3d/chewy.png 500w,\n/static/cc016dcfaf88814078b86fb4f30e42f3/da8b6/chewy.png 1000w\" src=\"/static/cc016dcfaf88814078b86fb4f30e42f3/da8b6/chewy.png\" alt=\"Chewy Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">The sticky discount nudge sticks with your customer in every step till the checkout process. Clearly, the visitor will feel comfortable with the coupon being applied to the sale. As eCommerce is an incredibly competitive niche, it is necessary to stick the coupon code or discount rates in the floating bar.</p>\n\n\n\n<h3 class=\"wp-block-heading\">11. WPForms</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, here is the attractive sticky floating bar WordPress plugin used in WPForms. It is a count-down sticky bar in action. Comparatively, the count down sticky bar attracts the visitors eventually to the target page.</p>\n\n\n\n<figure class=\"wp-block-image size-large\"><span class=\"wp-image-884 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:1000px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:60.4%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAACPElEQVQoz2WRzU8TQRTA978ikRAvlFIgCPEEYhQ00US8wcHEA34QD0RUiAeiERO8KCpru7uFftDFQgrVUkOxgIAJWjV8bFt252t3Z/cZuool/jKHmTf5vffmjZCfV3a/rhb3foJrAwC4nBCMMNINAyEdoS8YbyAjT/kvY3Ox8PSqlnxR1o2ipjHGhPza2u1bA2Px3Eh84/nC9khsPZ5M6YdljDGlxDSRaWLLwpZNbYZZedcmuoFQJpMhhAgf0+mGQFP7aLxmMNo6qtYMRsZfikgvA0Ch8EPTio7jui6AtypQSmOx2JGcXlryB5qGwyt35fyD6Pod6fOroHJYKgJANpvd2toCAM65+xcAIIQkEomKnE43+BsTq9+Sm9ritpbc1ER5plwq2pzbts05tyzLreJYppQKy8uZ+gb/5WfzLaNzPeOpwMPExJsQQYZXsLpmtayqquM4wqds1tcY6Bqb8w2r558s+O4nJl5LDKOjwVdwTgIAGOM/smHouVzu+4G+c6AXNGNnX9/d2zdN02v7f7yHlEol13UFr5N/o/QOLrgnAlVXAE7lAzjngheyLAtjZJoMY0wwNhkzGWOUYsIQZQgTRBghhCKdYnScWAgq0+HobCg8MxWSRTksyspUSAopM0Fl+m1QisviQkxJxsLvw+I7SRbVRUlNzX5YiaSykbgqXO+/eWPgXlvnxbNdl9o7u9vP9ZzpqOw7uk8H2h5dqAv1+Sf7mqXe2iu91+qG5NahyebhYG3/41P1Lb8BwoZYWvhnhj0AAAAASUVORK5CYII=\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/ca84dd714bd0e733d992a8f333efcca5/43fa5/wp-forms.png 250w,\n/static/ca84dd714bd0e733d992a8f333efcca5/c6e3d/wp-forms.png 500w,\n/static/ca84dd714bd0e733d992a8f333efcca5/da8b6/wp-forms.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"/><img sizes=\"(max-width: 1000px) 100vw, 1000px\" srcSet=\"/static/ca84dd714bd0e733d992a8f333efcca5/43fa5/wp-forms.png 250w,\n/static/ca84dd714bd0e733d992a8f333efcca5/c6e3d/wp-forms.png 500w,\n/static/ca84dd714bd0e733d992a8f333efcca5/da8b6/wp-forms.png 1000w\" src=\"/static/ca84dd714bd0e733d992a8f333efcca5/da8b6/wp-forms.png\" alt=\"WP Forms Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/ca84dd714bd0e733d992a8f333efcca5/43fa5/wp-forms.png 250w,\n/static/ca84dd714bd0e733d992a8f333efcca5/c6e3d/wp-forms.png 500w,\n/static/ca84dd714bd0e733d992a8f333efcca5/da8b6/wp-forms.png 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /><img loading=\"eager\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"/static/ca84dd714bd0e733d992a8f333efcca5/43fa5/wp-forms.png 250w,\n/static/ca84dd714bd0e733d992a8f333efcca5/c6e3d/wp-forms.png 500w,\n/static/ca84dd714bd0e733d992a8f333efcca5/da8b6/wp-forms.png 1000w\" src=\"/static/ca84dd714bd0e733d992a8f333efcca5/da8b6/wp-forms.png\" alt=\"WP Forms Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Using the countdown timer, you can easily create urgency in buying the products. It also helps to showcase the clear offer and the discounts for the product on the site. It helps the visitors to get a clarity about the sale.</p>\n\n\n\n<p class=\"wp-block-paragraph\">So, everything about the floating bar examples are done!</p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, its a bonus time for you!!</p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>We have listed out the sticky floating bar templates that you may use today to increase your conversion rate.</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">HERE YOU GO!</p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sticky Bar Template 1:</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">You can use this template to build your email list for an upcoming beta product. The template from <a href=\"https://optinly.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Optinly</a> seems to be a good option to increase your email subscribers too.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-872 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:562px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:82.97872340425532%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAIAAABSJhvpAAAACXBIWXMAAAsTAAALEwEAmpwYAAABJ0lEQVQ4y5WTT0vDQBDF+xk9ePT7ePDi1UsVsQiigvjvVE+ClKaHSgpqSJNgY1qbJm12dya7syMa9Zx9x4Hfzpt5sx1oJ6UUIqo/NcUOtFZRFABQ/6h5oi2MiN7IE1Iys7W2ad5pbzuK4yiKkiTJ87zhHWB/Mnn2fQmgtSZjHGBQKl+t5p/LxWL5kWZVVSGiQ+dwGr4G4VsQBtNISOm27bLcrMpNUa6FVLU20NJ2EzKzZSbmmpmIqO3MiLDeyOPTl+6Jf9QbHxz6A29hNDrAZ1fZxW1215/3zrOn4dJocLL9K7KSyCmq73hJa8Iag3QsleO2rbVk7OPg4bLfjd/DutYOtomImff2d7d3tmazFJ1uGwCYeegNb+6vRVW53baUUghhjPn/VV+AVcw05UdvbAAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/5b5d75b0ff8309045b86373a6be48ccc/f5163/sticky-bar-template-1.png 141w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/cab39/sticky-bar-template-1.png 281w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/eef63/sticky-bar-template-1.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\"/><img sizes=\"(max-width: 562px) 100vw, 562px\" srcSet=\"/static/5b5d75b0ff8309045b86373a6be48ccc/f5163/sticky-bar-template-1.png 141w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/cab39/sticky-bar-template-1.png 281w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/eef63/sticky-bar-template-1.png 562w\" src=\"/static/5b5d75b0ff8309045b86373a6be48ccc/eef63/sticky-bar-template-1.png\" alt=\"Optinly Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/5b5d75b0ff8309045b86373a6be48ccc/f5163/sticky-bar-template-1.png 141w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/cab39/sticky-bar-template-1.png 281w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/eef63/sticky-bar-template-1.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\" /><img loading=\"eager\" sizes=\"(max-width: 562px) 100vw, 562px\" srcset=\"/static/5b5d75b0ff8309045b86373a6be48ccc/f5163/sticky-bar-template-1.png 141w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/cab39/sticky-bar-template-1.png 281w,\n/static/5b5d75b0ff8309045b86373a6be48ccc/eef63/sticky-bar-template-1.png 562w\" src=\"/static/5b5d75b0ff8309045b86373a6be48ccc/eef63/sticky-bar-template-1.png\" alt=\"Optinly Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sticky Bar Template 2:</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">If you have multiple websites or online stores, you can use Location targeting floating bars to navigate the visitors to the targeted page.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-874 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:562px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:82.97872340425532%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAIAAABSJhvpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAtUlEQVQ4y+2QwQrCMAyG9/K76jt58RGcWdU9wJq1G+2atFBpi7rBDoLgaT/hJ4d8Ifkr94OqHd7hf8DzF8pTrtQK5oV8VmmWTkTeU4wcIzOnFQkmIjUorTUiDsMgpURErXXf94j4cjnPRqK7ihFu0zg5ogwbY9q27boOAIQQTdMAwOP+UCptLC4lxsins6wPl/oIIMYY+fOzzSqNMcZaG0Lw3r893c4UQipm2k6biIpvZbZK+wlqK9Vs0Ro+6AAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/9a6ab1cf999eb5467d4e6cf34892a5a8/f5163/sticky-bar-template-2.png 141w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/cab39/sticky-bar-template-2.png 281w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/eef63/sticky-bar-template-2.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\"/><img sizes=\"(max-width: 562px) 100vw, 562px\" srcSet=\"/static/9a6ab1cf999eb5467d4e6cf34892a5a8/f5163/sticky-bar-template-2.png 141w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/cab39/sticky-bar-template-2.png 281w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/eef63/sticky-bar-template-2.png 562w\" src=\"/static/9a6ab1cf999eb5467d4e6cf34892a5a8/eef63/sticky-bar-template-2.png\" alt=\"Optinly Floating Bar\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/9a6ab1cf999eb5467d4e6cf34892a5a8/f5163/sticky-bar-template-2.png 141w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/cab39/sticky-bar-template-2.png 281w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/eef63/sticky-bar-template-2.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\" /><img loading=\"eager\" sizes=\"(max-width: 562px) 100vw, 562px\" srcset=\"/static/9a6ab1cf999eb5467d4e6cf34892a5a8/f5163/sticky-bar-template-2.png 141w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/cab39/sticky-bar-template-2.png 281w,\n/static/9a6ab1cf999eb5467d4e6cf34892a5a8/eef63/sticky-bar-template-2.png 562w\" src=\"/static/9a6ab1cf999eb5467d4e6cf34892a5a8/eef63/sticky-bar-template-2.png\" alt=\"Optinly Floating Bar\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sticky Bar Template 3:</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to make your visitors keen on knowing the discount options available on your site, then you can use the following sticky floating bar template to increase the sales.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-876 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:562px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:82.97872340425532%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAIAAABSJhvpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA0ElEQVQ4y+2QsQrCMBCG86puTi66uLgILr6Gm+Am+AQiiI+gaU2bFq0OYnLXXMNpDRUHwUFw8uM4fo7/h+QX5ReIf/gf/lEYGx76jRURjQFrwRgAqB0CEd0DojBvaAzEDVVVIaJwzhljtc61zlWij8fCe09EYQfhvWfmorgOhvPReNHtz9abmNmHsInjJE0zrTOlklRnUu6ljJVKo2i/3crT6czMh8Ol05v2+rNWe7Jc7erw85+uIehwCBuxtLb2PJ9NRAAgXqv6iK0JhcG9sBtdydRbl+M3NAAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/e2b5dabb3e6bcd333d53a898002ade9c/f5163/sticky-bar-template-3.png 141w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/cab39/sticky-bar-template-3.png 281w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/eef63/sticky-bar-template-3.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\"/><img sizes=\"(max-width: 562px) 100vw, 562px\" srcSet=\"/static/e2b5dabb3e6bcd333d53a898002ade9c/f5163/sticky-bar-template-3.png 141w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/cab39/sticky-bar-template-3.png 281w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/eef63/sticky-bar-template-3.png 562w\" src=\"/static/e2b5dabb3e6bcd333d53a898002ade9c/eef63/sticky-bar-template-3.png\" alt=\"Optinly Sticky Bar Template\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/e2b5dabb3e6bcd333d53a898002ade9c/f5163/sticky-bar-template-3.png 141w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/cab39/sticky-bar-template-3.png 281w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/eef63/sticky-bar-template-3.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\" /><img loading=\"eager\" sizes=\"(max-width: 562px) 100vw, 562px\" srcset=\"/static/e2b5dabb3e6bcd333d53a898002ade9c/f5163/sticky-bar-template-3.png 141w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/cab39/sticky-bar-template-3.png 281w,\n/static/e2b5dabb3e6bcd333d53a898002ade9c/eef63/sticky-bar-template-3.png 562w\" src=\"/static/e2b5dabb3e6bcd333d53a898002ade9c/eef63/sticky-bar-template-3.png\" alt=\"Optinly Sticky Bar Template\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sticky Bar Template 4:</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">You can this template to highlight and divert the visitors to your most converting blog.</p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><span class=\"wp-image-878 inline-gatsby-image-wrapper gatsby-image-wrapper\" style=\"position:relative;overflow:hidden;max-width:100%;width:562px\" data-reactroot=\"\"><span aria-hidden=\"true\" style=\"width:100%;padding-bottom:82.97872340425532%\"></span><img aria-hidden=\"true\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAIAAABSJhvpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAu0lEQVQ4y+2QwQrCMAyG956CF8HH0rcQZLCDB59AFLw5uqXdhqe1adNuEdcx9CAIXjzsOySQ8OcPf2J/IJnFs/iPxIiotdHaIOIods4RkfvAtLHWhuB5wBMh4uhszPOYiQ1Hk2mIaI02zP0tb9LskmbnAu4hUOKca9sWAJRUUIIQJYBs6kZKpVRVVbUQhZQyzwVzv9ufluvtYrU5HK/M/fi2HyCiobwR5+TJWusDMXfMnfcvb38fWCSm/QB3c9UDZv7MlQAAAABJRU5ErkJggg==\" alt=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition-delay:500ms\"/><picture><source srcSet=\"/static/674a581039294bb65c410e27edf3af4a/f5163/sticky-bar-template-4.png 141w,\n/static/674a581039294bb65c410e27edf3af4a/cab39/sticky-bar-template-4.png 281w,\n/static/674a581039294bb65c410e27edf3af4a/eef63/sticky-bar-template-4.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\"/><img sizes=\"(max-width: 562px) 100vw, 562px\" srcSet=\"/static/674a581039294bb65c410e27edf3af4a/f5163/sticky-bar-template-4.png 141w,\n/static/674a581039294bb65c410e27edf3af4a/cab39/sticky-bar-template-4.png 281w,\n/static/674a581039294bb65c410e27edf3af4a/eef63/sticky-bar-template-4.png 562w\" src=\"/static/674a581039294bb65c410e27edf3af4a/eef63/sticky-bar-template-4.png\" alt=\"Optinly Sticky Bar Template\" loading=\"eager\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 500ms\"/></picture><noscript><picture><source srcset=\"/static/674a581039294bb65c410e27edf3af4a/f5163/sticky-bar-template-4.png 141w,\n/static/674a581039294bb65c410e27edf3af4a/cab39/sticky-bar-template-4.png 281w,\n/static/674a581039294bb65c410e27edf3af4a/eef63/sticky-bar-template-4.png 562w\" sizes=\"(max-width: 562px) 100vw, 562px\" /><img loading=\"eager\" sizes=\"(max-width: 562px) 100vw, 562px\" srcset=\"/static/674a581039294bb65c410e27edf3af4a/f5163/sticky-bar-template-4.png 141w,\n/static/674a581039294bb65c410e27edf3af4a/cab39/sticky-bar-template-4.png 281w,\n/static/674a581039294bb65c410e27edf3af4a/eef63/sticky-bar-template-4.png 562w\" src=\"/static/674a581039294bb65c410e27edf3af4a/eef63/sticky-bar-template-4.png\" alt=\"Optinly Sticky Bar Template\" style=\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\"/></picture></noscript></span></figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https://optinly.com/features#floating-sidebar\" target=\"_blank\" rel=\"noreferrer noopener\">Time to try our floating bar templates for your website</a></h2>\n\n\n\n<p class=\"wp-block-paragraph\">The floating bar template always adds a special benefit to your website. When a visitor enters into your website, you can grab their attention within seconds with the attractive floating bar WordPress plugin. The examples are proof that many high-end sites have been using the floating bar templates and are getting benefited from that.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, it’s your turn to boost your site’s conversion rate. Try out the most attractive templates available and give a new yet astonishing look to your website from now on.</p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs</h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to create a floating bar on my WordPress site?</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">Creating a floating bar for your WordPress site seems very easy. <a rel=\"noreferrer noopener\" href=\"https://optinly.com/docs/\" target=\"_blank\">Click here</a> and know the step by step guide to creating an attractive floating bar on your website.</p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What are the uses of the floating bar?</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">Floating bars help the site owner to create attractive header and footer bars with eye-stealing offers or highly convertible information. Floating bars are an easy way to convert visitors into customers without annoying them.</p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Can I use floating bars for my eCommerce site?</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">Yes, you can use floating bars for your eCommerce site. Try to showcase the discount offers and the coupon code through the floating bar. It gives high conversion to your website.</p>\n","title":"11 Floating bar examples you should use today [with FREE Templates]","date":"August 26, 2020","featuredImage":{"node":{"altText":"","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#d8e8f8","images":{"fallback":{"src":"/static/a30e187f8a80bd9d061cab5120fcb2a8/6e3db/optinly_11-floating-bar-examples-you-should-use-today-with-free-templates.png","srcSet":"/static/a30e187f8a80bd9d061cab5120fcb2a8/3fb35/optinly_11-floating-bar-examples-you-should-use-today-with-free-templates.png 750w,\n/static/a30e187f8a80bd9d061cab5120fcb2a8/6e3db/optinly_11-floating-bar-examples-you-should-use-today-with-free-templates.png 1001w","sizes":"100vw"},"sources":[{"srcSet":"/static/a30e187f8a80bd9d061cab5120fcb2a8/7c2d4/optinly_11-floating-bar-examples-you-should-use-today-with-free-templates.webp 750w,\n/static/a30e187f8a80bd9d061cab5120fcb2a8/186dd/optinly_11-floating-bar-examples-you-should-use-today-with-free-templates.webp 1001w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.41758241758241754}}}}},"author":{"node":{"avatar":{"url":"https://secure.gravatar.com/avatar/072cd22515f1fbf7b8102aad12ef4d336437d763a55af695cf54198f591712da?s=96&d=mm&r=g"},"name":"Monisha Thangavel","description":"Monisha Thangavel is an ardent writer and a blogger carrying years of experience in different realms including eCommerce, Tech, and SEO. Her brevity rich writings flash a light upon the uncovered yet important points about WordPress and eCommerce plugins. Apart from content, Monisha spends her free time learning calligraphic writing."}},"categories":{"nodes":[{"name":"Conversion Rate Optimization","slug":"conversion-rate-optimization","count":14}]},"seo":{"metaTitle":"11 Floating bar examples you should use today","metaKeywords":"floating bar wordpress plugin, Floating bar examples, Sticky bar for your website, Floating bar optins","metaDescription":"Floating bar WordPress plugins have become the handiest solution to grab the customers' attention. Why not try placing a floating bar on your website? Just glance at how other brands are attracting their customers with the sticky navigation bar!"}},"previous":{"uri":"/create-popup-forms-with-wordpress-popup-plugin/","title":"How to Create a Popup Form in 8 Simple Steps?"},"next":{"uri":"/best-sales-promotion-ideas/","title":"10 Best Low-Cost Sales Promotion Ideas for Small Businesses"},"site":{"siteMetadata":{"siteUrl":"https://optinly.com","description":"Optinly | A Powerful Opt-in Tool for Conversion!","title":"Optinly"}},"tagsGroup":{"nodes":[{"name":"#Affiliate Marketing","slug":"affiliate-marketing","uri":"/tag/affiliate-marketing/","count":1},{"name":"#Content marketing","slug":"content-marketing-2","uri":"/tag/content-marketing-2/","count":1},{"name":"#Email marketing","slug":"email-marketing-2","uri":"/tag/email-marketing-2/","count":1},{"name":"#Influencer Marketing","slug":"influencer-marketing","uri":"/tag/influencer-marketing/","count":1},{"name":"#Marketing","slug":"marketing-2","uri":"/tag/marketing-2/","count":1},{"name":"#Social media marketing","slug":"social-media-marketing-2","uri":"/tag/social-media-marketing-2/","count":1},{"name":"#Types of Marketing","slug":"types-of-marketing","uri":"/tag/types-of-marketing/","count":null},{"name":"cms platform","slug":"cms-platform","uri":"/tag/cms-platform/","count":1},{"name":"Content Marketing","slug":"content-marketing","uri":"/tag/content-marketing/","count":null},{"name":"Design","slug":"design","uri":"/tag/design/","count":9},{"name":"Digital Marketing","slug":"digital-marketing","uri":"/tag/digital-marketing/","count":5},{"name":"draganddrop","slug":"draganddrop","uri":"/tag/draganddrop/","count":1},{"name":"eCommerce","slug":"ecommerce","uri":"/tag/ecommerce/","count":10},{"name":"Email","slug":"email","uri":"/tag/email/","count":19},{"name":"Email marketing","slug":"email-marketing","uri":"/tag/email-marketing/","count":null},{"name":"Examples","slug":"examples","uri":"/tag/examples/","count":15},{"name":"Feature Update","slug":"feature-update","uri":"/tag/feature-update/","count":1},{"name":"guide","slug":"guide","uri":"/tag/guide/","count":1},{"name":"Lead generation","slug":"lead-generation","uri":"/tag/lead-generation/","count":1},{"name":"Leads","slug":"leads","uri":"/tag/leads/","count":32}],"totalCount":35},"categoryGroup":{"nodes":[{"name":"AI agents","slug":"ai-agents","uri":"/category/ai-agents/","count":1},{"name":"Business","slug":"business","uri":"/category/business/","count":null},{"name":"Conversion Rate Optimization","slug":"conversion-rate-optimization","uri":"/category/conversion-rate-optimization/","count":14},{"name":"eCommerce","slug":"ecommerce","uri":"/category/ecommerce/","count":8},{"name":"Email Marketing","slug":"email-marketing","uri":"/category/email-marketing/","count":11},{"name":"Lead Generation","slug":"lead-generation","uri":"/category/lead-generation/","count":11},{"name":"Marketing","slug":"marketing","uri":"/category/marketing/","count":17},{"name":"Popups","slug":"popups","uri":"/category/popups/","count":14},{"name":"Product Blog","slug":"product-blog","uri":"/category/product-blog/","count":3},{"name":"SEO","slug":"seo","uri":"/category/seo/","count":4},{"name":"Uncategorized","slug":"uncategorized","uri":"/category/uncategorized/","count":1},{"name":"website development","slug":"website-development","uri":"/category/website-development/","count":1},{"name":"WordPress","slug":"wordpress","uri":"/category/wordpress/","count":10}],"totalCount":13}},"pageContext":{"id":"cG9zdDo4NTE=","previousPostId":"cG9zdDo4OTc=","nextPostId":"cG9zdDo4MTQ="}},
    "staticQueryHashes": ["1020748318","3649515864"]}