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

[Asra]

Hello,

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

how can i add icon on footer . ?

thanks 

[Aitechdigital]

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 · 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]

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

[Kinjaldavra]

hello @Asra 

can you please share your shop url