---
description: Tìm hiểu cách cài đặt tiện ích trò chuyện trên web trên trang web WordPress của bạn.
title: Cài đặt Tiện ích trò chuyện trên trang web WordPress
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Mới🤖 Các tác nhân AI hiện đang hoạt động trên respond.io! Gặp gỡ lễ tân AI mới của bạn, đại diện bán hàng hoặc nhân viên hỗ trợ. Tìm hiểu thêm![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/vi/whatsapp-business-calling-api)

Giúp tôi với... ⌘ 

1. [All Collections >](/vi/help)
2. [ Kênh >](/vi/help/channels)
3. [ Tiện ích trò chuyện trên trang web >](/vi/help/website-chat-widget)
4. Cài đặt Tiện ích trò chuyện trên trang web WordPress

# Cài đặt Tiện ích trò chuyện trên trang web WordPress

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 28 Aug 2025

5 phút đọc

Việc thêm tiện ích trò chuyện trên web vào trang web WordPress của bạn là một quá trình nhanh chóng và dễ dàng. Nó không yêu cầu bất kỳ kỹ năng lập trình hoặc kiến thức kỹ thuật nào.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png?fm=jpg&q=80&w=500) 

## Thiết lập để cài đặt

Để cài đặt tiện ích trò chuyện trên web trên WordPress, bạn sẽ cần những thứ sau:

* Truy cập vào Bảng điều khiển WordPress của trang web của bạn.
* Một đoạn mã cho tiện ích trò chuyện trên web của bạn.

Nếu bạn chưa có đoạn mã, bạn sẽ tạo một đoạn mã khi tạo [Tiện ích trò chuyện trên website](https://respond.io/vi/help/website-chat-widget/website-chat-widget-overview) hoặc sử dụng [Plugin Chat Facebook](https://respond.io/vi/help/facebook-messenger/facebook-chat-plugin) cho [Facebook Messenger](https://respond.io/vi/help/facebook-messenger/facebook-messenger-overview).

> Nếu bạn đã kết nối các kênh trên nền tảng respond.io và bạn cần lấy đoạn mã đã tạo, hãy làm theo hướng dẫn [tại đây](https://respond.io/vi/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

Để cài đặt thành công, hãy đảm bảo tên miền trang web của bạn đã được điền đầy đủ. Có hai cách để thực hiện việc này.

Vào respond.io **Cài đặt** \> chọn **Kênh** \> chọn kênh trò chuyện trên trang web của bạn > nhấp vào cấu hình > thêm tên miền trang web. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1e7uaH6kDm1O7pGveCSLtj/cd6e069ed2d3ba023349b508560e3fab/screen-shot-2023-02-14-at-7-47-59-pm.png?fm=jpg&q=80&w=640) 

Vào cài đặt respond.io > chọn **Tiện ích tăng trưởng** \> nhấp vào tiện ích bạn muốn thêm vào trang web của mình > trong nút chuyển đổi **Chung** , thêm tên miền trang web của bạn vào trường **Tên miền trang web** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3p3pQU8wHpzk061bqvS0Tr/65706ba2cdd4a08d5972ca1c7f0fe11f/chat-widget-settings.png?fm=jpg&q=80&w=640) 

## Cài đặt trên WordPress

**Bước 1: Đăng nhập vào WordPress**

Điều hướng đến Bảng điều khiển quản trị WordPress của trang web và đăng nhập.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7BEtXv2z3DbKUr6hji7TOm/aeb0a76500168de0c4db1758459f36d4/install-webchat-on-word-press.png?fm=jpg&q=80&w=640) 

**Bước 2: Điều hướng đến Trang Plugin**

Từ bảng điều hướng bên trái, nhấp vào **Plugin**. Trên Trang Plugin, nhấn nút màu xanh lam **Thêm mới** ở đầu trang.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4yyIZmSrxmxdrhKGl8VcOl/b9881e62aab33064babb824daffbfe66/install-webchat-on-word-press-2.png?fm=jpg&q=80&w=640) 

**Bước 3: Thêm Plugin mới**

Sử dụng thanh tìm kiếm để tìm plugin **WPCode** . Bạn sẽ thấy nhiều tùy chọn trên trang kết quả tìm kiếm mà bạn có thể sử dụng, nhưng chúng tôi sẽ sử dụng plugin "Insert Header and Footers" của WPCode cho hướng dẫn này. Nhấn nút **Cài đặt ngay** và đảm bảo bạn kích hoạt plugin để sử dụng.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/5GGHqfES2lXgv5NzIoFz1P/15f02cef289ef90f490c4aecd1601ce7/add_new_plugin.png?fm=jpg&q=80&w=640) 

**Bước 4: Mở Bảng điều khiển Headers and Footer**

Từ menu điều hướng bên trái, nhấp vào Đoạn mã và chọn **Tiêu đề & Chân trang** từ menu phụ.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2DwpPlV3Td8AqC1JJByNz0/7806704ac1df123f86c8a1ecbe5a5afb/Screenshot_2025-04-09_at_5.34.35_PM.png?fm=jpg&q=80&w=640) 

**Bước 5: Thêm tập lệnh trò chuyện trực tiếp**

Sao chép tập lệnh plugin của bạn từ respond.io và dán vào phần **Tập lệnh trong Chân trang** của trang bảng điều khiển Đầu trang và Chân trang.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/Ian351FEXVFMTGKlYGxmH/861c265623900ca5302d72ea4a4606ed/wpcode-live_chat_script.png?fm=jpg&q=80&w=640) 

Sau khi dán đoạn mã, hãy nhấp vào nút màu xanh lam "**Lưu**" ở cuối trang.

**Xong!**

Mở trang web và kiểm tra plugin trò chuyện. Bạn sẽ tìm thấy nó ở góc dưới bên phải. Bây giờ người truy cập trang web của bạn có thể trò chuyện dễ dàng với bạn. Nếu bạn sử dụng đoạn mã được tạo từ nền tảng respond.io, bạn sẽ có thể quản lý các cuộc hội thoại và cập nhật giao diện của tiện ích từ nền tảng này.

> Tiện ích trò chuyện hiện đã hoạt động trên trang web của bạn!

## Xác định người dùng đã đăng nhập

> Phần này chỉ áp dụng nếu trang web của bạn có tính năng đăng nhập người dùng.

**Bước 1: Đăng nhập vào tài khoản WordPress**

Điều hướng đến Bảng điều khiển quản trị WordPress của trang web và đăng nhập.

**Bước 2: Mở các tập tin tiêu đề chủ đề**

Từ menu điều hướng bên trái, nhấp vào **Giao diện** và chọn **Trình chỉnh sửa tệp chủ đề**. Tiến hành chọn tệp **Theme Header** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/64VlcD24OVD9CUaFiK9U5B/91eb153aabead2673c1674395a0605a1/identify-logged-in-users.png?fm=jpg&q=80&w=640) 

**Bước 3: Thêm ID người dùng và mã tên đã lấy được**

Sao chép mã mẫu bên dưới và dán vào tệp Theme Header. Sau khi dán mã, hãy nhấp vào nút **Cập nhật tệp** ở cuối trang.

> Mã mẫu bên dưới dùng để lấy ID người dùng, tên và họ từ WordPress. Bạn có thể thoải mái sửa đổi nếu muốn có các trường liên hệ khác.

```html
<?php 
	$user_info = get_userdata(get_current_user_id());
?>

<script type="text/javascript">
	cửa sổ.$wp_ID = "<?php echo $user_info->ID; ?>";
	cửa sổ.$wp_firstname = "<?php echo $user_info->tên_đầu_tiên; ?>";
	cửa sổ.$wp_lastname = "<?php echo $user_info->họ; ?>";
</script>
```

\`

**Bước 4: Mở Bảng điều khiển Headers and Footer**

Từ menu điều hướng bên trái, nhấp vào **Cài đặt** và chọn plugin **Tiêu đề & Chân trang** từ menu phụ cài đặt.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7gZgsdh0AM40EiyW1iCfQR/a5102c94de84f92388de60fe9b6f3602/wpcode-open_console.png?fm=jpg&q=80&w=640) 

**Bước 5: Thêm tập lệnh Xác định người dùng đã đăng nhập**

Sao chép mã mẫu bên dưới và dán vào phần **Script in Footer** của trang bảng điều khiển Header và Footer. Lưu ý rằng, tập lệnh xác định người dùng đã đăng nhập **phải được đặt ở phía trên** tập lệnh **Trò chuyện trực tiếp**.

> Mã mẫu bên dưới sử dụng ID người dùng làm mã định danh và truyền vào tên và họ. Bạn có thể thoải mái sửa đổi nếu muốn có các trường liên hệ khác.

```html
<script>  
      window.\_\_respond\_settings = {  
    	identifier: $wp\_ID,  
        firstName: $wp\_firstname,  
        lastName: $wp\_lastname,    
      };  
