إذا تم إنشاء موقعك باستخدام Webflow وترغب في التحدث مع زوار موقعك على Webflow في الوقت الفعلي، يمكنك إضافة أداة الدردشة المباشرة Chatwoot إلى موقعك. اتبع الخطوات الموضحة أدناه.

## الخطوة 1. إنشاء صندوق بريد لموقع الويب في Chatwoot

يرجى الرجوع إلى هذا [الدليل](https://www.chatwoot.com/hc/user-guide/articles/1788726252-) للحصول على تعليمات مفصلة حول إعداد صندوق بريد لموقع الويب في Chatwoot.

## الخطوة 2. تثبيت الكود المُولد في Webflow

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN2x4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--dac19f18722460bebc10eed15a33ad30a12a8ec7/webflow%20settings.png)

انتقل إلى **الكود المخصص** -> **كود التذييل**. الصق الكود في "كود التذييل". احفظ التغييرات.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61e6098dbe7b1e852d3c5a3a567b8ea892796d20/footer%20code.png)

## الخطوة 3. نشر التغييرات

انقر على نشر -> اختر الموقع الإلكتروني -> انشر إلى النطاقات المحددة.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJ4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1a8bfa1af05bac393d76002823964402c72a7740/publish%20changes.png)

## الخطوة 4. التحقق

قم بزيارة موقعك وتحقق من ظهور أداة الدردشة على الموقع.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGR4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--23bcae6d06e19fc5a9235235afe725b062ac0a8c/chatwoot%20live%20chat%20widget%20on%20a%20webflow%20website.png)