Add Social Media to Shopify

Adding your social media links to your Shopify store is a great way to connect with customers and boost your brand.

Most Shopify themes already have built-in social media icons, making it super easy. But if you want more customization, you can also use apps or add some code.

In this guide, we’ll cover all the different ways to integrate your social media with your Shopify store. Whether you’re tech-savvy or prefer a no-code solution, we’ve got you covered. Now, let’s dive in!

3 Ways To Add Social Media To Shopify

Using Shopify Theme Editor

The Shopify Theme Editor is the most user-friendly method for adding social media links or icons to your store. Here are the steps:

Step 1: Log in to your Shopify admin and go to Online Store > Themes. Click the Customize button next to your active theme.

Step 2: Enable Social media icons in the footer section.

Step 3: Click the Theme settings icon on the left side menu then scroll down to find the Social media sections

Step 4: You’ll typically find fields to enter the URLs of your social media profiles (Facebook, Instagram, Twitter, etc.). Paste your profile URLs into the corresponding fields.

Step 5: The icon for each social media will automatically be displayed on your store’s footer section. Click Save to apply your changes.

Using Shopify Apps

If your theme lacks built-in social media integration or you want more advanced features, the Shopify App Store offers many options. You can simply search for “social media icons” or “social media feed.”

The steps to install may vary depending on the app, but here are the basics:

Step 1: Click Install

Step 2: Give the app permission by clicking Install

Step 3: Add the social media icons you want. You can start customizing by choosing the icon type, colors, etc.

Step 4: Follow the app instructions to connect your social media accounts.

Using Custom Code

If you have coding skills or access to a developer, you can manually embed your social media feed using custom code. This method offers the most flexibility and control over the feed’s appearance and behavior.

Step 1: Downloading your social media icons SGVs. There are many online resources where you can download icon packs and high-quality branded images. Sites like Font Awesome and Icons8 also provide free and paid visual assets that you can use in your themes.

Step 2: From your Shopify admin, go to Online Store > Themes.

Step 3: Find the theme you want to edit, and then click Actions > Edit code.

Step 4: To add your social media icons to your store, we’ll first need to upload the image files to your theme. Scroll down and click Assets > Add a new assest.

Step 5: Choose the icons file on your computer and click Upload asset.

Step 6: Now, to add a code, click the theme.liquid file

Step 7: Browse through the theme code and find the best spot where you want your icons to appear. Add the code

Here’s an example of a Twitter button, but you can easily adapt it for Facebook, Pinterest, or other social media; remember to replace the image source and link destination with your own.

{{ 'my-twitter-button.png' | asset_url | img_tag | link_to: 'https://twitter.com/your-twitter-account', 'Follow us on Twitter' }}

Alternate button code with HTML: <a href="https://twitter.comyour-twitter-account"><img src="my-twitterbutton.jpg" alt="Follow us on Twitter"/></a>

Step 8: Once you’ve added the code, hit the Save button in the top right corner.

Bottom Line

Whether you choose to add social media to your Shopify store using the theme editor, Shopify apps, or custom code, the benefits of showcasing your social media content are undeniable. So, take the plunge, connect your Shopify store with your social media channels, and watch your online presence thrive!

FAQs