Framework Plus Documentation

Social Sharing

Icon links to share page to social media.

View a live demo of this module.

Content

  • Add Facebook, LinkedIn, Pinterest, Email, and/or Download
  • Add a label
  • Customize text and image for share messages
  • Change direction (horizontal or vertical)
  • Change label placement (left, center, right)
  • Change alignment on both desktop and mobile (left, center, right)

Styles

  • Set Dark Mode
  • Fully customize icons (color, hover, enclose)

social-share

How to Use This Module

The Social Sharing module enhances your content’s reach by making it effortless for visitors to share your pages across popular social platforms. This module is particularly effective on blog posts, case studies, product pages, and resource downloads where you want to amplify organic distribution.

To add this module to any page, open the HubSpot page editor and drag the Social Sharing module from your available modules panel into your desired content area. The module automatically generates platform-specific sharing URLs and pulls your page’s meta data for optimized social posts.

Best placement strategies include positioning the module at the end of blog articles to capture engaged readers, or near valuable resources like whitepapers where the download option becomes especially powerful. For SaaS and technology companies using the Framework theme, consider placing it on product feature pages and customer success stories to leverage social proof.

The customizable share messages feature lets you craft platform-specific copy rather than relying on auto-generated text. This is crucial for maintaining your brand voice across different social channels. When setting up Pinterest sharing, ensure you’ve selected compelling featured images since Pinterest prioritizes visual content.

The direction and alignment options help you match your site’s layout patterns. Horizontal layouts work well in article footers and content sidebars, while vertical arrangements fit naturally in narrow sidebar widgets or floating social bars.

For Framework theme users, the module inherits your global color scheme but can be customized independently. The Dark Mode setting automatically adjusts icon styling to maintain readability across your site’s different sections, ensuring consistent user experience whether the module appears on light or dark page backgrounds.