---
description: Узнайте, как установить виджет веб-чата на вашем WordPress веб-сайте.
title: Установить виджет чата сайта на WordPress
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Новый🤖 Агенты ИИ теперь доступны на respond.io! Познакомьтесь с вашим новым AI-рецепционистом, оператором по продажам или поддержке. Узнать больше.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/ru/whatsapp-business-calling-api)

Помогите мне с... ⌘ 

1. [All Collections >](/ru/help)
2. [ Каналы >](/ru/help/channels)
3. [ Виджет чата сайта >](/ru/help/website-chat-widget)
4. Установить виджет чата сайта на WordPress

# Установить виджет чата сайта на WordPress

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

JQ Lee

· 28 Aug 2025

менее минуты чтения

Добавление виджета веб-чата на ваш сайт WordPress — быстрый и простой процесс. Для этого не требуются какие-либо навыки кодирования или технические знания.

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

## Подготовка к установке

Для установки виджета веб-чата на WordPress вам понадобится следующее:

* Доступ к панели инструментов WordPress вашего сайта'.
* Фрагмент кода для вашего виджета веб-чата.

Если у вас еще нет фрагмента кода, создайте его при создании виджета [Чата Сайта](https://respond.io/ru/help/website-chat-widget/website-chat-widget-overview) или используя [Плагин Чата Facebook](https://respond.io/ru/help/facebook-messenger/facebook-chat-plugin) для [Facebook Messenger](https://respond.io/ru/help/facebook-messenger/facebook-messenger-overview).

> Если у вас уже подключены каналы на платформе response.io и вам необходимо получить сгенерированный фрагмент кода, следуйте инструкциям [здесь](https://respond.io/ru/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

Для успешной установки убедитесь, что домен вашего сайта заполнен. Есть два способа сделать это.

Перейдите на response.io **Настройки** \> выберите **Каналы** \> выберите канал чата вашего сайта > нажмите «Настроить» > добавьте домен сайта. 

![](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) 

Перейдите в настройки response.io > выберите **Виджеты роста** \> нажмите на виджет, который вы хотите добавить на свой сайт > в переключателе **Общие** добавьте домен вашего сайта в поле **Домены сайта** .

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

## Установка на WordPress

**Шаг 1: Войдите в WordPress.**

Перейдите в панель администратора WordPress вашего сайта и войдите в систему.

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

**Шаг 2: Перейдите на страницу плагинов.**

На левой навигационной панели нажмите **Плагины**. На странице плагинов нажмите синюю кнопку **Добавить новый** в верхней части страницы.

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

**Шаг 3: Добавьте новый плагин**

Используя строку поиска, найдите плагин **WPCode** . На странице результатов поиска вы увидите множество опций, которые можно использовать, но для этого урока мы будем использовать плагин "Insert Header and Footers" от WPCode. Нажмите кнопку **Установить сейчас** и обязательно активируйте плагин, чтобы использовать его.

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

**Шаг 4: Откройте консоль верхних и нижних колонтитулов**

В левом навигационном меню нажмите «Фрагменты кода» и выберите **«Верхний колонтитул и Нижний колонтитул»** из подменю.

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

**Шаг 5: Добавьте скрипт чата в реальном времени**

Скопируйте скрипт плагина с response.io и вставьте его в раздел **Скрипт в нижнем колонтитуле** на странице консоли верхнего и нижнего колонтитула.

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

После того, как вы вставили скрипт, нажмите синюю кнопку "**Сохранить**" внизу страницы.

**Готово!**

Откройте сайт и проверьте плагин чата. Вы найдете его в правом нижнем углу. Теперь посетители вашего сайта смогут без труда общаться с вами. Если вы использовали фрагменты кода, сгенерированные на платформе response.io, вы сможете управлять беседами и обновлять внешний вид виджета с платформы.

> Виджет чата теперь активен на вашем сайте!

## Определите вошедших в систему пользователей

> Этот раздел применим только в том случае, если на вашем сайте предусмотрена функция входа пользователя в систему.

**Шаг 1: Войдите в учетную запись WordPress.**

Перейдите в панель администратора WordPress вашего сайта и выполните вход.

**Шаг 2: Откройте файлы заголовков темы**

В левом навигационном меню нажмите **Внешний вид** и выберите **Редактор файлов темы**. Продолжайте выбор файла **заголовка темы**.

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

**Шаг 3: Добавьте полученный идентификатор пользователя и код имени.**

Скопируйте приведенный ниже пример кода и вставьте его в файл заголовка темы. После того, как вы вставили код, нажмите кнопку **Обновить файл** в нижней части страницы.

> Пример кода ниже позволяет получить идентификатор пользователя, его имя и фамилию из WordPress. Не стесняйтесь вносить изменения, если вы хотите получить другие контактные поля.

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

<script type="text/javascript">
	окно.$wp_ID = "<?php echo $user_info->ID; ?>";
	окно.$wp_firstname = "<?php echo $user_info->имя_имя; ?>";
	окно.$wp_lastname = "<?php echo $user_info->фамилия; ?>";
</script>
```

\`

**Шаг 4: Откройте консоль верхних и нижних колонтитулов**

На левой панели навигации нажмите **Настройки**, затем выберите плагин **Верхний колонтитул и Нижний колонтитул** из подменю.

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

**Шаг 5: Добавьте сценарий идентификации вошедшего в систему пользователя**

Скопируйте приведенный ниже пример кода и вставьте его в раздел **Скрипт в нижнем колонтитуле** на странице консоли верхнего и нижнего колонтитула. Обратите внимание, что **скрипт идентификации вошедшего в систему пользователя** должен быть помещен выше скрипта **Живого Чата**.

> В примере кода ниже в качестве идентификатора используется идентификатор пользователя, а также имя и фамилия. Не стесняйтесь вносить изменения, если вы хотите получить другие контактные поля.

```html
<script>  
      window.__respond_settings = {  
    	identifier: $wp_ID,  
        firstName: $wp_firstname,  
        lastName: $wp_lastname,    
      };  
</script>
```

После того, как вы вставили скрипт, нажмите синюю кнопку "**Сохранить**" внизу страницы.

**Готово!**

Откройте сайт и проверьте плагин чата. Можно идентифицировать вошедших в систему пользователей вашего WordPress. Как только переданный идентификатор сопоставится с существующим контактом, текущий разговор будет возобновлен.

## Часто задаваемые вопросы и устранение неполадок

### 

WPCode

Если вы используете плагин кэширования WordPress, такой как WPCode, выполните следующие действия, чтобы виджет отображался правильно.

**Отключить функцию минимизации данных для JavaScript**

Перейдите в **Настройки Wordpress** \> Выберите **WPCode** \> На странице WPCode выберите **Оптимизация файлов** вкладка > снимите отметку **Уменьшить файлы JavaScript**

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

**Добавьте наш домен виджета в исключенные файлы Javascript**

`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) 

> После сохранения рекомендуется очистить кэш в WordPress.

Поделиться этой статьей

[![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)

## 

Соответствующие статьи 👩‍💻

* [Установить виджет Чата Сайта на SquarespaceУзнайте, как установить виджет веб-чата на вашем сайте Squarespace. ](/ru/help/website-chat-widget/install-on-squarespace)
* [Установить виджет чата на сайте на JoomlaУзнайте, как установить виджет веб-чата на вашем сайте Joomla. ](/ru/help/website-chat-widget/install-on-joomla)
* [Установите виджет чата на сайте WixУзнайте, как установить виджет веб-чата на вашем Wix сайте. ](/ru/help/website-chat-widget/install-on-wix)
* [Установить Чат Сайта в ShopifyУзнайте, как установить виджет чата в вашем магазине Shopify. ](/ru/help/website-chat-widget/install-on-shopify)
* [Быстрый старт виджета чата на сайтеДобавьте виджет чата \[respond.io\] на ваш сайт. ](/ru/help/website-chat-widget/website-chat-widget)

Не удается найти то, что вы ищете? 🔎

[Обратитесь в службу поддержки](/ru/contact-us)

2025-12-05T04:02:45.251Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Узнайте, как установить виджет веб-чата на вашем WordPress веб-сайте.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/ru/author"},"dateCreated":"2023-03-01T07:06:53.000Z","dateModified":"2025-08-28T08:51:51.275Z","datePublished":"2023-03-01T07:06:53.000Z","headline":"Установить виджет чата сайта на WordPress","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","mainEntityOfPage":"https://respond.io/ru/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/ru/help/website-chat-widget/install-on-wordpress"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/ru/help","position":1},{"@type":"ListItem","name":"Каналы","item":"https://respond.io/ru/help/channels","position":2},{"@type":"ListItem","name":"Виджет чата сайта","item":"https://respond.io/ru/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Установить виджет чата сайта на WordPress","item":"https://respond.io/ru/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>"
      }
    }
  ]
}
```
