How to Add a Social Share Button on Product Page in Shopify

· Updated
13 min read
How to Add a Social Share Button on Product Page in Shopify
Table of Contents

TL;DR

To add a social share button on a Shopify product page, first check your theme customiser for a built-in social sharing option. If your theme does not support it, you can either add share links manually in product template code or use a Shopify app like TRANH or ShareThis for more networks and styling. In most cases, the built-in option is the best starting point because it is free, fast, and less likely to affect site speed.

To add a social share button on product page in Shopify, the quickest method is usually to enable your theme's built-in sharing option in the theme customiser. If your theme does not support it, or you want more control over placement, styling, or networks like WhatsApp and SMS, you can either edit your theme code or install a dedicated social sharing app.

I've worked on Shopify stores for years and, as a Shopify app developer, I've seen this feature handled in three very different ways. The built-in option is best for simplicity, manual code is best for control, and apps are best for non-technical merchants who want more than the basics.

Social sharing is not a magic growth lever on its own, but it can still help with product discovery, word-of-mouth traffic, and mobile sharing via apps like WhatsApp. For visual, giftable, trend-led, or seasonal products, it often makes more sense than merchants think.

How do I add a social share button on product page in Shopify?

The easiest way to add a social share button on a Shopify product page is through Online Store - Themes - Customize. On many themes, you can enable social sharing in the product template or inside Theme settings - Social media.

This is the route I recommend checking first because it is fast, free, and safe. You are using native theme settings rather than injecting third-party scripts or editing Liquid files unnecessarily.

  1. In Shopify admin, go to Online Store then Themes
  2. Click Customize on your live theme
  3. Open your Product page template from the page selector
  4. Look for a setting such as Show share buttons, Enable sharing, or Social sharing
  5. If you do not see it there, check Theme settings then Social media
  6. Turn the feature on and click Save

On modern themes like Dawn, the wording can vary slightly depending on the version. Some themes place social sharing within the main product section, while others put it in global theme settings.

What is the best way to add social share buttons in Shopify?

The best method depends on your theme, your technical confidence, and how much customisation you need. Most stores should start with built-in theme settings, then move to apps or code only if the native option falls short.

When I test this on client stores, I usually compare all three approaches before making a recommendation. The right answer is rarely about features alone. It is usually about speed, maintenance, and how easy it is for the merchant to manage later.

Method Best for Pros Cons
Built-in theme settings Most Shopify merchants Free, quick to enable, low risk, no extra app Limited design control, fewer networks
Manual code edit Developers or confident merchants Full control, custom placement, lightweight if coded well Requires theme edits, can break on updates, harder to maintain
Shopify app Merchants wanting more channels and styling Easy setup, more networks, floating bars, analytics in some apps Can add app bloat, monthly cost, quality varies

If you are already careful about theme performance, I also recommend reading The Hidden Truth About Shopify Speed Optimization Scams. Adding too many front-end apps for small features is one of the most common mistakes I see.

How do I enable Shopify's built-in social share buttons?

Shopify's built-in social share buttons are usually enabled from the theme editor. If your theme supports them, this is the simplest no-code solution.

This is where most merchants should begin before considering an app. In my experience, many stores already have the feature available but simply have not switched it on.

Step-by-step: enable sharing in the theme editor

Go to the product template in your theme customiser and look for the sharing toggle. Save the change and preview a product page on desktop and mobile.

  1. Open Online Store then Themes
  2. Click Customize
  3. From the top dropdown, switch to a Product template
  4. Click the product section, often named Product information or Main product
  5. Enable social sharing if the option appears
  6. Save and test a live product URL

Some themes also let you control whether buttons appear near the product title, under the add to cart button, or lower on the page. If you can choose, I generally prefer placing them below the buy box so they do not compete with the main conversion action.

Step-by-step: edit social networks in theme settings

Some Shopify themes let you choose which networks appear under Theme settings - Social media. This is where you may be able to enable or disable specific platforms.

  1. Go to Online Store then Themes
  2. Click Customize
  3. Select Theme settings
  4. Open Social media
  5. Review available sharing options and turn platforms on or off
  6. Click Save

The exact options depend on your theme. Dawn and other Online Store 2.0 themes often handle this differently from older themes, so do not worry if the labels are not identical.

Why can't I see a social share button in my Shopify theme?

If you cannot see a social share option, your theme may not support it natively, or the setting may be hidden in a different section. Another common issue is that merchants are editing the wrong template.

I run into this a lot when merchants use a heavily customised theme or an older premium theme. In many cases, the feature is missing entirely rather than just hidden.

  • Your theme does not include social sharing
  • You are editing the default product template while your products use an alternative template
  • The theme version is outdated
  • A custom developer removed the block
  • The buttons only appear when social profiles are filled in

If you are using a custom product template, make sure the product you are testing actually uses that template. I have seen merchants spend 20 minutes editing one template while the live product is assigned to another.

How do I add social share buttons manually with Shopify code?

You can add social share buttons manually by editing your product template and inserting share URLs for each network. This method gives you the most control, but it is best suited to merchants comfortable with Liquid and theme code.

When I build lightweight custom solutions, I usually prefer this over apps because it avoids another dependency. The key is to keep it simple, accessible, and easy to remove later.

Where should I add the code?

In most Shopify themes, the right place is inside the product section file, such as main-product.liquid, product.liquid, or a snippet rendered by the product form. The exact file depends on your theme architecture.

  1. Go to Online Store then Themes
  2. Click the three dots next to your theme
  3. Select Edit code
  4. Open files like sections/main-product.liquid, sections/product-template.liquid, or a product snippet
  5. Paste the share markup where you want the buttons to appear
  6. Save and test on a duplicate theme first

If you are not sure which file controls the product page, preview the theme and inspect the section names in the customiser. On Online Store 2.0 themes, main-product.liquid is often the starting point.

Example Shopify social share code

A basic share block can use each product's URL and title dynamically. This is enough for Facebook, X, Pinterest, email, or WhatsApp links without needing a third-party app.

<div class="social-share">
<a href="https://www.facebook.com/sharer/sharer.php?u={{ shop.url }}{{ product.url }}" target="_blank" rel="noopener">Facebook</a>
<a href="https://twitter.com/intent/tweet?url={{ shop.url }}{{ product.url }}&text={{ product.title | url_encode }}" target="_blank" rel="noopener">X</a>
<a href="https://pinterest.com/pin/create/button/?url={{ shop.url }}{{ product.url }}&description={{ product.title | url_encode }}" target="_blank" rel="noopener">Pinterest</a>
<a href="https://wa.me/?text={{ product.title | url_encode }}%20{{ shop.url }}{{ product.url }}" target="_blank" rel="noopener">WhatsApp</a>
</div>

Always test on mobile, especially for WhatsApp. Also check whether your store uses a primary domain, because share links should ideally use the canonical product URL.

What should I watch out for when editing code?

The biggest risks are broken layouts, duplicate buttons, and changes being lost after a theme switch. Always duplicate your theme before editing code.

  • Use a duplicate theme for testing
  • Add rel="noopener" to external share links
  • Keep the markup accessible with clear labels
  • Do not overload the page with too many networks
  • Check whether your theme update process will overwrite custom edits

If you are already making product page changes, you may also want to review How to Maximize Revenue from Your Shopify Product Pages: The Ultimate Guide. Share buttons should support the page, not distract from the buy journey.

Should I use a Shopify app for social share buttons?

Use a Shopify app if you want more than the basic built-in buttons. Apps are useful when you need 30+ platforms, floating share bars, custom styling, or a no-code setup on themes that lack native sharing.

That said, I would not install an app just to get Facebook and X buttons if your theme can already do that. Not worth it unless you need extra functionality or your theme has no native option.

Best Shopify apps for social share buttons

The best social share apps for Shopify are the ones that install cleanly, work with theme app extensions, and do not leave messy code behind. Based on current options mentioned across search results, these are the main ones merchants tend to compare.

App Best for Key features App link
TRANH - Social Media Share Bar Most feature-rich sharing setup 30+ platforms, floating bar, product page placement, custom CSS View app
ShareThis Share Buttons Recognisable sharing brand Share buttons, async loading, broad network support, share-focused widgets View app
Zotabox Social Sharing Buttons Stores wanting lots of display options 45+ platforms, floating and embedded buttons, mobile responsive layouts View app

Before installing any app, check whether it uses theme app extensions rather than old script injection methods. In my experience building Shopify apps, extension-based installs are usually cleaner, easier to disable, and safer when merchants change themes.

You can browse more options directly in the Shopify App Store search for social share apps.

Which social networks should I include on a Shopify product page?

The best networks depend on your audience, but for most Shopify stores I would prioritise WhatsApp, Pinterest, Facebook, X, and Email. Do not add every possible platform just because you can.

When I audit product pages, too many share icons often create clutter without increasing shares. Fewer, more relevant options usually perform better.

Network Best for My take
WhatsApp Mobile-first stores, gifting, impulse products Very useful for direct person-to-person sharing
Pinterest Home, fashion, beauty, weddings, crafts Excellent for visual products
Facebook Broad audience, mature demographics Still worth testing, though less exciting than before
X Tech, news-led, niche communities Useful for some verticals, not all
Email High-consideration products, B2B, family sharing Underrated option
SMS Mobile traffic, local markets Good if your audience shares by text a lot

If your store relies heavily on visual merchandising, social proof may matter just as much as social sharing. For that, Lumo Reviews is my own review app and is built to help merchants display customer feedback more clearly. You can see it here: Lumo Reviews.

Where should I place social share buttons on the product page?

The best place for social share buttons is usually below the add to cart area or lower down the product page. They should be visible, but they should not compete with your primary conversion elements.

I generally avoid placing them above the price or above the buy button. If you make sharing more prominent than buying, you are sending mixed signals.

  • Below the buy box - best default option
  • Near product media - good for visual products
  • Sticky side bar - useful on desktop, but can be distracting
  • At the bottom of product details - lowest friction, least intrusive

For stores focused on AOV and conversion rate, I would prioritise upsells, bundles, delivery messaging, and reviews before making share buttons too prominent. If that is your focus, these guides may help: How to Create Shopify Cart Drawer Upsells That Boost AOV, How to upsell on Shopify in 2026, and How to Cross-Sell Matching Variants and Boost Your Shopify Store's AOV in 2025.

Do social share buttons help Shopify conversions?

Social share buttons can help discovery and referral traffic, but they do not automatically increase conversions. Their impact is strongest on products people naturally want to show others.

In my experience, social share buttons work best for:

  • Giftable products
  • Personalised items
  • Fashion and accessories
  • Home decor
  • Wedding, baby, and seasonal products
  • Novelty or trend-led items

For commodity products, the uplift is usually modest. For highly visual or emotionally driven products, I have seen merchants get meaningful extra traffic from WhatsApp and Pinterest shares in particular.

Broader ecommerce trends still support the idea that social commerce matters. Industry forecasts continue to put global social commerce well above the $1 trillion mark, and while a share button is only one small part of that, it aligns with how shoppers already pass products around privately and socially.

How do I make social sharing work better on Shopify?

To make social sharing more effective, optimise the content being shared, not just the button itself. The product image, title, and metadata matter more than the icon design.

This is the bit many tutorials skip. A share button is only the trigger. The preview card is what actually gets clicked.

  1. Use strong product titles that make sense out of context
  2. Set clear featured images with good cropping
  3. Write compelling meta titles and descriptions
  4. Make sure your Open Graph and social metadata are correct
  5. Test mobile sharing flows, especially WhatsApp and SMS
  6. Keep product URLs clean and canonical

If AI-driven discovery matters to your brand, I also recommend How to Optimize Your Shopify Store for AI Shopping Agents (Not Just Google) and How to Get Your Shopify Store into ChatGPT: Step-By-Step Guide. Social sharing and AI visibility are different channels, but both benefit from clean product data and strong metadata.

What are the most common mistakes when adding social share buttons in Shopify?

The most common mistakes are adding too many networks, using a slow app for a simple feature, and placing share buttons too close to the main purchase CTA. Good implementation is subtle.

Here are the mistakes I see most often:

  • Installing a heavy app when the theme already supports sharing
  • Showing 10+ social icons that nobody uses
  • Placing buttons above the add to cart button
  • Not testing mobile behaviour
  • Ignoring metadata previews
  • Editing a live theme without duplicating it first
  • Leaving broken app code behind after uninstalling

If you do use an app, uninstall it properly and check for leftover snippets or app blocks. As someone who builds Shopify apps, I can say this is still one of the biggest quality differences between good apps and poor ones.

My recommendation as a Shopify app developer

If you want the simplest answer, start with your theme's built-in sharing settings. If that is not available, use a lightweight app only if you genuinely need extra networks or design control. Use manual code if you want a clean custom setup and are comfortable maintaining it.

Best for most stores - built-in theme settings. Best for advanced control - manual code. Best for no-code flexibility - a well-reviewed app like TRANH - Social Media Share Bar or ShareThis Share Buttons.

My final advice is simple: treat social share buttons as a supporting feature, not a centrepiece. They are useful when they fit the product, the audience, and the page layout. They are not worth cluttering the page for if your customers are unlikely to use them.

For most merchants, a clean product page with good merchandising, reviews, and smart upsells will still matter more. Then, if sharing makes sense for your niche, add it in the lightest and least intrusive way possible.

Share this article

Related Articles