زاجلي
التواصل متعدد القنوات
التواصل متعدد القنوات
وسم سكريبت واحد. أي إطار عمل. دردشة ذكاء اصطناعي كاملة مدعومة بقاعدة معرفتك — مباشر على موقعك اليوم.
<!-- Paste before </body> --> <script> window.ZagelyConfig = { token: "YOUR_WIDGET_TOKEN" }; (function(d,s){var j=d.createElement(s); j.src="https://zagely.com/widget/zagely.js"; j.async=true;d.head.appendChild(j);})(document,'script'); </script>
لا تغييرات خلفية، لا بيانات اعتماد API، لا متاعب تقنية.
اختر اسمًا، اربط شخصية الذكاء الاصطناعي وقاعدة المعرفة، واختر لون علامتك التجارية. ينتهي في أقل من 3 دقائق.
اذهب إلى رمز التضمين، انسخ مقطع السكريبت الواحد. لا مفاتيح API. لا إعداد خادم مطلوب.
الصق المقطع على موقعك وسيصبح صندوق الدردشة مباشرًا فورًا. تظهر جميع المحادثات في صندوق وارد زاجلي.
اختر تقنيتك واتبع الخطوات.
احصل على رمز الأداة من زاجلي ← صندوق دردشة الموقع ← رمز التضمين.
الصق هذا المقطع قبل إغلاق
</body>
الوسم في كل صفحة:
<script>
window.ZagelyConfig = { token: "YOUR_WIDGET_TOKEN" };
(function(d,s){var j=d.createElement(s);j.src="https://zagely.com/widget/zagely.js";
j.async=true;d.head.appendChild(j);})(document,"script");
</script>أعد تحميل الصفحة — يظهر فقاعة الدردشة في الزاوية. تم!
<script>
window.ZagelyConfig = { token: "YOUR_WIDGET_TOKEN" };
(function(d,s){var j=d.createElement(s);j.src="https://zagely.com/widget/zagely.js";
j.async=true;d.head.appendChild(j);})(document,"script");
</script>
أضف هذا إلى ملف قالبك
functions.php
أو في إضافة مخصصة:
<?php
add_action('wp_footer', function () {
echo '<script>\n window.ZagelyConfig = { token: "YOUR_WIDGET_TOKEN" };\n (function(d,s){var j=d.createElement(s);\n j.src="https://zagely.com/widget/zagely.js";\n j.async=true;d.head.appendChild(j);})(document,"script");\n</script>';
});في لوحة تحكم Shopify، اذهب إلى Online Store → Themes.
انقر على Actions → Edit Code على قالبك الفعّال.
مفتوح
Layout/theme.liquid
والصق المقطع مباشرة قبل
</body>:
<script>
window.ZagelyConfig = { token: "YOUR_WIDGET_TOKEN" };
(function(d,s){var j=d.createElement(s);j.src="https://zagely.com/widget/zagely.js";
j.async=true;d.head.appendChild(j);})(document,"script");
</script>انقر على حفظ. صندوق الدردشة الآن مباشر على جميع صفحات متجرك.
افتح مشروع Webflow. اذهب إلى Site Settings → Custom Code.
الصق المقطع في Footer Code القسم:
<script>
window.ZagelyConfig = { token: "YOUR_WIDGET_TOKEN" };
(function(d,s){var j=d.createElement(s);j.src="https://zagely.com/widget/zagely.js";
j.async=true;d.head.appendChild(j);})(document,"script");
</script>انقر حفظ ← نشر. سيظهر صندوق الدردشة على موقعك المنشور.
أضف إلى التخطيط الجذري
app/layout.tsx:
import Script from 'next/script';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
{children}
<Script id="zagely-widget" strategy="lazyOnload">
{`
window.ZagelyConfig = { token: 'YOUR_WIDGET_TOKEN' };
(function(d,s){var j=d.createElement(s);
j.src='https://zagely.com/widget/zagely.js';
j.async=true;d.head.appendChild(j);})(document,'script');
`}
</Script>
</body>
</html>
);
}
أضف إلى المكوّن الجذري أو
pages/_app.tsx:
import { useEffect } from 'react';
export default function App({ Component, pageProps }) {
useEffect(() => {
window.ZagelyConfig = { token: 'YOUR_WIDGET_TOKEN' };
const s = document.createElement('script');
s.src = 'https://zagely.com/widget/zagely.js';
s.async = true;
document.head.appendChild(s);
}, []);
return <Component {...pageProps} />;
}nuxt.config.ts)
// nuxt.config.ts
export default defineNuxtConfig({
app: {
head: {
script: [
{
innerHTML: `
window.ZagelyConfig = { token: 'YOUR_WIDGET_TOKEN' };
(function(d,s){var j=d.createElement(s);
j.src='https://zagely.com/widget/zagely.js';
j.async=true;d.head.appendChild(j);})(document,'script');
`,
tagPosition: 'bodyClose',
},
],
},
},
});<script setup>
import { onMounted } from 'vue';
onMounted(() => {
window.ZagelyConfig = { token: 'YOUR_WIDGET_TOKEN' };
const s = document.createElement('script');
s.src = 'https://zagely.com/widget/zagely.js';
s.async = true;
document.head.appendChild(s);
});
</script>
<template>
<RouterView />
</template>لا حاجة لتغييرات في الكود. جميع الإعدادات في لوحة تحكم زاجلي.
طابق علامتك التجارية تمامًا. حدد اللون الأساسي واختر موضع فقاعة الدردشة.
حدد الرسالة الافتتاحية التي يراها الزوار عند فتح الدردشة. اجعلها ودية ومتوافقة مع علامتك.
اربط شخصية ذكاء اصطناعي باسم ونبرة ولهجة مخصصة. يتحدث الذكاء الاصطناعي بصوت علامتك التجارية.
اربط قاعدة معرفتك حتى يجيب الذكاء الاصطناعي باستخدام وثائقك والأسئلة الشائعة ومعلومات المنتج.
أضف نطاقاتك فقط. سيتم رفض رمز الأداة على أي موقع آخر — لمنع الاستخدام غير المصرح به.
اطلب اختياريًا اسم الزائر وبريده الإلكتروني قبل أول رسالة. تُحفظ العملاء المحتملون كجهات اتصال تلقائيًا.
بعد إنشاء الأداة، اذهب إلى تعديل ← الإعدادات
وأضف كل نطاق يجب أن يُحمَّل فيه صندوق الدردشة (مثل yourdomain.com, www.yourdomain.com).
اتركه فارغًا للسماح بجميع النطاقات أثناء التطوير.
عندما يتحدث زائر مع الذكاء الاصطناعي على موقعك، تظهر المحادثة الكاملة في صندوق وارد زاجلي الموحّد تحت قناة الدردشة الإلكترونية — مثل رسائل واتساب أو تيليجرام.
لا. يتحمل سكريبت الأداة بشكل غير متزامن (async=true) لذا لا يعيق تصيير صفحتك أبدًا. حجمه أقل من 40 كيلوبايت مضغوطًا ويحمّل واجهة الدردشة عند الحاجة فقط.
رمز الأداة مفتاح عام — مثل مفتاح موقع Google reCAPTCHA. آمن للتضمين في HTML العام. يأتي الأمان من قائمة النطاقات المسموح بها: يعمل الرمز فقط على النطاقات التي تعتمدها. حتى لو نسخه شخص ما، لا يمكنه استخدامه على موقعه.
اذهب إلى زاجلي ← صندوق دردشة الموقع ← اختر مساعدك ← انقر "رمز التضمين". يظهر رمزك هناك مع المقطع الكامل جاهزًا للنسخ.
نعم. الصق السكريبت على أي صفحة تريد. أضف كل نطاق فرعي إلى قائمتك المسموح بها بشكل منفصل (مثل www.yourdomain.com و store.yourdomain.com).
يمكنك تعيين رسالة احتياطية في إعدادات الأداة (مثل "لا أملك هذه المعلومات. يرجى التواصل معنا على support@yourdomain.com"). يستخدمها الذكاء الاصطناعي عندما لا تحتوي قاعدة المعرفة على إجابة ذات صلة.
نعم. تظهر أي محادثة تأتي عبر صندوق الدردشة في صندوق وارد زاجلي الموحّد تحت تبويب "الدردشة الإلكترونية". يمكن لفريقك الرد كأي قناة أخرى. يتوقف الذكاء الاصطناعي تلقائيًا عند رد الإنسان.
فقط إذا فعّلت نموذج جمع العملاء المحتملين في إعدادات الأداة. عند التفعيل، يظهر النموذج قبل الرسالة الأولى للزائر. هذا اختياري تمامًا.
نعم. تستخدم الأداة واجهات DOM القياسية وتعمل بشكل مستقل عن إطار JavaScript الخاص بك. راجع تبويبي React/Next.js و Vue/Nuxt أعلاه للنهج المحدد.
انشر مساعد ذكاء اصطناعي يعمل 24/7 على موقعك خلال الـ 10 دقائق القادمة. لا مطوّر مطلوب.