How can I add WhatsApp Icon on Footer list on Dawn Theme 8.0

Shopify Discussion

Topic summary

A user seeks to add a WhatsApp icon to their website footer alongside existing social media icons (Instagram, Facebook) using Dawn Theme 8.0.

Solution Provided:

  • Modify the social-icons.liquid file
  • Insert custom code before the closing </ul> tag
  • The code snippet includes:
    • A list item with WhatsApp link structure
    • Link format: https://wa.me/[phone_number]
    • Reference to official WhatsApp documentation for proper link formatting

Technical Notes:

  • An SVG icon is needed to display the WhatsApp logo (similar to existing Facebook icon)
  • Free/licensed WhatsApp icons are available from various websites for commercial use
  • The responder provided example code and referenced WhatsApp’s FAQ documentation

Status: Solution offered but not yet confirmed as implemented by the original poster.

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

Hello Guys I want to add a Whatsapp icon on the footer of my website next to the Instagram & facebook.

Im using dawn theme 8.0

Domain: www.shortsandtshirts.ae

2

Hello,

you need to modify the file social-icons.liquid

The easiest way to add WhatsApp icon is to add this code before the tag closing at the end of the file.

{%- if settings.social_vimeo_link != blank -%}
    - {%- render 'icon-vimeo' -%}
          {{ 'general.social.links.vimeo' | t }}
      
    

  {%- endif -%}
  - [
      
        WhatsApp
      ](https://wa (dot) me/1XXXXXXXXXX)

I used the same SVG icon used for Facebook, you need to change the SVG to show WhatsApp and you can find this icon on various websites licensed or free for commercial uses.

drakedev_0-1683663186767.png
drakedev_0-1683663186767.png1238×587 86.5 KB

Regarding the WhatsApp link format, you can check the official WhatsApp documentation here

1 Like