Now let us amend the icon code that we did earlier in the footer section.'default': 'Hi, I am interested in this.' Add a comma after the flower bracket and copy-paste the following code.Just before that will be a closing flower brack – } The last line will be a closing square bracket – ].Scroll down to Config section of code editor.Isn’t it? Adding a Settings Option to Update WhatsApp phone number Instead, it would be better if we have a place in the Shopify Settings to update the phone number without editing the code. Having to edit code every time you have to edit/update your WhatsApp number is not a great practice. Complete Method to add WhatsApp button to Shopify Manually – Hard Coding In the future, if you have to edit the number, you have to come back to this code and edit the number. You can now preview the theme to find the WhatsApp icon. Your Shopify is now equipped with an icon using which your customers can contact you to send messages to the preferred WhatsApp number. Once the above code is added, save the file. If your country code is +971 use only 971 without a plus Use international code with country code at the beginning.You can replace the 971000000000 number with your WhatsApp number. Preferably footer (`footer.liquid`) and add the following code at the beginning of the file pushing existing code down. * Lucid Polygon WhatsApp Icon END - */Īdding the code for Shopify Icon / Button * Lucid Polygon WhatsApp Icon BEGIN - */ Scroll all the way to the bottom and add the following code unit and save the file.If you have a custom theme, find your CSS file From the left side list of files scroll down to the Assets section Click on the Actions button on your selected theme.Go to Sales Channels on your left sidebar.How to duplicate themes? Simple Method to add WhatsApp button to Shopify Manually – Hard Coding Also before starting to do this, make a duplicate of theme files in case if you have to restore them. Please do this only if you have some experience in doing code edits. How to add a field in the settings of Shopify to update the WhatsApp phone numberĭisclaimer: This tutorial involves making edits to the theme file code.How to add the WhatsApp icon to your Shopify project so your customers can click the icon and send a message to you via WhatsApp.

Whatsapp icon link