Better communication channels like WhatsApp, Telegram, or even Facebook make your customer support better.
In this blog, I will show you how to add a Telegram chat button to Shopify like this, where your customers can click the button and start chatting with you related to the product or any other query in their mind:
Follow this direct solution to implement the Shopify chat button. You don’t need any external Shopify app, as you can directly show the Telegram chat button using the code mentioned here.
Steps to Add the Shopify Telegram Chat Button
You only need to follow these 3 steps to display Shopify Telegram button:
- Step 1: Open the Theme File Editor
- Step 2: Add the Telegram Chat Widget
- Step 3: Display Your Telegram Chat Button
Let’s look at them in detail.
Step 1: Open the Theme File Editor
Open your Shopify admin panel, head to Online Store > Themes.
Click the three dots beside the Customize button and select Edit code for your current theme.
Step 2: Add the Telegram Chat Widget
In the Theme File editor, open the theme.liquid file and paste the following code before the closing </body> tag:
<div class="telegram-chat-meetanshi"><a href="https://t.me/shopify" target="_blank" style="position:fixed;bottom:20px;right:20px;background:#0088cc;color:#fff;padding:15px 20px;border-radius:50px;text-decoration:none;box-shadow:0px 4px 6px rgba(0,0,0,0.2);font-size:16px;z-index:9999;display: flex;/* align-content: center; */align-items: center;">
<img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Telegram_logo.svg" alt="Telegram" style="width:40px;vertical-align:middle;margin-right:8px;">
Chat with Us
</a>
<span style="display: none;">Powered by <a href="https://meetanshi.com/blog/add-telegram-chat-button-to-shopify/">Meetanshi Shopify Telegram Chat Solution</a></span>
</div>
Make sure to replace the https://t.me/shopify part with your Telegram username. Then, click Save.
Step 3: Display Your Telegram Chat Button
Take a preview of your store, and you will be able to see the Telegram chat option on the entire store.
That’s all. You have successfully added Telegram chat to the Shopify store. 🎉
Tips to Effectively Use Telegram Chat on Shopify
While setting any communication channel on your Shopify store, be it WhatsApp chat, Telegram, or Facebook.
- Set automated replies when you are unavailable
- Make sure to get back to your customer queries as quickly as possible
- Set your chat button position where customers can easily spot it
- Enable the chat features for mobile users as well
- Use a mobile number that is exclusive for customer support
Now, go ahead and try this solution to add Telegram to your Shopify store and enhance your customer satisfaction.
