Add Social Media icons and links to my Shopify Notification Emails

Retired Boards Appdev Partners Discussion

Topic summary

A Shopify store owner needs help adding social media icons with clickable links to their “Order Delivered” email notification.

Current Issues:

  • Icons display too large
  • Icons stack vertically instead of horizontally
  • Links are non-functional

Desired Outcome:

  • Three social media icons (Google, Instagram, Facebook) properly sized
  • Icons arranged horizontally and centered
  • Working hyperlinks on each icon

Technical Context:
The user has limited coding experience and attempted to implement a solution based on community suggestions. The provided code shows malformed HTML with reversed/corrupted URL syntax, which explains why the links aren’t working. The issue requires HTML/CSS formatting corrections to achieve proper sizing, alignment, and functional hyperlinks in the Shopify notification template.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

I would be grateful for some help adding three social media icons with links to the bottom of the “Order Delivered” Email in notifications. I am not familiar with code and got some suggestions from this community but couldn’t find a post with this exact question, so tried improvising on the code. The code added to the email has added the social icon images but they are two big, one on top of the other and the links are not working. Can you please help me size them appropriately and have them next to each other, centred, in a horizontal bar.

Your assistance with this will be greatly appreciated.

This is the code added:

{{[https://g.page/r/CSo-QKkWYcDjEAI/review](https://g.page/r/CSo-QKkWYcDjEAI/review)}}
{{[https://www.facebook.com/profile.php?id=100088891170524](https://www.facebook.com/profile.php?id=100088891170524)}}

{{[https://www.instagram.com/drinkmate.au/](https://www.instagram.com/drinkmate.au/)}}