زاجلي
زاجلي

التواصل متعدد القنوات

Zagaly logo
زاجلي
زاجلي
إظهار/إخفاء الشريط الجانبي
توثيق المطورين

زوارك لديهم أسئلة.
ذكاؤك الاصطناعي لديه الإجابات.

مباشر على موقعك في أقل من دقيقتين لا حاجة لكود خلفي يعمل مع أي إطار عمل

وسم سكريبت واحد. أي إطار عمل. دردشة ذكاء اصطناعي كاملة مدعومة بقاعدة معرفتك — مباشر على موقعك اليوم.

index.html 
<!-- 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>
< 2 min متوسط وقت الإعداد
1 tag أسطر كود للصق
24 / 7 الذكاء الاصطناعي متاح دائمًا
ابدأ مجانًا الانتقال إلى التثبيت

جاهز وشغّال في 3 خطوات

لا تغييرات خلفية، لا بيانات اعتماد API، لا متاعب تقنية.

01

أنشئ مساعدك

اختر اسمًا، اربط شخصية الذكاء الاصطناعي وقاعدة المعرفة، واختر لون علامتك التجارية. ينتهي في أقل من 3 دقائق.

02

انسخ رمز التضمين

اذهب إلى رمز التضمين، انسخ مقطع السكريبت الواحد. لا مفاتيح API. لا إعداد خادم مطلوب.

03

يتحدث الزوار مع الذكاء الاصطناعي

الصق المقطع على موقعك وسيصبح صندوق الدردشة مباشرًا فورًا. تظهر جميع المحادثات في صندوق وارد زاجلي.

دليل التثبيت

يعمل على كل منصة

اختر تقنيتك واتبع الخطوات.

HTML عادي / أي موقع ثابت

1

احصل على رمز الأداة من زاجلي ← صندوق دردشة الموقع ← رمز التضمين.

2

الصق هذا المقطع قبل إغلاق </body> الوسم في كل صفحة:

html 
<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>
✓

أعد تحميل الصفحة — يظهر فقاعة الدردشة في الزاوية. تم!

WordPress

موصى به: طريقة الإضافة

A استخدام إضافة (الأسهل)

  1. تثبيت "Insert Headers and Footers" أو "WPCode" من دليل إضافات ووردبريس.
  2. اذهب إلى الإعدادات ← إدراج الترويسات والتذييلات ← سكريبتات التذييل.
  3. الصق المقطع أدناه واحفظ.
html 
<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>

B عبر functions.php (طريقة المطورين)

أضف هذا إلى ملف قالبك functions.php أو في إضافة مخصصة:

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

  1. 1

    في لوحة تحكم Shopify، اذهب إلى Online Store → Themes.

  2. 2

    انقر على Actions → Edit Code على قالبك الفعّال.

  3. 3

    مفتوح Layout/theme.liquid والصق المقطع مباشرة قبل </body>:

    html 
    <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>
  4. 4

    انقر على حفظ. صندوق الدردشة الآن مباشر على جميع صفحات متجرك.

تأكد من إضافة myshopify.com ونطاقك المخصص إلى قائمة النطاقات المسموح بها في زاجلي.

Webflow

  1. 1

    افتح مشروع Webflow. اذهب إلى Site Settings → Custom Code.

  2. 2

    الصق المقطع في Footer Code القسم:

    html 
    <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>
  3. 3

    انقر حفظ ← نشر. سيظهر صندوق الدردشة على موقعك المنشور.

لا يظهر صندوق الدردشة في معاينة Webflow Designer — هذا متوقع. يظهر فقط على الرابط المنشور.

React / Next.js

Next.js (موجّه التطبيق — موصى به)

أضف إلى التخطيط الجذري app/layout.tsx:

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>
  );
}

React (useEffect / موجّه الصفحات)

أضف إلى المكوّن الجذري أو pages/_app.tsx:

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} />;
}

Vue / Nuxt.js

Nuxt.js (عبر nuxt.config.ts)

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',
        },
      ],
    },
  },
});

Vue 3 (Composition API — في App.vue)

vue 
<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). اتركه فارغًا للسماح بجميع النطاقات أثناء التطوير.

بعد التثبيت

كل محادثة تصل إلى صندوق وارد

عندما يتحدث زائر مع الذكاء الاصطناعي على موقعك، تظهر المحادثة الكاملة في صندوق وارد زاجلي الموحّد تحت قناة الدردشة الإلكترونية — مثل رسائل واتساب أو تيليجرام.

  • يعالج الذكاء الاصطناعي الأسئلة فورًا باستخدام قاعدة معرفتك
  • يمكنك التدخل والرد يدويًا في أي وقت
  • يُحفظ اسم العميل المحتمل وبريده الإلكتروني كجهة اتصال تلقائيًا
  • جميع أتمتة زاجلي والعلامات تعمل على محادثات الدردشة الإلكترونية
V
ما هو سعر خطة Pro؟
خطة Pro بـ 49 دولارًا شهريًا وتشمل 3 مساعدي دردشة وتحليلات كاملة وتسليم بشري. هل تريد أن أشارك تفاصيل الأسعار الكاملة؟
صندوق وارد زاجلي ← الدردشة الإلكترونية
المحادثة مرئية لفريقك بالكامل

الأسئلة الشائعة

زوار موقعك في انتظارك

انشر مساعد ذكاء اصطناعي يعمل 24/7 على موقعك خلال الـ 10 دقائق القادمة. لا مطوّر مطلوب.

ابدأ التجربة المجانية عرض الأسعار