Spark Premium Documentation

Social Follow

Icons to link to social media pages.

View a live demo of this module.

Content

  • Add Facebook, Twitter, LinkedIn, Instagram, Pinterest, YouTube, and/or Blog

Styles

  • Set Dark Mode
  • Change background color, background hover color, icon color, and icon hover color of social items
  • Edit border styling of social items (color, hover color, width, and radius)
  • Edit padding

Note: Edit these following styles from your Theme Settings under the Components > Social Media section.

  • Change icons and icons hover color
  • Change Dark Mode icons and icons hover color

social-follow

Usage Guide

The Social Follow module helps you build your social media presence by providing visitors with easy access to your brand’s social profiles. This module is particularly effective when placed in website footers, contact pages, or author bio sections where visitors naturally look for ways to connect with your brand beyond your website.

When adding this module through the HubSpot page editor, you’ll find it works exceptionally well on landing pages, blog posts, and about pages where social proof and ongoing engagement matter most. The module’s compact design makes it versatile enough to fit in sidebars, headers, or as part of larger content sections without overwhelming your page layout.

Best practices for implementation: Consider your brand’s visual identity when customizing the icon colors and hover effects. The Dark Mode setting is particularly useful if your site uses a dark theme or if you want the social icons to stand out against light backgrounds. You can create visual consistency across your entire site by configuring the default social media styling in Theme Settings, then making page-specific adjustments as needed.

The module’s border styling options allow you to match your brand’s design language—use rounded corners for a modern feel or sharp edges for a more corporate appearance. When selecting which social platforms to include, focus on the channels where your audience is most active rather than adding every available option.

Pro tip: Place this module strategically near your contact information or call-to-action sections to create multiple touchpoints for visitor engagement. The hover effects help create an interactive experience that encourages clicks, making it more likely visitors will follow your social accounts and stay connected with your brand long-term.