Add WhatsApp in homepage footer Dawn 15V

[ctal37]

hiii

I would like to add WhatsApp in homepage footer please help me

store url- https://5a3cf5-fc.myshopify.com/

check the screenshot

[Dan-From-Ryviu]

Hi @ctal37

You can do that by following this instruction.

• Go to your store admin > Sale channels > Online store > Themes
• In the Dawn theme, click “…” > Edit code
• Open social-icons.liquid, find this line of code

{%- if settings.social_youtube_link != blank -%}​

• Add this code above it

{%- if settings.social_whatsapp_link != blank -%}
    - Whatsapp
      
    

  {%- endif -%}​

• Save your file.
• Open settings_schema.json, find this line of code

"id": "social_instagram_link",​

• Add this code above this part of the code above and save file.

{
        "type": "text",​

Look like this

• 

After that, you can add your WhatsApp icon by adding your WhatsApp link in Online Store > Themes > Customize > Theme settings > Social media

[Sweans]

Hi @ctal37 ,

1. Go to Online Store > Themes.

2. Click on Actions next to your current theme and select Edit code.

3. In the code editor, find the social-icons.liquid file, which is typically located under the Snippets folder.

4. Inside the

   tag in the social-icons.liquid file, add the following code:

- 

Make sure to provide your WhatsApp link.

6. Click the Save button to apply the changes.

Now, your WhatsApp icon with a link should be visible in the footer of your homepage.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,
Sweans

[ctal37]

hey @Dan-From-Ryviu , this icon is not looking the same as Instagram icon. the outlines are so thin bold like Instagram, also there’s so much space in bw both the icons I want the icons to be a bit closer. please help

[Dan-From-Ryviu]

Please update the code you added to social icons.liquid file to this

{%- if settings.social_whatsapp_link != blank -%}
    - Whatsapp
      
    

  {%- endif -%}​

[ctal37]

there’s space bw both the icons and one icon is a bit bigger how do I fix that

[ctal37]

please tell me