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.
You can select the Base of your bar by clicking 'Select A 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'.
The final tab in this section is 'Add Custom Avatar'. Please note: This feature is only available if you are on the Professional or Consultant plan. If you would like to learn more about how it works, click here.
And finally, you can choose to enable the Full-Width Bar at the bottom of this screen:
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.
If you've created a bar that you want to be able to apply to other campaigns in your account, you can do that by navigating to the Presets tab and clicking 'Create New Preset'"
Give the preset a name and then hit 'Create':
And now you'll see it populate as a preset:
You can also create multiple presets:
If you switch to a different campaign, you'll see all of your presets listed here, so you can quickly apply them to different pages. You can also edit the names of existing presets or delete them by clicking the icons to the right of the name.
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':
You may also show or hide the "days", "hours", and "seconds" counters in the floating bar:
The Translate tab is where you can change the labels on your timer. This includes 'Days', 'Hours', etc., as well as the 'Hide' button.
- Can I show the full Floating Bar on mobile?
- How can I hide the days, hours, or seconds?
- 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 have a custom Floating Bar for each Funnel Step in my campaign?
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 can I hide the days, hours, or seconds in the Floating Bar?
The default is for the floating bar to the show days, hours, and seconds. You can change that with the following options:
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:
Can I have a custom Floating Bar for each Funnel Step in my campaign?
Yes! If you are on the Pro or Consultant plan, you can have different Floating Bar timers for each of the Funnel Steps in your Deadline Funnel campaign. To assign a specific template/appearance to a specific Funnel Step simply click the 'Save' button and you'll see a dropdown with two options:
1. Apply to Current Page - This will apply the current appearance settings you have selected just to the Funnel Step you have selected at the top of the Live Editor.
2. Apply to All Pages - This will apply the current appearance settings you have selected to all of the pages in your campaign.