How to Create a “Sticky” Floating Footer Bar in WordPress

Do you want to create a sticky floating footer bar in WordPress? We have been using the floating footer bar on our website for many years because it helps us reduce bounce rate and increase pages viewed by users. Many of you have asked us how to create a similar floating bar, so here it is. In this article, we will show you how to create a sticky floating footer bar in WordPress.

Floating Footer Bar

What is Floating Footer Bar?

A sticky floating footer bar allows you to prominently display your important content to users. This bar remains visible to users at all time, so they are more likely to click on it and discover more useful content.

joinsessions Footer Bar

You can use the floating footer bar to:

  • Drive more clicks to other blog posts
  • Build your email list
  • Bring attention to special offers / sale

In this article, we will show you two methods to add a sticky floating footer bar on your WordPress site. One uses a plugin while the other is a code method that we’re using on joinsessions. You can choose the one you find easier to use.

Method 1: Manually Create Sticky Floating Footer Bar in WordPress

This method requires you to add code in your WordPress files. If you are new to adding code, then please take a look at our guide on how to paste snippets from web into WordPress.

First, you need to connect to your WordPress site using an FTP client or file manager in cPanel.

In your FTP client, you need to locate the footer.php file in your WordPress theme folder and download it to your desktop. It would be located at a path like this:

/wp-content/themes/your-theme-folder/

Next, you need to open the footer.php file in a plain text editor like Notepad and add the following code just before the