How to Customize the Floating Bar
The goal for this guide is to give you a quick overview of our Live Editor, which can be found under Edit Your Campaign > Appearance.
We've broken this down into the three main tabs:
You can also check out our FAQ here.
In the Template tab you can choose either the Floating Bar or Full Width Bar:
Next you can select the Base of your bar by clicking Select Base, and once you've chosen the base that you like you can hit 'Save Selection':
You'll see two options for customizing the color of your bar.
We have a selection of color palettes to choose from. Each palette has a combination of colors and various options for how those colors are applied: Bold, Subtle, and Medium:
Or you can do the Custom Color option, which allows you to use HEX codes to match your personal branding:
Once you're happy with your color selection, you can hit 'Continue'.
In the Content tab you can add custom text to the Floating Bar timer, as well as enable or disable the Call To Action button. The CTA button includes customizable text, as well as a place to input the URL of the page you want it to link to. Once you're satisfied with this, you can hit 'Continue'.
The Placement tab is where you can control both the position of the timer, and the size of it.
For example, you can put the timer at the top of the page instead of the bottom, and if you choose the 75% or 50% size options, you also have the ability to move it to the right or left of the screen. This is especially handy if you have another widget on the page that you don't want the timer to cover up.
In the Settings tab you can set a delay for when the timer will pop up on the page, as well as disable the Deadline Funnel logo:
You can also enable or disable the option for people to hide the Floating Bar on your page:
And enable or disable ' Maximize on Mobile':
The Translate tab is where you can change the labels on your timer.
- Can I show the full Floating Bar on mobile?
- How do I hide the CTA button?
- How do I hide the Deadline Funnel logo?
- How do I see what timer looks like on other pages?
Can I show the full Floating Bar on mobile?
The default on mobile is for this feature to be disabled, which means when people go to your site on their mobile device they'll see a collapsed version of the Floating Bar:
Under Settings you can enable 'Maximize on Mobile', which allows you to have the full bar with text automatically displayed when people first land on the page:
Once they start to scroll down the page, it will collapse into the smaller Floating Bar.
How do I hide the CTA button?
You can disable the CTA button under Appearance > Content:
How do I hide the Deadline Funnel logo?
You can disable the Deadline Funnel logo in the Settings tab:
How do I see what timer looks like on other pages?
We know that making sure your timer looks good on all of the pages in your funnel is important, so we made sure to include a way for you to see all of your pages inside of the Live Editor. To navigate between them, just click on the URL at the top and a dropdown will appear with all of your Funnel Step URLs: