Find by Category

How to add social media links icon to shopify store

Adding social media icons to your Shopify store can help you connect with your customers and enhance your online presence. Here’s a step-by-step guide to add social media links and icons to your Shopify store:

Method 1: Using Shopify’s Theme Editor

  1. Log in to your Shopify Admin:
  • Go to your Shopify admin page and log in with your credentials.
  1. Navigate to Online Store:
  • From the left-hand menu, click on Online Store and then Themes.
  1. Customize Your Theme:
  • Find your current theme and click on Customize.
  1. Add Social Media Links:
  • In the theme editor, look for a section called Footer or Social media. The exact location may vary depending on your theme.
  • Click on this section and you should see options to add your social media links (e.g., Facebook, Instagram, Twitter, etc.).
  • Enter your social media URLs in the provided fields.
  1. Save Your Changes:
  • After adding your links, make sure to save your changes.

Method 2: Manually Adding Icons with Code

If your theme does not support adding social media links through the theme editor, you can manually add them using code.

  1. Log in to your Shopify Admin:
  • Go to your Shopify admin page and log in with your credentials.
  1. Navigate to Online Store:
  • From the left-hand menu, click on Online Store and then Themes.
  1. Edit Code:
  • Find your current theme and click on Actions > Edit code.
  1. Find the Footer Section:
  • In the theme code editor, look for a file named footer.liquid (or similar, depending on your theme). This file is usually located under Sections or Snippets.
  1. Add HTML for Social Media Icons:
  • In the footer.liquid file, find the place where you want to add the social media icons.
  • Add the HTML code for your social media icons. Here’s an example of how it might look:
<div class="social-media-icons"> <a href="https://www.facebook.com/yourprofile" target="_blank"> <img src="https://yourshopifystore.com/path/to/facebook-icon.png" alt="Facebook"> </a> <a href="https://www.instagram.com/yourprofile" target="_blank"> <img src="https://yourshopifystore.com/path/to/instagram-icon.png" alt="Instagram"> </a> <a href="https://twitter.com/yourprofile" target="_blank"> <img src="https://yourshopifystore.com/path/to/twitter-icon.png" alt="Twitter"> </a> </div>
  1. Add CSS for Styling (optional):
  • You may need to add some CSS to style the icons. You can add this CSS to your theme’s CSS file, usually found under Assets > theme.scss.liquid or theme.css.liquid.
.social-media-icons a { display: inline-block; margin: 0 10px; } .social-media-icons img { width: 24px; height: 24px; }
  1. Save Your Changes:
  • After adding the HTML and CSS, save your changes.

Method 3: Using an App

You can also use a Shopify app to add social media icons to your store.

  1. Visit the Shopify App Store:
  1. Search for Social Media Icons:
  • Search for apps that add social media icons. Some popular apps include Social Media Icons and Social Bar.
  1. Install and Configure the App:
  • Choose an app, install it, and follow the instructions to configure it for your store.

By following these methods, you can easily add social media links and icons to your Shopify store, helping you engage more effectively with your customers.

How to add social media to Shopify


Notice: ob_end_flush(): Failed to send buffer of zlib output compression (0) in /home/qzwfhzbd/shopifythemer.com/wp-includes/functions.php on line 5464