Floating Bars

A Floating Bar like its name suggests is a thin bar that floats usually at the top or at the bottom part of the screen. It covers a small part of the visitor's screen, thus not disturbing them from reading the content.

Creating a Floating Bar #

Once you have connected your website to Convertful, go to the “Widgets” tab and click on “Create Widget”. You will be taken to our Template Library. Select “Floating Bars”. We offer they following template types:

• End-Page Bar Offers
• Deadline Bars
• Personalized Return Welcome Bars
• Welcome Discounts Bars
• Segmentation Survey Bars
• Gamification Bars
• Simple Subscription Floating Bars

Hover over the template that you like and a button will appear for you to “Create Floating Bar”.

You can, of course, create your own floating bar from scratch. Simply click on “Blank Canvas” and you can select either a top or bottom page floating bar.

You can edit the widget and customize it to suit your needs. For example, under the “Widget Settings”, you can set the size of the floating bar, animation type, background color, background image, overlay color and much more.

Once you are happy with the design of your floating bar, remember to set the Display Rules. With floating bars, we recommend setting the display rule to when “time on page is at least 0 seconds” so the widget will be displayed immediately to all visitors. You can also set when the widget should not be shown, for example, if “the widget was closed in the last 7 days”.

Note, if you would like to remove the “x” or close button from a floating bar, you can do this by adding the CSS code below:

.conv-closer {display:none!important;}