How to Add Social Media Icons on Shopify store

Updated: January 03, 2021


Do you want to start? Get shopify free trial here!

Drive 20-40% of your revenue with AVADA
avada email marketing

To be a successful Shopify store owner, you must have a brilliant entrepreneurial mindset. Therefore, it is crucial to consider the utilization of social media to develop that. And for sure, you must wonder how to add social media icons on the Shopify store.

In this post, we are going to show you the benefits of social media for marketing, and a simple guide to add social media icons or using Shopify apps. I hope that you can do it smoothly and run a prosperous business. Let’s get started right now. Do not hesitate anymore!

Related posts:

To add social media icons on Shopify store:

Benefits of social media to marketing

Benefits of social media to marketing

To improve your marketing content, you should get the most out of social media, which is a useful tool. Generating leads, increasing sales, and improving digital brand awareness will be a piece of cake with social media.

Sales will rise naturally since a substantial online appearance on a popular platform like Facebook or Twitter will become a cost-effective approach to communicate directly with your potential customers. Signing up and building a profile is free for almost all social networking platforms, and any paid advertisements you choose to spend in are lower opposed to other marketing strategies. The smart investment in only a small quantity of time and funds can surprisingly result in higher conversion rates and a high ROI (return on investment).

Brand awareness will increase because you will be engaging with a more extensive audience of customers. You can generate social media profiles for your business and start communicating with others from the beginning. Also, the engagement of your employees, business partners, and sponsors to “like” and “share” your page is effective. Every post shared will be present to a brand new network of people, which can result in a new group of potential customers.

Add social media icons with code

You can possess social media buttons in two following ways.

Firstly, if you want to focus on other important things, you can choose an easy way. You can activate an app that takes care of everything. Take a look at the Social media apps of the App Store.

Or you can use an advanced way by coding the buttons into any theme that you want. To have Facebook, Pinterest and other social site buttons and icons, go to their websites and search for the buttons or utilize the fantastic Icon Finder. Twitter offers ready-to-use buttons on your site.

Adding the buttons

Step 1: Click Themes in Online Store section

In your Shopify admin, head to Online Store section, then click Themes.

add social media icons shopify

Step 2: Click Edit code

Spot the theme that you want to edit, tap on Actions and then Edit code.

add social media icons shopify

Step 3: Open social media icon image

To have your button on your site, the social media icon image will be uploaded to your theme. Tap on the Assets to open it.

add social media icons shopify

Scroll down to and tap on the Add a new asset link

add social media icons shopify

Step 5: Click Upload asset.

Select the icons file on your computer and tap on Upload asset.

how add social media icons shopify

Step 6: Activate the button

Since you have already had the physical button icon, the next move is to add in the code to activate the button. To open it in the online code editor, tap on the theme.liquid file.

how add social media icons shopify

Step 7: Detect your ideal location

Where you want the buttons to appear in your theme will decide the line you paste in the code. Scan through the code to detect your ideal location.

Step 8: Save your modifications

Finally, don’t forget to click on the Save button to save all your modification.

Add social media icons with apps

Below are 13 best Shopify Social Media apps to help you add social media icons on Shopify store:

Social Media Promotion by Outfy

Social Media Promotion by Outfy

Developed by Outfy team, Outfy ‑ Social Media Promotion, is a convenient tool for every eCommerce store administrator to improve your store’s social reach. Firstly, it can assist you in promoting your items on 12 social media networks and reach 1000+ of potential customers.

Secondly, since the application creates a daily post schedule that you can review or edit later, it will automatically push all your posts. Besides, Outfy provides you with professionally designed themed templates that are customizable with no extra fees so that you can bring more attention to your social media page. Not only that, with ingenious caption templates, it can be your time-saver since you can generate non-robotic captions in your social media posts.

What’s more, to help your customers spot the item more easily and eventually boost your store’s social traffic and sales, you can add hashtags relevant to item collections to your posts.

Social Media Icons by

Social Media Icons by

Social Media Icons is another application that offers you official social media icons for popular social media networks. Its users can have an option to modify your social media icons’ appearance: background, shape, effects, and the way you will show the icons. Also, to attract visitors’ attention, you can add engaging animation effects to your social icons. After that, you will present all of your custom icons and simply link to any social media site. What’s more, the app is very handy as the social media icons generated are mobile-friendly and work with all devices.

Social Media Icons by Elfsight

Social Media Icons by Elfsight

Social Media Icons is an outstanding mechanism for all Shopify administrators to add social media icons to the Shopify platform. Social Media Icons allows you to choose your ideal social media icon among its recommended list of icons. Not only that, you can have the choice to determine the icon’s look by customizing its size, shape, and many more. After that, it will redirect your customers to your social accounts once they tap on the icon. The app is a useful tool to help you to promote your brand effortlessly.


So far, we have shown you the significant benefits of social media to marketing and how to add social media icons on Shopify store with codes and with apps. We hope that by reading our article, you will be able to figure out how to do that and run a successful online business.

If you get into the trouble of Adding Social Media to Shopify, check out the post How to Add Social Media to Shopify to generate more leads, increase your sales and improve your brand awareness digitally.


Shopify Theme Detector - Find out what Shopify theme a website is using Build a Shopify theme from scratch About Us page templates & examples Install Shopify theme Shopify blog featured image size Add Products to Drop-down Menu in Shopify Add Sliders in Shopify To Add A Quickview to Shopify Store To add affiliate links to your Shopify store How to Add Fonts to Shopify Theme Add About us page in Shopify Remove Powered by Shopify Create a Landing Page Backup Shopify theme What Programming Language Does Shopify use Put Shopify store Under Construction Edit Checkout Page In Shopify Add Adsense to Shopify Change Shopify theme Remove Shopify Payment Icons from Store Footer Shopify Payment Icons Add a Logo to Shopify Store on all page Customize Shopify Themes Add Shop Now Button in Shopify Store Edit HTML Code Add Social Media Icons on Shopify store Edit Theme Code Change Language in Themes Register a Google Maps API Key Add Favicon Create Translation for Theme Choose Language for Theme Add Alt Text to Theme Image Edit the Code Templates for Password Page Hide Store Name on Password Page Hide Footer on Password Page Remove Content From Dynamic Section Add Google Maps API Key to Theme Edit Password Page Settings Remove Password Protection From Online Store Show Dynamic Checkout Buttons For Some Products but Not for Others Publish Themes from Theme Editor Publish Theme from Admin Set the Social Sharing Image Remove Dynamic Sections Rearrange Dynamic Sections Hide Dynamic Sections Add Dynamic Sections Add Google Translate Widget Find Theme
Recommend for you
Image Description
SMS, Email Marketing Automation

Top rated Marketing automation for Shopify stores

Learn more
Image Description
SEO Suite

Auto-optimize website elements and structure in one-click.

Learn more
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more

People also searched for


Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

go up