ثبّت على WordPress / WooCommerce
أضف ودجت محادثة UCrew إلى موقع WordPress أو WooCommerce الخاص بك. لا تحتاج إلى إضافة — فقط كود بسيط تلصقه في الثيم، أو إضافة مجانية.
قبل أن تبدأ
- احصل على الـ Project ID من لوحة تحكم UCrew ← إعدادات المشروع ← الودجت
- ستحتاج إلى صلاحية أدمن على موقع WordPress الخاص بك
- اختر الطريقة أ (الموصى بها) أو الطريقة ب أدناه
محرر فوتر الثيم
افتح محرر ملفات الثيم
في لوحة تحكم WordPress ← المظهر → محرر ملفات الثيم.على اليمين، اختر footer.php.
إذا لم يظهر محرر ملفات الثيم، فربما يكون مزوّد الاستضافة قد عطّله. استخدم الطريقة ب بدلًا منه.
أضف كود الودجت قبل </body>
ابحث عن وسم الإغلاق </body> في footer.php والصق فوقه مباشرة:
<!-- UCrew Chat Widget -->
<script>
(function() {
var s = document.createElement('script');
s.src = 'https://ucrew.ai/widget/v1.js';
s.setAttribute('data-project-id', 'YOUR_PROJECT_ID');
s.async = true;
document.head.appendChild(s);
})();
</script>
</body>احفظ وعاين
اضغط تحديث الملف ثم زُر موقعك في تبويب جديد. سيظهر زرّ المحادثة في الركن السفلي الأيمن.
إضافة كود Snippet
ثبّت إضافة حقن كود
ثبّت إحدى هذه الإضافات المجانية من WordPress.org:
- WPCode (كان اسمها Insert Headers and Footers) — الأكثر استخدامًا
- Header Footer Code Manager
- Code Snippets
ابحث عن اسم الإضافة في لوحة تحكم WordPress ← الإضافات ← أضف جديد، ثم ثبّتها وفعّلها.
أضف الكود إلى الفوتر
افتح الإضافة وابحث عن قسم أكواد الفوتر والصق:
<script>
(function() {
var s = document.createElement('script');
s.src = 'https://ucrew.ai/widget/v1.js';
s.setAttribute('data-project-id', 'YOUR_PROJECT_ID');
s.async = true;
document.head.appendChild(s);
})();
</script>احفظ واختبر
احفظ الإعدادات وزُر موقعك. سيظهر زرّ المحادثة فورًا.
🛒 تحسين WooCommerce
إذا ربطت تكامل WooCommerce في UCrew، فسيفعّل الودجت تلقائيًا بحث المنتجات وتتبع الطلبات واسترجاع السلات — دون خطوات إضافية.