How to Add and Customize Social Share Buttons on Your Website

How to Add and Customize Social Share Buttons on Your Website

By Michael Turner

January 4, 2025 at 08:07 AM

Here's how to add and customize share buttons to help visitors share your content on social media:

Available Social Media Sharing Options:

  • Facebook
  • LinkedIn
  • Pinterest (requires featured images)
  • Reddit
  • Tumblr

Add Share Buttons:

  1. Open Share Buttons panel
  2. Check desired social media platforms
  3. Click Save

Click alert button

Click alert button

Display Locations:

  • Album pages: Below album title
  • Events: Below descriptions (main page and individual events)
  • Blog posts: Below content (main blog and individual posts)
  • Products: Below descriptions and Add to Cart buttons

Row of social media icons

Row of social media icons

Advanced Share Buttons: Available in Brine, Farro, Skye, Tremont, and York templates. Customize appearance:

  1. Go to blog post/product page
  2. Open Site styles panel
  3. Scroll to Share Buttons
  4. Adjust style, size, spacing, and colors

Gray jumpsuit on hanger

Gray jumpsuit on hanger

Hide Share Buttons:

  • All pages: Uncheck all social media sites in Share Buttons panel
  • Products only: Uncheck Show Share Buttons in Site styles
  • Blog pages: Adjust Hide List Entry Footer setting (template-specific)
  • Album/Events: Check Hide Album Share Link or uncheck Show Social Buttons

Important Notes:

  • Facebook shares may appear in friends' News Feeds based on settings
  • Pinterest sharing requires featured images
  • Share buttons display varies by template family
  • Custom code modifications aren't supported by customer service

Additional Features:

  • Add social media icons to header/footer
  • Embed social media content in pages/posts
  • Connect social media accounts through Connected Accounts

Related Articles

Previous Articles