C cenaly.com
ابدأ مجانًا

Webflow · تواصل من معرض أعمالك

أدوات Cenaly.com لـ Webflow

أضف التواصل أو الموعد إلى تصميم Webflow الحالي. اختر المهمة واضبط الأداة في Cenaly.com، ثم أضف الكود على مستوى الموقع أو الصفحة. فيما يلي شروط الوصول إلى custom code وتعليمات منفصلة لـ consent.

  • Custom code: Site plan نشط أو Core أو Growth أو Agency أو Freelancer Workspace
  • النشر خطوة منفصلة بعد حفظ الكود
  • تحقق من العرض على الجوال والحركات والانتقالات بين الصفحات

بدون بطاقة · التسجيل دقيقة، والوسم دقيقة أخرى · تصل تعديلات الإعدادات إلى الموقع خلال 5 دقائق

وسم واحد لكل الأدوات9 من 13 مجانيةShadow DOM — لا يُفسد التخطيطالتسميات بلغة الصفحةسحابتان: AWS وروسيا

ما الذي يعمل على Webflow

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

سيُحفظ الودجت والمنصة المحددان عند التسجيل. ثم اضبط الودجت في الحساب. أبقِ هذه التعليمات مفتوحة لـ Webflow: بعد الضبط عُد إلى خطوات التثبيت أدناه.

كل الأدوات الـ 13 →

هل تحتاج إلى خطة مدفوعة في Webflow؟

تحتاج إلى خطة مدفوعة على المنصة

تحتاج إلى Site plan نشط أو Workspace Core أو Growth أو Agency أو Freelancer.

تسمح الوثائق الرسمية لـ Webflow باستخدام custom code لـ Site managers و Designers عند وجود Site plan نشط أو أحد Workspace المذكورة. Site plan المدفوع ليس المسار الوحيد.

عنوان webflow.io وحده لا يوضح ما إذا كان إدراج الكود متاحًا: تحقق من Workspace والصلاحيات وإعدادات المشروع. ربط نطاقك الخاص وإمكانات CMS لهما شروطهما الخاصة في الخطة.

عناصر القائمة وشروط الخطط في هذه الصفحة مأخوذة من المساعدة الرسمية:

تم التحقق منه مقابل مرجع المنصة 2026-09-22

كيفية إدراج الكود على Webflow

الودجات العادية: الدردشة، زر التواصل، الموعد

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

مثال على وسم للعناصر العادية. خذ الرمز الخاص بك من الحساب؛ لا حاجة لاستبداله بنطاق تجريبي. لحظر التحليلات، استخدم التعليمات المنفصلة أدناه. لافتة ملفات تعريف الارتباط والتحليلات: إجراء منفصل →

  1. 1

    انسخ كود التثبيت

    في حساب Cenaly.com: لوحة الإدارة → التسويق → «موقعي». اكتب عنوان الموقع في الحقل الأول وانسخ سطر الوسم.

  2. 2

    افتح إعدادات المشروع

    في Webflow: Site settings (إعدادات الموقع) للمشروع المطلوب.

  3. 3

    انتقل إلى Custom code

    علامة تبويب Custom code — فيها حقلان: Head code (داخل head) و Footer code (قبل وسم body الختامي).

  4. 4

    ألصق الوسم في Head code

    ألصق السطر في Head code واحفظ. لا حاجة لإضافة وسوم html و head و body في هذا الحقل — فقط السكربت نفسه.

  5. 5

    انشر المشروع

    اضغط Publish: تشير مساعدة Webflow بشكل منفصل إلى أن أثر الكود الخاص بك يظهر على الموقع المباشر بعد النشر.

  6. 6

    تحقق من التثبيت

    افتح الموقع المنشور وارجع إلى «موقعي» → «التحقق من التركيب».

إذا كنت تحتاج إلى الودجت على صفحة واحدة فقط، فللصفحات في Webflow حقولها الخاصة للكود في إعدادات الصفحة.

المساعدة الرسمية Webflow ↗

