How to add a working Bluesky social icon as part of other social icons at the footer-Refresh Theme

Store Design
, , ,

Topic summary

A user needs to add a functional Bluesky social media icon to their Shopify store footer using the Refresh theme. Initial attempts to edit the theme code were unsuccessful.

Solution provided:

  • A helper manually added the Bluesky icon by modifying the footer.liquid file
  • Added a link option in theme settings for the Bluesky profile URL
  • Inserted the Bluesky icon SVG into the footer’s social media list
  • Screenshots were shared showing the implementation in both theme settings and code

Current status:

  • Original issue resolved for the first user
  • Two additional users have since requested similar help:
    • One asking how to replace an existing social icon (like Facebook) with Bluesky
    • Another requesting Bluesky integration for a different store
    • A third user asking about adding custom social icons (Bluesky and humble.fish) to the Savor theme footer

The thread remains active with multiple users seeking guidance on implementing custom social media icons in their Shopify themes.

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

Hi Shopfiy community,

I am seeking help to add a new social icon with the functional link to Bluesky profile page from my site. How to do this? I tried editing the default theme code but that did not help me much.

Appreciate your time.

Regards,

-VAD.

2

Hi @codeN734

You can add it to your footer.liquid file by manually over right the social media loop if you can provide me the store URL and collaboration code I can help you with that

3

Hello,

Please share URL

Thanks!

4

https://www.wearthecosmos.in/

Code: 0197

5

HI @codeN734

The Social Icon has been added you can check that in the theme setting I have added an option for a link

Mehran_Ali_0-1732199366853.png
Mehran_Ali_0-1732199366853.png1906×932 351 KB

and in the footer social media list, I have added the icon svg

Mehran_Ali_2-1732199582980.png
Mehran_Ali_2-1732199582980.png1907×388 17.1 KB

Kindly like this solution and Mark it As a Solution to keep me motivated Buy Me A Coffee

1 Like
6

Thank you so much..

1 Like
7

Hi @Mehran I was wondering if you could hep post a solution on how to change an social media icon such as facebook, to appear as a bluesky icon? I have tried so many things and I am not able to create a bluesky icon for my homepage. Your help would be greatly appreciated. Thank you!!

Seb

8

Hello @Mehran_Ali I have a similar issue with my website where I need to include a bluesky icon and link to my bluesky social media. Would you be able to help me with this? The website is https://vewearcalifornia.com/

Thank you for your reply!

9

We are trying to add this icon and an icon for another site humble.fish to our footer in the Savor theme. How do we do this?