---
description: تعلم كيفية تثبيت أداة دردشة الويب على متجرك Shopify الخاص بك.
title: تثبيت واجهة دردشة الموقع على Shopify
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. تثبيت واجهة دردشة الموقع على Shopify

# تثبيت واجهة دردشة الموقع على Shopify

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

JQ Lee

· 09 May 2025

less than a minute read

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

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

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

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

* الوصول إلى حسابك [Shopify](https://accounts.shopify.com/store-login).
* كتلة كود برمجية لعنصر واجهة دردشة الويب الخاص بك.

إذا لم يكن لديك مقتطف رمز مسبق، ستقوم بإنشائه عند إنشاء [أداة دردشة الويب](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).

> إذا كان لديك قنوات متصلة بالفعل على الرد. o المنصة وتحتاج إلى استرداد كتلة الكود البرمجي التي تم إنشاؤها، واتبع التعليمات [هنا](https://respond.io/ar/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

## التثبيت على Shopify

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

قم بتسجيل الدخول إلى حسابك [Shopify](https://accounts.shopify.com/store-login) وانقر على "متجر على الإنترنت" على شريط التنقل.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**الخطوة 2: انقر على تعديل الكود**

انتقل إلى قسم السمات. هنا، انقر على قائمة الإجراءات المنسدلة وحدد خيار تحرير الكود البرمجي.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**الخطوة 3: لصق البرنامج النصي**

انسخ البرنامج النصي للمكون الإضافي من نظام response.io الأساسي. في اللوحة اليسرى من صفحة تحرير التعليمة البرمجية، انقر فوق مجلد **القسم** لتوسيع نطاقه. اضغط على قسم **footer.سائل** وقم بلصق البرنامج النصي للدردشة.

بمجرد لصق البرنامج النصي في القسم المناسب، اضغط على الزر الأرجواني **حفظ** على أعلى اليسار.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**تم!**

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

> أداة الدردشة نشطة الآن على موقع الويب الخاص بك.

> **ملاحظة**: إذا كنت تستخدم قالب خارجي و كانت القطعة لا تعمل، يرجى محاولة تضمين رمز الموقع تحت قسم **theme.liquid** قبل **</body>**.

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

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

## 

المقالات ذات الصلة 👩‍💻

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

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

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

2025-12-05T03:54:57.548Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"تعلم كيفية تثبيت أداة دردشة الويب على متجرك Shopify الخاص بك.","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-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"تثبيت واجهة دردشة الموقع على Shopify","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-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/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/ar/help/website-chat-widget/install-on-shopify"},{"@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":"تثبيت واجهة دردشة الموقع على Shopify","item":"https://respond.io/ar/help/website-chat-widget/install-on-shopify","position":4}]}]
```