</script>
```

Sau khi dán đoạn mã, hãy nhấp vào nút màu xanh lam "**Lưu**" ở cuối trang.

**Xong!**

Mở trang web và kiểm tra plugin trò chuyện. Bạn có thể xác định được người dùng đã đăng nhập vào WordPress của mình. Khi mã định danh được truyền đến khớp với một liên hệ hiện có, cuộc trò chuyện hiện tại sẽ được tiếp tục.

## Câu hỏi thường gặp và khắc phục sự cố

### 

Mã WP

Nếu bạn đang sử dụng plugin bộ nhớ đệm WordPress như WPCode, hãy thực hiện các bước sau để tiện ích hiển thị chính xác.

**Tắt tính năng thu nhỏ dữ liệu cho JavaScript**

Vào **Cài đặt Wordpress** \> Chọn **WPCode** \> Trên trang WPCode, chọn **Tối ưu hóa tệp** tab > bỏ chọn **Thu nhỏ tệp JavaScript**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7u1DdW6UTB1nHdrE0QlgIB/f3412a5f90adf94cab31a67c4a42d108/css-and-js-files-minified-source-wp-rocket.png?fm=jpg&q=80&w=640) 

**Thêm tên miền tiện ích của chúng tôi vào Tệp Javascript bị loại trừ**

`https://cdn.respond.io/webchat/widget/(.*).js`

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3TcEXrKx1zKh7IhvT4G7Cp/6308494d1b35b918e250d3ebc387b87e/wp-rocket-javascript-excluded-files.png?fm=jpg&q=80&w=640) 

> Sau khi lưu, bạn nên xóa bộ nhớ đệm trong WordPress.

Chia sẻ bài viết này

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-wordpress)

## 

Bài viết liên quan 👩‍💻

* [Cài đặt Tiện ích trò chuyện trên trang web trên SquarespaceTìm hiểu cách cài đặt tiện ích trò chuyện trên web trên trang web Squarespace của bạn. ](/vi/help/website-chat-widget/install-on-squarespace)
* [Cài đặt tiện ích trò chuyện trên JoomlaTìm hiểu cách cài đặt tiện ích trò chuyện trên website Joomla của bạn. ](/vi/help/website-chat-widget/install-on-joomla)
* [Cài đặt Tiện ích trò chuyện trên trang web trên WixTìm hiểu cách cài đặt tiện ích trò chuyện trên web trên trang web Wix của bạn. ](/vi/help/website-chat-widget/install-on-wix)
* [Cài đặt Tiện ích trò chuyện trên trang web trên ShopifyTìm hiểu cách cài đặt tiện ích trò chuyện trên web vào cửa hàng Shopify của bạn. ](/vi/help/website-chat-widget/install-on-shopify)
* [Tiện ích trò chuyện trên trang web Khởi động nhanhThêm Tiện ích trò chuyện trên trang web respond.io vào trang web của bạn. ](/vi/help/website-chat-widget/website-chat-widget)

Không tìm thấy thông tin bạn đang tìm kiếm? 🔎

[Liên hệ hỗ trợ](/vi/contact-us)

2025-12-05T04:05:46.115Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Tìm hiểu cách cài đặt tiện ích trò chuyện trên web trên trang web WordPress của bạn.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/vi/author"},"dateCreated":"2023-03-01T07:06:53.000Z","dateModified":"2025-08-28T08:51:51.275Z","datePublished":"2023-03-01T07:06:53.000Z","headline":"Cài đặt Tiện ích trò chuyện trên trang web WordPress","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","mainEntityOfPage":"https://respond.io/vi/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","url":"https://respond.io/vi/help/website-chat-widget/install-on-wordpress"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/vi/help","position":1},{"@type":"ListItem","name":"Kênh","item":"https://respond.io/vi/help/channels","position":2},{"@type":"ListItem","name":"Tiện ích trò chuyện trên trang web","item":"https://respond.io/vi/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Cài đặt Tiện ích trò chuyện trên trang web WordPress","item":"https://respond.io/vi/help/website-chat-widget/install-on-wordpress","position":4}]}]
{
  "@context": "http://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "WPCode",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>If you are using a WordPress cache plugin such as WPCode, take these steps so that the widget appears correctly.</p><p><b>Disable data-minify feature for JavaScript</b></p><p>Go to <b>Wordpress Settings</b> > Select <b>WPCode</b> > On WPCode page, select <b>File Optimization</b> tab > untick <b>Minify JavaScript files</b></p> <p><b>Add our widget domain to the Javascript Excluded Files</b></p><p><code>https://cdn.respond.io/webchat/widget/(.*).js</code></p> <blockquote><p>Once saved, it is recommended to clear the cache in WordPress.</p></blockquote><p></p>"
      }
    }
  ]
}
```