التحقق من التثبيت

  1. 1

    أعد نشر الموقع

    في أدوات إنشاء المواقع تبقى التعديلات في المسودة: إلى أن يُعاد نشر الصفحات، لا يوجد الوسم على الموقع المباشر.

  2. 2

    افتح «موقعي» في الحساب

    لوحة الإدارة → التسويق → «موقعي». في الحقل الأول عنوان موقعك، وبجانبه «التحقق من التثبيت».

  3. 3

    اطّلع على ما تم العثور عليه

    يقرأ التحقق HTML المصدر للصفحة ويعرض الأدوات التي عثر عليها. أما الوسم المُثبَّت عبر Google Tag Manager فلن يراه — وهذا قيد في التحقق لا في التثبيت.

تحليل أخطاء التثبيت — في المساعدة دليل التثبيت →

مزايا Webflow

  • Preview والموقع المنشور

    يدعم Webflow استخدام custom code في preview/comment، لكن ليس في expand canvas. سيرى الزوار التغييرات بعد النشر؛ وأجرِ التحقق النهائي عبر العنوان المنشور.

  • كود المشروع أو صفحة واحدة

    يضيف Head code العام الوسم على مستوى الموقع. إذا كنت تحتاج إلى URL واحد فقط، فاستخدم إعدادات الصفحة ولا تكرر فيها الوسم العام المثبّت مسبقًا.

  • حافظ على النماذج والتنسيق

    لا يربط الودجت نماذج Webflow بـ Cenaly.com تلقائيًا. يعزل Shadow DOM التنسيقات، لكن يجب التحقق من الحركات وقابلية النقر على الأزرار والتراكب على موقعك.

  • Consent و GTM

    لا تضع consent بعد حاوية شغّلت أدوات التتبع بالفعل. بالنسبة إلى وسم عادي عبر GTM، لا يؤكد فحص HTML من الخادم التثبيت — تحقق من الودجت على الصفحة المنشورة.

الأسئلة والأجوبة

هل يجب شراء Site plan؟

لا، custom code متاح أيضًا عبر Core أو Growth أو Agency أو Freelancer Workspace وفق شروط Webflow. تحقق من صلاحيات Site manager/Designer والوصول إلى الحقل في المشروع المعني.

Head code أم Footer code؟

يمكن إضافة وسم عادي في Head code؛ لا تُحِطْه بوسوم html/head/body. يتطلب consent مع الحجب حتى الموافقة سكربتًا أولًا منفصلًا في head قبل أدوات التتبع.

لماذا لم يظهر الودجت في المحرر؟

لا يعمل Custom code في expand canvas. يدعمه Preview/comment، لكن التغييرات لا تزال بحاجة إلى نشر. تحقق من تفعيل الودجت والعنوان النهائي للموقع.

هل سيؤثر الودجت على الحركات؟

عزل التنسيقات لا يضمن التوافق مع أي سكربت. تحقق من التفاعلات والنماذج وشاشة الجوال قبل تعميم الودجت على كل الصفحات.

كيف نتعامل مع صفحات CMS؟

الكود العام للموقع يناسب أيضًا صفحات المجموعات. تحقق من مثال منشور لصفحة كهذه ولا تكرر الوسم في قالبها.

هل يناسب وسم async العادي شريط ملفات تعريف الارتباط؟

لحجب أدوات التتبع قبل الموافقة، يلزم ملف consent/v1.js منفصل يوضع أولًا في head بدون async/defer. تحقق من التحميل قبل الاختيار، وبعد الرفض والقبول. قد تتطلب التحليلات المدمجة في المنصة إعدادًا منفصلًا؛ وظهور الشريط لا يؤكد الامتثال للقانون.

لمزيد من التفاصيل — التثبيت حسب المنصات والإعداد واستكشاف الأخطاء وإصلاحها — راجع قسم المساعدة. دليل التثبيت →

ضع الودجات على موقعك في Webflow

تحقق من إمكانية الوصول إلى custom code، واختر ودجتًا واضبطه. بعد النشر، اختبر صفحة عادية وصفحة مجموعة.

اختيار الودجة

بدون بطاقة · التسجيل دقيقة، والوسم دقيقة أخرى · تصل تعديلات الإعدادات إلى الموقع خلال 5 دقائق