How to add a WhatsApp icon to a November theme footer?

Solved

How to add a WhatsApp icon to a November theme footer?

Asra
Visitor
3 0 1

Hello,

i want to add whatsapp icon with link in footer on november theme..

how can i add icon on footer . ?

thanks 

Accepted Solution (1)

neeravmakwana
Shopify Partner
164 30 40

This is an accepted solution.

Hi Asra,

You may try the following:

To add Whatsapp icon to your footer please try the following:

  1. Go to Admin > Themes > Edit HTML/CSS.
  2. Under "Assets", upload a Whatsapp icon/image of 32x32 pixels and name it 'whatsapp-icon.png’.
  3. Under snippets, find "footer.liquid".
  4. Around line 72, you will see: </p> , just before the end of the social media icons section.  Add this, just before </p>

    <a class="social_link" target="_blank" href=" https://wa.me/1647ABCABCD?text=Hi%2C+I+have+a+question+about+your+store" title="{{ shop.name }} on Whatsapp">
                                <img src="whatsapp-icon.png" alt="{{ shop.name }} on Whatsapp">
                            </a>

Please note that the red text is the phone number. 1 is the country code (US/Canada) and 647ABCABCD is the phone number. Similarly, for a country like India it would be 9199307ABCDE.

 

View solution in original post

Replies 4 (4)

Aitechdigital
Excursionist
22 0 4

Hello!

You can follow these steps:

Navigate to your Shopify dashboard and click on Online Store > Themes, then; Under Current theme, click on Actions > Edit code,; 

Search for your theme.liquid file on the editor sidebar. Click on theme.liquid to open the file. 

Search for the </body> tag in the theme.liquid file and paste the script code (see below) directly above the body tag.

In case you are not able to find the </body> tag, do not worry. Just make sure to place the script before the </html> tag.

You can follow up this site for better understanding.

Thanks!

Need an expert? You can Contact us

Have a nice day!

neeravmakwana
Shopify Partner
164 30 40

This is an accepted solution.

Hi Asra,

You may try the following:

To add Whatsapp icon to your footer please try the following:

  1. Go to Admin > Themes > Edit HTML/CSS.
  2. Under "Assets", upload a Whatsapp icon/image of 32x32 pixels and name it 'whatsapp-icon.png’.
  3. Under snippets, find "footer.liquid".
  4. Around line 72, you will see: </p> , just before the end of the social media icons section.  Add this, just before </p>

    <a class="social_link" target="_blank" href=" https://wa.me/1647ABCABCD?text=Hi%2C+I+have+a+question+about+your+store" title="{{ shop.name }} on Whatsapp">
                                <img src="whatsapp-icon.png" alt="{{ shop.name }} on Whatsapp">
                            </a>

Please note that the red text is the phone number. 1 is the country code (US/Canada) and 647ABCABCD is the phone number. Similarly, for a country like India it would be 9199307ABCDE.

 

Magdalenaperalt
Visitor
2 0 0

Hola, cómo agrego el ícono de whatsapp en la cabecera de mi tienda?

Kinjaldavra
Shopify Partner
2303 570 1426

hello @Asra 

can you please share your shop url