Cover for How to add WhatsApp chat button to Shopify: step-by-step guide
Share this post
Published February 6, 2024 in

How to add WhatsApp chat button to Shopify: step-by-step guide

Improve customer support and sales — add a WhatsApp chat button to Shopify. With this guide, it's a simple process that'll make a big difference.

Adding a WhatsApp chat button to your Shopify store can be a game-changer for your business, offering improved customer support, enhanced marketing strategies, live chat, and a way to recover abandoned carts.

In this article, you'll learn what a WhatsApp chat button is, how it can benefit your business, and get a step-by-step guide on how to set it up.

Let's dive in.

What is a WhatsApp chat button?

A WhatsApp chat button is a feature that allows customers to engage in live chats with businesses through WhatsApp. This is especially useful for brands using the WhatsApp Business app. It works with the latest themes and provides a free plan for users.

WhatsApp chat button 1.png

Benefits of adding a WhatsApp button to the Shopify store

While both WhatsApp and Shopify are popular and powerful business tools, combining them together might bring you explicit benefits:

  • 54% of customers prefer WhatsApp to track order and delivery updates,

  • 39% of users like to use WhatsApp as a channel for customer service,

  • 23% of consumers choose to receive promotional offers on WhatsApp,

  • 25% of abandoned carts sent via WhatsApp are recovered,

  • 26% of revenue is driven by personalized product recommendations.

But what if you could empower this duo of Shopify + WhatsApp with the ChatGPT-based automation for marketing and sales?

Chatfuel makes it possible and easy to implement. Before we get to the setup guide, check what you can automate on Shopify via a WhatsApp chat button powered by Chatfuel and ChatGPT:

  • cart recovery notifications,

  • order confirmations and shipping updates,

  • personalized product recommendations,

  • fast customer support 24/7.

In addition, you can transform customer service by providing a live chat experience with multiple agents.

The remarkable thing about automating your business communication with Chatfuel is that you just need to spend a bit of your time on setup and then enjoy all the benefits listed above and easily grow revenue.

So, let's move to the practical part.

How to add a WhatsApp chat button to Shopify with Chatfuel

  1. Open the Chatfuel dashboard

If you're not registered yet, start with creating a free Chatfuel account.

  1. Connect your WhatsApp number

  1. Open the Home tab.

  2. Click Connect under the WhatsApp Business Account section.

    WhatsApp chat button 2.png
  3. Choose if you want to use your own number or get a number from Chatfuel. Then click Next.

    WhatsApp chat button 3.png
  4. Click Continue as … to log in to your account, then Get Started to set up a Business Account and phone number.

    WhatsApp chat button 4.png
  5. Click Continue to connect your account to Chatfuel.

  6. Verify your phone number and hit OK on the next screen to finish the setup.

    WhatsApp chat button 5.png

If you face trouble connecting your WhatsApp number, check out the Chatfuel guide or follow the video tutorial below.

  1. Install the Chatfuel app from the Shopify store

Do it by following this link and get a 7-day free plan.

  1. Add the WhatsApp button to your Shopify

To do this, follow the steps below to get the code and paste it into your Shopify website’s HTML.

Getting the code:

  1. Create a WhatsApp chat button Entry Point in the Chatfuel dashboard.

  2. Open the settings by clicking on the content in the block.

  3. Click Copy code in the top left corner.

    WhatsApp chat button 6.png

Pasting the code:

  1. Click on Online Store.

  2. Go to ThemesActions.

  3. In the drop-down menu, click Edit code to open your Shopify store theme editor.

    WhatsApp chat button 7.png
  4. Locate the theme.liquid file in the menu → paste the code after the body tag.

  5. Save the changes.

Done. You just equipped your Shopify with an AI-powered tool for automated sales. Now, you can increase customer engagement and revenue with ease.

Watch the full video below on creating a WhatsApp chat button with an AI Agent for your website, and follow the Chatfuel YouTube channel for more insights and tutorials.


  1. How do I link my Shopify to WhatsApp?

You can link your Shopify store to WhatsApp by adding a WhatsApp chat button to your Shopify store. This will allow customers to engage in live chats with your business through WhatsApp.

  1. How do I get the WhatsApp button?

You can get a WhatsApp button by adding it to your Shopify store. Simply navigate to your theme editor, add a new section for the chat button, and save your changes.

  1. How do I add a chat button on Shopify?

You can add it in the theme editor as described in the previous answer, or if you prefer a code-free way, just follow the steps above and get a WhatsApp chat button by Chatfuel with ChatGPT integrated.

Choosing the best WhatsApp chat widgets for Shopify

The key to success in eCommerce lies in excellent customer service, and the WhatsApp chat button is a step in that direction.

WhatsApp chat widgets can help enhance the overall functionality of your Shopify store. It allows customers to engage in live chats with your business, get support, and receive important personalized notifications via a messenger they're familiar with.

Improve customer support and increase sales by adding the WhatsApp chat button to your Shopify store. With Chatfuel, it's a simple process that will make a big difference.