---
description: تعلم كيفية تثبيت أداة دردشة الويب على موقع WordPress الخاص بك.
title: تثبيت واجهة دردشة الموقع على WordPress
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[جديد🤖 عُملاء الذكاء الاصطناعي أصبحوا متاحين الآن على respond.io! تعرف على موظف الاستقبال الذكي الجديد، وكيل المبيعات أو الدعم. تعرف على المزيد.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/ar/whatsapp-business-calling-api)

ساعدني في... ⌘ 

1. [All Collections >](/ar/help)
2. [ القنوات >](/ar/help/channels)
3. [ واجهة دردشة الموقع >](/ar/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

less than a minute read

إضافة أداة دردشة الويب إلى موقع WordPress الخاص بك هو عملية سريعة وسهلة. لا يتطلب أي مهارات برمجية أو معرفة تقنية.

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

## الإعداد للتثبيت

لكي تتمكن من تثبيت أداة الدردشة على الويب على WordPress، ستحتاج إلى ما يلي:

* الوصول إلى لوحة معلومات WordPress الخاصة بموقعك.
* مقتطف من الكود الخاص بأداة الدردشة على الويب.

إذا لم يكن لديك مقتطف كود مسبقًا، ستقوم بإنشاء واحدة عند إنشاء [أداة دردشة موقع الويب](https://respond.io/ar/help/website-chat-widget/website-chat-widget-overview) أو باستخدام [إضافة دردشة فيسبوك](https://respond.io/ar/help/facebook-messenger/facebook-chat-plugin) لل[فيسبوك ماسنجر](https://respond.io/ar/help/facebook-messenger/facebook-messenger-overview). 

> إذا كانت القنوات متصلة بالفعل على منصة response.io وتحتاج إلى استرداد مقتطف التعليمات البرمجية المُولّد، فاتبع التعليمات [هنا](https://respond.io/ar/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) 

## التثبيت على ووردبريس

**الخطوة 1: تسجيل الدخول إلى WordPress**

انتقل إلى لوحة تحكم WordPress الخاصة بموقعك وقم بتسجيل الدخول.

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

**الخطوة 2: انتقل إلى صفحة المكونات الإضافية**

من لوحة التنقل اليسرى، انقر فوق **Plugins**. في صفحة المكونات الإضافية، اضغط على الزر الأزرق **إضافة جديد** في أعلى الصفحة.

![](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 لهذا البرنامج التعليمي. اضغط على زر **Install Now** وتأكد من تفعيل البرنامج المساعد للاستفادة منه.

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

**الخطوة 4: فتح وحدة التحكم في الرؤوس والتذييلات**

من قائمة التنقل اليسرى، انقر فوق مقتطفات التعليمات البرمجية وحدد **Header & Footer** من القائمة الفرعية.

![](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 والصقه في قسم **Script in Footer** في صفحة وحدة التحكم في الرأس والتذييل.

![](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">
	window.$wp_ID = "<?php echo $user_info->ID; ?>";
	window.$wp_firstname = "<?php echo $user_info->الاسم الأول؛ ?>";
	window.$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: إضافة البرنامج النصي لتحديد هوية المستخدم المسجل الدخول**

انسخ رمز العينة أدناه والصقه في قسم **Script in Footer** في صفحة وحدة التحكم في الرأس والتذييل. يرجى ملاحظة أن **سكريبت تحديد المستخدم المسجّل** يجب أن يوضع فوق **سكريبت الدردشة الحية**.

> يستخدم رمز العينة أدناه معرف المستخدم كمعرف ويمرر مع الاسم الأول واسم العائلة. لا تتردد في التعديل إذا كنت ترغب في الحصول على حقول اتصال أخرى.

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

بمجرد لصق البرنامج النصي، انقر فوق الزر الأزرق "**حفظ**" في أسفل الصفحة.

**منتهي!**

افتح الموقع وتحقق من مكون الدردشة. من الممكن التعرف على المستخدمين المسجلين في WordPress الخاص بك. بمجرد مطابقة المعرف الذي تم تمريره مع جهة اتصال موجودة، سيتم استئناف المحادثة الحالية.

## الأسئلة الشائعة وحل المشكلات

### WPCode

إذا كنت تستخدم مكون إضافي لذاكرة التخزين المؤقت في WordPress مثل WPCode، فاتبع هذه الخطوات لتظهر الأداة بشكل صحيح.

**تعطيل ميزة ضغط البيانات لجافا سكريبت**

انتقل إلى **إعدادات ووردبريس** \> اختر **WPCode** \> في صفحة WPCode، اختر تبويب **تحسين الملفات** \> قم بإلغاء تحديد **ضغط ملفات جافا سكريبت**

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

**أضف نطاق الأكواد الخاصة بنا إلى ملفات جافا سكريبت المستبعدة**

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

> بعد الحفظ، من المستحسن مسح التخزين المؤقت في ووردبريس.

مشاركة هذه المقالة

[![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 الخاص بك. ](/ar/help/website-chat-widget/install-on-squarespace)
* [تثبيت أداة الدردشة لموقع الويب على Joomlaتعلم كيفية تثبيت أداة دردشة الويب على موقع Joomla الخاص بك. ](/ar/help/website-chat-widget/install-on-joomla)
* [تثبيت أداة دردشة الموقع على Wixتعلم كيفية تثبيت أداة دردشة الويب على موقع Wix الخاص بك. ](/ar/help/website-chat-widget/install-on-wix)
* [تثبيت واجهة دردشة الموقع على Shopifyتعلم كيفية تثبيت أداة دردشة الويب على متجرك Shopify الخاص بك. ](/ar/help/website-chat-widget/install-on-shopify)
* [دليل البدء السريع لويدجت دردشة الموقعأضف واجهة دردشة Respond.io إلى موقعك. ](/ar/help/website-chat-widget/website-chat-widget)

لا يمكن العثور على ما تبحث عنه؟ 🔎

[الاتصال بالدعم](/ar/contact-us)

2025-12-05T03:54:57.738Z

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/ar/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/ar/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/ar/help/website-chat-widget/install-on-wordpress"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/ar/help","position":1},{"@type":"ListItem","name":"القنوات","item":"https://respond.io/ar/help/channels","position":2},{"@type":"ListItem","name":"واجهة دردشة الموقع","item":"https://respond.io/ar/help/website-chat-widget","position":3},{"@type":"ListItem","name":"تثبيت واجهة دردشة الموقع على WordPress","item":"https://respond.io/ar/help/website-chat-widget/install-on-wordpress","position":4}]}]
```
