Traverse Documentation

Social Sharing

Icon links you can use to share page to social media.

View a live demo of this module.

Content

  • Add a label above/beside the socials
  • Choose what socials to display (Twitter, Facebook, LinkedIn, Pinterest, email, download)
  • Add a title to the socials for screen reader accessibility
  • If adding download, include a link to the downloadable resource
  • Add a custom share URL to share a page other than the current page the module is on
  • Add custom text to share instead of using the page’s public title (used in Tweets, Pins, and the email subject line)
  • Add a custom image for Pinterest pins
  • Change the orientation of the module (horizontal or vertical)
  • Make module stick to the top of a column when scrolling down
    • Best used with the vertical orientation
    • Module must be the only item in the column
  • If orientation is set to horizontal the alignment of the module can be changed (left, center, right)
  • Change position of module on mobile (left, center, right)

Styles

  • Set Dark Mode
  • Change color and hover color of icons
  • Enclose each icon in a box (can change background color, background hover color, border, and radius of box)

social-share

How to Use This Module

The Social Sharing module is designed to increase your content’s reach by making it easy for visitors to share your pages across their social networks. This module works exceptionally well on blog posts, product pages, case studies, and resource landing pages where you want to encourage viral sharing and expand your content’s visibility.

When adding this module to your HubSpot pages through the drag-and-drop editor, consider its placement carefully. The sticky vertical orientation is particularly effective when placed in a narrow sidebar column alongside your main content, as it follows users as they scroll through longer articles. For shorter pages or landing pages, the horizontal orientation works well at the bottom of your content or in a prominent header position.

The download option sets this module apart from basic social sharing tools, making it perfect for gated content pages where you want to offer both social sharing and direct PDF downloads. When using this feature, ensure your downloadable resource is hosted in HubSpot’s File Manager for optimal performance and tracking.

Mobile positioning is crucial for user experience since mobile users are more likely to share content. Test different mobile alignments to see what feels most natural for your audience’s sharing behavior on smaller screens.

The module automatically pulls your page’s meta title and featured image for sharing, but you can override these with custom content. This is especially valuable for Pinterest sharing, where you might want to use a more visually appealing image than your page’s standard featured image. Custom share text also allows you to craft more engaging social media copy that includes relevant hashtags or calls-to-action specific to each platform.