HubSpot Development Insights by Studio Nope

Footer Pro: A Powerful HubSpot Footer Module

Written by StudioNope | Feb 25, 2026 5:41:43 PM

Your website footer does more work than it gets credit for. It is the last thing visitors see before they leave a page, and it is often the place people go to find contact information, legal pages, social profiles, and navigation shortcuts. Footer Pro is a standalone HubSpot module built to give you complete control over every part of your footer, from the logo and link columns to social icons, legal text, and background styling.

Available on the HubSpot Marketplace, Footer Pro works independently of any theme. You can drop it into your existing HubSpot setup without switching themes or restructuring your site. That flexibility is central to how it was designed.

Six Configurable Sections

Footer Pro is organized into six distinct sections, each independently configurable. You enable or disable the sections you need, and each one has its own set of options. Those sections are:

  • Branding: Your logo, with support for separate light and dark background versions
  • Link columns: Up to 6 columns of navigation links, each with a heading and up to 12 links
  • Contact information: A title, physical address, email address, and phone number
  • Social media: Icons linking to your profiles across 29 supported platforms
  • App store badges: Apple App Store and Google Play badges with your app links
  • Legal bottom bar: Copyright notice with auto-generated year, up to 6 legal links, and a language switcher

Each section serves a clear purpose, and having them as separate, independently controlled blocks means you are not forced to include content you do not need. A SaaS company might use the branding section, link columns, social icons, and legal bar. An e-commerce site might also include app store badges. A local services business might make heavy use of the contact section. Footer Pro adapts to the structure your business actually needs.

Link Columns with Badge Labels

The link column system gives you a substantial amount of navigational real estate. With up to 6 columns and 12 links per column, you can organize your site's most important pages clearly without cramping everything into a single list. Each column has its own heading, so visitors can scan your footer quickly and find what they are looking for.

One feature that stands out here is the badge system. Individual links can be labeled with one of four badge types:

  • Accent: A customizable accent color badge for general emphasis
  • New: A green badge to highlight recently launched pages or features
  • Beta: A purple badge for features or pages that are in testing
  • Soon: An orange badge to signal upcoming pages or features

This is a small detail that has real practical value. Product-focused companies can use these badges to direct attention toward new launches or beta programs directly from the footer. It surfaces important links without requiring changes to main navigation or additional promotional content elsewhere on the page.

Social Media: 29 Platforms Supported

Footer Pro includes social media icon support for 29 platforms. The full list covers the major networks most businesses use, as well as more specialized platforms for communities, creators, and developers:

  • Facebook, X (Twitter), LinkedIn, Instagram, YouTube, TikTok
  • GitHub, Dribbble, Behance
  • Pinterest, Snapchat, Reddit, Tumblr, Flickr
  • Discord, Telegram, WhatsApp, Threads, Slack
  • Spotify, Twitch, SoundCloud
  • Medium, Substack, Mastodon, Bluesky
  • Vimeo, Email, RSS

The breadth of platform support reflects how varied social presence has become. A developer tool company might prioritize GitHub and Discord. A design agency might prominently feature Dribbble and Behance. A media or content brand might link to Substack, Spotify, or YouTube. Having all of these available in a single module means you toggle on what you use and everything else stays hidden.

Contact Section

The contact section provides four fields: a section title, a physical address, an email address, and a phone number. It is straightforward but worth highlighting because it is a commonly needed piece of footer content, particularly for businesses where accessibility and trust-building are priorities. Having this information in the footer means it is available on every page without taking up space in the main body of your content.

App Store Badges

If your business has a mobile app, Footer Pro includes a dedicated section for Apple App Store and Google Play badges. You configure the link for each badge, and they appear in the footer with the official badge styling. This keeps app discovery consistent across your site without requiring custom code or image uploads for each badge.

Legal Bottom Bar

The legal bottom bar sits at the very base of the footer and handles three things: copyright information, legal links, and a language switcher.

The copyright year is auto-generated, which means you do not have to manually update it each January. The year will always be current without any maintenance on your part. You can also include up to 6 legal links, which covers most sites' needs for privacy policies, terms of service, cookie notices, and similar pages.

The language switcher supports two modes. The Localized mode uses HubSpot's built-in language detection and localization settings. The Page Language mode switches based on the language of the current page. For businesses with multilingual HubSpot setups, this means the footer's language controls integrate directly with how the rest of the site handles language, rather than operating as a separate, disconnected system.

Layout Options

Footer Pro offers two layout configurations:

  • Standard: The logo sits on the left side and the link columns are arranged to the right. This is a horizontal layout that works well for sites with moderate amounts of footer content.
  • Centered: Content is centered on the page. This layout works well for brands that want a more symmetrical, editorial look, or for footers with a smaller amount of content.

Alongside these layout modes, you have control over container max width, padding, and dividers. These controls let you fit the footer visually within the context of your site's overall spacing and grid without requiring custom CSS overrides.

Background and Visual Styling

The background system in Footer Pro gives you three distinct options:

  • Solid color: A flat background color of your choosing
  • Gradient: A two-color gradient with 5 directional options (horizontal, vertical, and diagonal variations)
  • Background image with overlay: An image background with a configurable color overlay to maintain text readability

Beyond the background, every element in the footer has its own color settings. Link colors, heading colors, icon colors, text colors, divider colors, badge colors, and the legal bar can all be set independently. This level of color control matters because footers often need to stand apart from the rest of the page visually. Whether your footer uses a dark background while the rest of your site is light, or you are working with a specific brand palette that needs precise application, Footer Pro does not assume anything. You set every color explicitly.

Logo Handling for Light and Dark Backgrounds

A detail that becomes important in practice: Footer Pro supports separate logo uploads for light and dark backgrounds. If your logo is a dark mark that works on white but disappears on a dark footer background, you upload the light version of your logo for the footer specifically. This means you do not need to use a workaround like CSS filters or settle for a single logo that looks compromised on one background type.

Theme Independence

Footer Pro is a standalone module, not a theme component. This distinction has a meaningful impact on how you can use it. Because it is not tied to a specific HubSpot theme, you can install it and use it regardless of what theme your HubSpot site is currently running. You are not required to switch themes, and you do not inherit the styling constraints of any particular theme's footer component.

This is especially relevant for teams working on established HubSpot sites where switching themes is not practical, or for agencies building sites on a variety of themes across different clients. Footer Pro can be added to the footer section of any HubSpot page template and configured through HubSpot's standard module editing interface.

Who Footer Pro Is Built For

Footer Pro is well suited for a range of HubSpot users:

  • Marketing teams managing HubSpot websites who want more control over footer content without depending on developer resources for every change
  • Web agencies building HubSpot sites for clients across different industries and themes, where having a reliable, consistent footer solution simplifies production
  • Product and SaaS companies that benefit from features like app store badges, link badges for new and beta features, and social presence across developer and tech-focused platforms
  • Multilingual businesses running HubSpot sites in multiple languages, where the language switcher integration matters
  • Any HubSpot user who needs a footer that reflects brand standards fully, with no restrictions on color, layout, or content structure

Getting Started

Footer Pro is available on the HubSpot Marketplace. After installing the module, it becomes available in your HubSpot module library and can be added to any page template or global footer section. Configuration happens through HubSpot's standard module editing panel, where you work through each section's settings to add your content and set your visual preferences.

Full product details are available on the Footer Pro product page, where you can also see previews of the layout options and styling capabilities before installing.

If your HubSpot footer has been a part of your site you have put off improving, Footer Pro is a practical solution. It covers the full range of content a footer needs to contain, gives you genuine visual control, and works within your existing HubSpot setup without requiring any structural changes to the rest of your site.