Social sharing

The Social Sharing component adds icons to the page that lets visitors easily share the page on their Facebook and LinkedIn feeds, share via email and copies the page URL.

The social sharing component adds icons to the page that allows visitors to easily share the page via:

  • Facebook: Opens Facebook in a new tab with the page URL ready to share in user's feed.
  • LinkedIn: Opens LinkedIn in a new tab with the page URL ready to share in user's feed.
  • Email: Opens user's default email application and adds the page's title to the email subject and URL in the email body.
  • Link: Copies the page's URL to the user's clipboard for them to paste. Tooltip will apear confirming the URL has been copied.

Configurations:

  • 2 color options: branded colors and gray icons
  • 2 alignment options: left or right alignment

Where to use:

  • This can be used on all templates but is ideal for news articles, stories, press releases, campaigns and event pages.
  • Currently not available in XFs.

Best practices:

  • Use either at the top of the page before main content or at the bottom of the page after main content (i.e. do not place in the middle of your content).

Desktop view: left alignment, branded color icons

Desktop, left alignment, color icons

Desktop view: right alignment, gray icons

Desktop, right alignment, gray icons

Mobile view: left alignment, branded color icons

Mobile, left alignment, color icons