--- title: Bottom Bar description: How to setup Bottom bar in Booster theme --- [Skip to content](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#main-content) ![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png) - [Home - Help Center](https://help.boostertheme.com/knowledge) Open main navigation Close main navigation - [Home - Help Center](https://help.boostertheme.com/knowledge) - [Go to boostertheme.com](https://boostertheme.com/) [Go to boostertheme.com](https://boostertheme.com/?hsLang=en) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en) 2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en) 3. [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials) # Bottom Bar ## How to setup Bottom bar in Booster theme [![bottom-bar](https://help.boostertheme.com/hs-fs/hubfs/bottom-bar.png?width=688&height=231&name=bottom-bar.png)](https://help.boostertheme.com/hubfs/bottom-bar.png?hsLang=en) The Bottom Bar is a feature that allows you to display content like social media icons, other links, contact information, and other messages at the bottom of all the pages of your online shopping site. #### In this article: 1. [Accessing Bottom Bar](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Accessing-Bottom-Bar) 2. [Adding Blocks](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Adding-Blocks) 3. [Contact](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Contact) 4. [Links](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Links) 5. [Scrolling messages](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Scrolling-messages) 6. [Social Media](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Social-Media) 7. [Geo Block](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Geo-Block) 8. [Minicart](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Minicart) 9. [Free Shipping Progression bar](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Free-Shipping-Progression-bar) 10. [Bottom Bar Settings](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#Bottom-Bar-Settings) 11. [CTA Button](https://help.boostertheme.com/knowledge/how-to-setup-bottom-bar-in-booster-theme#cta-button) --- #### **Accessing Bottom Bar** In order to access Bottom Bar, click on Sections > Bottom Bar. [**![accessing top bar](https://help.boostertheme.com/hs-fs/hubfs/accessing%20top%20bar.png?width=688&height=122&name=accessing%20top%20bar.png)**](https://help.boostertheme.com/hubfs/accessing%20top%20bar.png?hsLang=en) #### **Adding Blocks** You are able to put a maximum of 3 blocks on your bottom bar and you can choose among the available block according to what you would like to be displayed. Click on Sections > Bottom Bar > Add Block. ![add top bar block](https://help.boostertheme.com/hs-fs/hubfs/add%20top%20bar%20block.png?width=334&height=323&name=add%20top%20bar%20block.png) The available blocks available are Contact, Links, Scrolling Messages, Social media, Free Shipping Progression bar \[APP\], Geo Block and Minicart. [![Blocks available](https://help.boostertheme.com/hs-fs/hubfs/Blocks%20available.png?width=688&height=179&name=Blocks%20available.png)](https://help.boostertheme.com/hubfs/Blocks%20available.png?hsLang=en) #### **Contact** With this block, you can choose to display your phone number and email address in your store. [![bottom bar contact-1](https://help.boostertheme.com/hs-fs/hubfs/bottom%20bar%20contact-1.png?width=688&height=95&name=bottom%20bar%20contact-1.png)](https://help.boostertheme.com/hubfs/bottom%20bar%20contact-1.png?hsLang=en) #### **Links** We offer the option to add menu links to your bottom bar. [![Bottom bar links](https://help.boostertheme.com/hs-fs/hubfs/Bottom%20bar%20links.png?width=688&height=155&name=Bottom%20bar%20links.png)](https://help.boostertheme.com/hubfs/Bottom%20bar%20links.png?hsLang=en) #### **Scrolling messages** With this block, you can create multiple messages scrolling. [![scrolling messages](https://help.boostertheme.com/hs-fs/hubfs/scrolling%20messages.png?width=688&height=168&name=scrolling%20messages.png)](https://help.boostertheme.com/hubfs/scrolling%20messages.png?hsLang=en) #### **Social Media** This block will show your social media links. [![Bottpm bar social](https://help.boostertheme.com/hs-fs/hubfs/Bottpm%20bar%20social.png?width=688&height=83&name=Bottpm%20bar%20social.png)](https://help.boostertheme.com/hubfs/Bottpm%20bar%20social.png?hsLang=en) Please visit this link to [**Change your social media links**](https://help.boostertheme.com/knowledge/location-contact-and-social-media-theme-settings?hsLang=en) #### **Geo Block** With this feature, you can geo-personalize what your visitors see. [![Geo block](https://help.boostertheme.com/hs-fs/hubfs/Geo%20block.png?width=688&height=254&name=Geo%20block.png)](https://help.boostertheme.com/hubfs/Geo%20block.png?hsLang=en) There are 4 different handles you can use to geo-personalize your content: - %flag\_emoji%  - %country% - %city% - %flag\_svg% #### **Minicart** The minicart is used to show a cart icon in the bottom bar section. [**![minicart](https://help.boostertheme.com/hs-fs/hubfs/minicart.png?width=688&height=118&name=minicart.png)**](https://help.boostertheme.com/hubfs/minicart.png?hsLang=en) #### **Free Shipping Progression bar** This block allows you to showcase to the customer how much more is needed in order to get free shipping on your online store. Whenever a customer adds a new product to its cart, the bar will track it. [![free shiping](https://help.boostertheme.com/hs-fs/hubfs/free%20shiping.png?width=688&height=168&name=free%20shiping.png)](https://help.boostertheme.com/hubfs/free%20shiping.png?hsLang=en) You can set a Free Shipping text, for example: Only %AMOUNT% more for free shipping! An achieved Free shipping text, for example: You are eligible for free shipping! ![How to setup Bottom bar in Booster theme 6](https://help.boostertheme.com/hs-fs/hubfs/How%20to%20setup%20Bottom%20bar%20in%20Booster%20theme%206.gif?width=560&name=How%20to%20setup%20Bottom%20bar%20in%20Booster%20theme%206.gif)   In order to change the Total amount go in **Theme settings** > **Free shipping bar \[APP\]** **![anount free shipipng](https://help.boostertheme.com/hs-fs/hubfs/anount%20free%20shipipng.png?width=352&height=699&name=anount%20free%20shipipng.png)** #### **Bottom Bar Settings** You can enable/disable the Bottom Bar on the desktop or mobile version of the site.   ![enable disable bottom bar](https://help.boostertheme.com/hs-fs/hubfs/enable%20disable%20bottom%20bar.png?width=289&height=274&name=enable%20disable%20bottom%20bar.png) In our Booster theme, four different types of section layout are available and you can use it in bottom bar feature. They are as follows: - Global default - Boxed - Full Width - Full-Width Background ### **![bottom bar layout](https://help.boostertheme.com/hs-fs/hubfs/bottom%20bar%20layout.png?width=289&height=221&name=bottom%20bar%20layout.png)**   You may make changes to the Bottom Bar's height. You may change it to anything in between 10 px to 100 px. The font size of the content can also be adjusted. The Color Combination setting allows you to choose your Primary or Secondary combination for your colors. You can also choose Custom combination to create a custom preset for that section only. ![heigth color](https://help.boostertheme.com/hs-fs/hubfs/heigth%20color.png?width=286&height=401&name=heigth%20color.png) #### Button This allows you to have a call-t0-action on the Bottom Bar. You have the option to modify its color combination and where the button leads to. [![Bottom Bar Button](https://help.boostertheme.com/hs-fs/hubfs/Bottom%20Bar%20Button.jpg?width=688&height=169&name=Bottom%20Bar%20Button.jpg)](https://help.boostertheme.com/hubfs/Bottom%20Bar%20Button.jpg?hsLang=en) You can also add animations to the button to make it stand out. Here's a video to demonstrate the options available:   *- End of article -* - [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content) - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process) - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics) - [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content) - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections) - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page) - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials) - [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content) - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center) - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme) - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies) - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others) [![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en) Copyright © 2026, Booster Theme - PreviewX Inc. ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://22632616.fs1.hubspotusercontent-na1.net/hubfs/22632616/Bottom%20Bar%20Button.mov", "dateModified" : "2024-04-02T06:34:38.224Z", "duration" : "PT35S", "height" : 2048, "name" : "Bottom Bar Button", "thumbnailUrl" : "https://22632616.fs1.hubspotusercontent-na1.net/hubfs/22632616/Bottom%20Bar%20Button.mov/medium.jpg?t=0", "uploadDate" : "2024-04-02T06:34:38.217Z", "width" : 3360 } ```