How to add a free WhatsApp chat widget to WordPress, Shopify, and other CMS websites

How to add a free WhatsApp chat widget to WordPress, Shopify, and other CMS websites

4 Jan 2022


In this blog

    Ready to reach customers with WhatsApp?

    Grow sales by 160%

    Cut service costs by 73%

    Boost responses by 40%

    WhatsApp for Business solution by Cue

    Looking for ways to keep customers connected after they visit your website? Well, with Cue's free WhatsApp chat widget, you can stop looking. Turn your website into a customer conversation starter while keeping costs down. No coding wizardry is required – just copy-and-paste. In this blog, we’ll show you how to embed a free WhatsApp chat widget on your website, regardless of what content management system (CMS) you use.

    Benefits of adding a WhatsApp chat button to your website

    Fast customer responses: 90% of customers say that an immediate response is crucial to how satisfied they are with the support they receive. The reality is that customers want immediate responses. With a WhatsApp chat button on your website, you're just a tap away from satisfying customer needs and keeping them coming back for more!

    Better customer engagement: By switching to WhatsApp, businesses have seen engagement rates boosted by up to 13%. When you add a chat button on your website, you're opening the doors to a massive online audience who can't wait to strike up a conversation with your brand on WhatsApp

    Faster customer service: A floating WhatsApp chat widget on your website gives your customers quick, easy access to customer support and sales stuff.  No matter what page your customers are on, at the click of a button, they can start a chat with you and get a quote or get an issue resolved.

    Personalised customer experiences: WhatsApp allows you to add a personal touch to your customer engagements. From addressing customers by name to recommending specific products or services based on their preferences, WhatsApp lets you make your customers feel like you actually care (which you do, we hope).

    Increased sales: Businesses using WhatsApp for customer communication have seen up to a 244% increase in sales. 📈 Who wouldn't want a piece of that pie? Your customers already use WhatsApp, capitalise on that and close more WhatsApp-based sales.

    How to embed free web widget code in your website header:

    Installing a free WhatsApp web widget on your website is as easy as copying and pasting the following code into your website’s header:


    window.cueWidgetConfig = {

      channels: {

        whatsapp: {

          number: '447451278958', // Change this to your WhatsApp number




    var s=document.createElement('script');s.defer='true';s.dataset.cueWidgetWhatsapp='true';s.dataset.cueWidgetScript='true';s.src='';document.body.appendChild(s);


    Using a CMS to build your website? we've got you covered. Here’s how to install a free web widget using the top 6 CMS platforms

    How to install a free WhatsApp web widget on WordPress 

    Installing the WhatsApp widget on a site is a simple process. Free plugins like Insert Headers and Footers exist to make life easier.

    1. Install and activate the plugin

    2. Locate the “Code Snippets” section on the far left menu

    3. Click on “Headers and footers”

    4. Copy and paste the code above into the header section of the plugin’s text editor.

    5. Change the value of the number variable in the code to your WhatsApp number. The number must be in international country code format without the '+' symbol.

    How to install a free WhatsApp web widget on Shopify

    1. Log in to the Shopify admin

    2. Once logged in, click on "Online Store" in the left-hand menu.

    3. Click on "Themes."

    4. On the "Themes" page, locate your active theme and click on the "Actions" dropdown menu.

    5. From the dropdown menu, select "Edit code."

    6. Edit the theme file and paste the above code between the <head></head> tags

    How to install a free WhatsApp web widget on Squarespace

    1. Open the Code Injection panel

    2. Copy and paste the Cue code into the header

    3. After adding your code, click Save

    How to install a free WhatsApp web widget on Joomla

    1. Open the Joomla control panel and navigate to the "System" tab

    2. Choose "Global Configuration" and then "Document"

    3. Scroll to the "Header" section and click on the "Edit" button

    4. In the header field, paste the Cue widget code and click on "Save".

    How to install a free WhatsApp web widget on Wix

    1. Click the Advanced tab at the top

    2. Scroll down to the Custom Code section

    3. Click Edit next to “add custom head code”

    4. Paste the custom code

    5. Click Save

    How to install a free WhatsApp web widget on Framer

    1. After signing in to your Framer website, click on the “General” tab under “settings” on the far left menu

    2. Scroll down to the “custom code” section

    3. Insert the code above in the “start of <head” tag” section

    4. Save the code

    How different industries can use a free WhatsApp widget

    Rev up your sales with WhatsApp 🚗

    Car dealerships can use the WhatsApp chat widget to allow customers to get in touch with them on WhatsApp and immediately schedule test drives, answer questions about how to place an order for a car part, and even send personalised car finance and repayment calculations.


    Customer: Hi, I’d like to replace 3 of my Torque A4 tyres. Can I get a quote?

    WhatsApp live agent: I can definitely help you replace your car tyres! I’ve attached a quote for 3 tyres. Do you approve of the quote?

    Bag a better NPS score 🛍

    Give your customers better service using WhatsApp and boost your NPS scores. Retail businesses can use WhatsApp to immediately connect with customers during, before and after the sales process. Get reviews, boost customer satisfaction and keep them coming back.

    Unthrottle your customer service 📡 

    Help customers troubleshoot connectivity issues, provide account updates, and even send timely service outage notifications with WhatsApp. Let customers opt-in to receive messages from you by starting a chat directly from your website chat button.

    Insure your customers everywhere they are 🏠 

    Elevate your policyholder experience by allowing them to easily get insurance quotes and make claims via WhatsApp around the clock. Use WhatsApp to send timely policy renewal reminders, generate leads and cut costs with insurance chatbots via WhatsApp web and the mobile app.


    WhatsApp widget (desktop) pop up: Ready to renew your policy?

    (User clicks on “open WhatsApp web”)

    Chatbot: Great! We’d be happy to help you renew your policy. Please send us your policy number and we’ll connect you with an agent 

    Get started with a free web widget

    Here’s the thing: the number of active WhatsApp users has increased by up to 9% in 2024 already. That’s over 200 million people actively using the app, and your business can capitalise on this for free with a web widget. Get in touch with Cue to learn more about how your business can use WhatsApp to boost sales, NPS scores and customer engagement. 

    Share this: