How To Article

WeChat Web Chat: How to Use WeChat Integration with Website

Stephanie Yap
Content Writer,
September 6, 2022

Planning to install a WeChat web chat widget on your website? In this article, we’ll explain what WeChat web chat is and how to use WeChat integration with website. Then, we’ll explore the benefits of using the web chat widget in terms of marketing, sales and support. Finally, we’ll show you how to incorporate chat automation into your WeChat widget with’s Workflows.

WeChat Integration with Website: An Introduction

WeChat has over 1.2 billion monthly active users (MAU) and is a one-stop center for all your social needs. This is why businesses that want to enter or expand their business in China need to have a WeChat Official Account.

To prevent spam marketing, WeChat has set a rule that businesses cannot import contacts. Instead, customers must message you first before they become contacts. To encourage customers to send you the first message, you can add a WeChat widget to your website.

This image describes how to use wechat on web chat. Here's what you need to know. The web wechat com requires you to scan a qr code to start chatting and it doesn't allow businesses to import contacts.
WeChat Web Chat: Why use webchat WeChat for business

However, unlike other channels, WeChat does not support the click-to-chat links feature on the WeChat Official Accounts Platforms. The only way customers can reach out on your web chat widget is through QR codes.

Upon scanning the code, visitors will land on the app where they can start chatting with you. In the next section, we’ll show you how to set up WeChat widget on your website.

How to Set Up WeChat Integration with Website

A fuss-free way of integrating WeChat into your website is to use the omnichannel website widget. Aside from WeChat, you may also add other messaging channels like WhatsApp, Viber, LINE and Instagram.

This image shows an example of how web wechat looks like when you place wechat widget on your website to call the company from wechat app. this wechat for web is a support for wechat widget.
An example of how a webchat WeChat looks like

To set it up, you need to first sign up for a WeChat Official Account and get it verified. Once that’s done, generate a QR code from your WeChat Official Account Page. Then, download the QR code as an image. You’ll need that for later.

This is an image that shows you the steps to download webchat wechat qr code from wechat official accounts page. After placing this qr code, you can start chatting on wechat widget for wordpress.
Generate a QR code from your WeChat Official Account Page to place WeChat widget on your website

On, go to Channel Settings and click add Website Chat Channel. Don’t forget to whitelist your domain as this allows your website to use the Website Chat Code. Next, go to Customize. Under Header Elements, click Add Channel and select Custom QR.

This image shows a screenshot of how to upload WeChat logo and qr code on platform. This is the last step you need to do to integrate wechat on website. And there you have it, this is how to add wechat widget on wordpress. Find out more about how you can use wechat website integration for your businesses.
Upload WeChat logo and QR code for WeChat web

Remember the QR code you downloaded? Click on the QR icon and upload your WeChat QR code. Then, upload a WeChat logo (the button is next to the QR icon) to indicate that the QR code is for WeChat. Now your WeChat widget is ready for your website.

Now that it’s set up, let’s learn more about how to use WeChat web chat for your business.

WeChat Integration with Website: How to use WeChat Web Chat for Business

Here, we’ll take you through the benefits of WeChat integration for your website, especially for sales and customer service.

WeChat Widget for Sales

One of the biggest downsides of using a live chat for sales is that prospects’ identities are often anonymous. It’s hard for salespeople to get accurate information for contact identification and to build rapport.

This is an image that describe how to use wechat web online. With WeChat website integration for sales, you can integrate messaging inbox with sales CRM to make HTTP Requests to collect contact information and create sales deals.
WeChat integration with website for sales

However, you can integrate your inbox with a sales Customer Relationship Management (CRM). After customers send you a message, you can make HTTP requests to collect contact information and create sales deals with’s Workflows without leaving the platform.

Next up, we’ll look at how businesses can use WeChat integration for websites to handle customer support.

WeChat Widget for Customer Service

Another challenge with live chat is that there’s no saved conversation history and agents can’t follow up on inquiries at a later time. The moment contacts leave the website, all conversations, along with contact information, are gone for good.

WeChat web chat on allows agents to identify returning customers, even if they had messaged you from a different channel previously. This gives agents contextual insights into recurring issues. If necessary, you can escalate cases to another agent or team.

This is an image that describes the benefits of using WeChat website integration for support. When you integrate wechat on website, you get to track conversation history, enjoy 48-hour messaging window and follow up on conversation at a later time. Check out the blog to learn more about WeChat Web Chat
Benefits of integrating WeChat on website for customer service

To prevent businesses from spamming customers, WeChat has implemented a 48-hour messaging window. Not only does this encourage businesses to reply promptly, but it’s also likely to increase customer satisfaction with your brand.

In the event that agents need to reach out to contact again after 48 hours, they can use other channels like SMS, email or WhatsApp on an omnichannel platform like to send the first message and continue the conversation.

To gauge the level of customer satisfaction and know which areas you can improve in, send customers a CSAT survey. Let’s move on to the next section, where we’ll focus on creating WeChat-related automation.

Handle WeChat Widget Conversations Effortlessly with

Here, we’ll show you how to create advanced chat automation to level up your WeChat web chat with Workflows.

WeChat Integration with Website: Answer Commonly Asked Questions

Instead of spending time answering frequently asked questions (FAQs), set up automated responses on your WeChat widget. This way, you can reduce agents’ workloads and allow them to focus on more important matters.

This is a screenshot that shows the steps to automate FAQ responses on's workflows.
How to automate FAQs with’s Workflows

To set up FAQs, create a Multiple Choice Step on Workflows with up to 10 FAQs and responses.

There’s also the Snippets feature (it works like quick replies) where you can create canned replies for common inquiries, such as refund policies. Unlike FAQs which are triggered by Workflows, support agents must manually select the relevant saved responses when chatting with customers.

WeChat Web Chat: Set Up Away Messages

No business can be available 24/7. But what’s possible is creating an Away Message to manage customers’ expectations on response times. Now, contacts will receive an Away Message if they send a WeChat conversation outside of business hours.

This is a screenshot that shows the steps to set up away messages on's workflows
An example of how to automate Away Messages with’s Workflows

To take it up a notch, you can even add the Ask A Question Step to capture customers’ information. Then, save the responses as Variables to customize your replies according to their needs.

You can also check out our best practices on how to write an away message for your business.

WeChat Web Chat: Route WeChat Contacts to the Right Team

Workflows allow you to route contacts on WeChat widget to the right team. To begin, create a pre-chat survey to collect customers’ information to determine their needs. Then, apply the routing logic to route customers to the relevant team.

This is a screenshot that shows how to set up chat routing on
How to route customers to the right team

Then, create an assignment logic that identifies the purpose of the contacts’ inquiries or needs and assigns them to the right agent.

Now that you’ve learned everything you need to know about WeChat integration with website. It’s time to connect your WeChat account to today.

Further Reading

Aside from WeChat, you can also use web chat with different messaging channels. Find out how to set them up here:

Copied to Clipboard!

Ready to get started?

Thank you! You are being redirected to sign-up form.
Oops! Something went wrong, refresh your browser and try again.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Start 14 Days Free Trial