Linking Social media

Start a Business
, , , , , , , , ,

Topic summary

A user is experiencing difficulty linking social media to their website but hasn’t provided specific details about the issue or platform being used.

Community responses offer multiple interpretations:

  • Adding social media icons to website: One response provides detailed HTML/CSS code using Font Awesome to display clickable social media icons, including code snippets for LinkedIn, Pinterest, and Reddit icons with styling.

  • Shopify-specific integration: Another contributor explains how to add social media links through Shopify’s theme customization (Online Store > Themes > Theme Settings > Social Media), with options to enable icon display in headers/footers.

  • Clarification needed: Multiple responders request additional information to diagnose the problem, asking whether the user is trying to add footer links, connect Instagram Shopping, set up Facebook Pixel, or something else entirely. They’ve requested the store URL, password (if applicable), and any error messages.

Status: The discussion remains open, awaiting clarification from the original poster about the specific integration issue and platform details.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I tried to link my Social media With my website but its not going Through…

Any one to help?

1 Like
2

Hello @Joe_Agency

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

3

Hi @Joe_Agency ,

Linking social media URLs on a website is an easy process.

  1. Ensure you get the direct link to your profile from your desired platform.
  2. Include the Icon Library:

If you’re using Font Awesome, include the following line in the section of your HTML to link to the Font Awesome CDN:

link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>

3. Adding HTML code:

<meta name=“viewport” content=

“width=device-width, initial-scale=1” />

<link rel="stylesheet" href=

“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css” />

.fa:hover { opacity: 0.9; } .fa-linkedin { background: #007bb5; color: white; } .fa-pinterest { background: #cb2027; color: white; } .fa-reddit { background: #ff5700; color: white; } .fa { padding: 20px; font-size: 40px; width: 60px; text-decoration: none; margin: 5px 80px; } h1 { color: green; }

Your website name

Social Media Icons

Make sure you’re pasting the correct link for each platform.

This is how they look:

Screenshot 2025-01-30 150147.png
Screenshot 2025-01-30 150147.png663×173 6.46 KB

That’s all!

Hope this is clear!

5

Hi @Joe_Agency

Could you share a bit more detail? Are you trying to add social media links to your Shopify store’s footer, connect Instagram Shopping, or set up a Facebook Pixel? Each setup works a little differently, so knowing more will help me guide you better.

If you don’t mind, sharing your store URL and any error messages you’re seeing would be really helpful. I’m happy to assist and get everything working smoothly for you!

Best regards,

Daisy.