1. مقدمة:

أهلاً بك في توثيق أداة Zetify، الشات بوت الذكي الذي يعتمد على تقنيات الذكاء الاصطناعي لتقديم ردود ذكية وفورية. هذا الدليل سيساعدك على تنصيب الأداة وتعديلها وإضافتها إلى موقعك بسهولة.

2. المتطلبات الأساسية:

قبل البدء، تأكد من توفر المتطلبات التالية:

  • استضافة ويب: تدعم PHP (الإصدار 7.4 أو أعلى) وMySQL.

  • قاعدة بيانات MySQL: لتحميل بيانات Zetify.

  • OpenAI API Key: للحصول على الردود الذكية من GPT.

  • الوصول إلى ملفات الموقع: مثل public_html أو www لإضافة ملفات Zetify.

3. تنصيب Zetify:

الخطوة 1: تحميل الملفات

  1. قم بتحميل ملفات أداة Zetify.

  2. انقل الملفات إلى مجلد zetify داخل الدليل الرئيسي لموقعك (مثل public_html/zetify).

الخطوة 2: تعديل ملف الإعدادات (config.php)

  1. افتح ملف config.php الموجود في مجلد zetify.

  2. قم بتعديل البيانات التالية:

				
					// بيانات الاتصال بقاعدة البيانات
define('DB_HOST', 'localhost'); // اسم خادم قاعدة البيانات
define('DB_USER', 'اسم_المستخدم'); // اسم مستخدم قاعدة البيانات
define('DB_PASS', 'كلمة_المرور'); // كلمة مرور قاعدة البيانات
define('DB_NAME', 'اسم_قاعدة_البيانات'); // اسم قاعدة البيانات

// OpenAI API Key
define('OPENAI_API_KEY', 'your-openai-api-key-here'); // مفتاح OpenAI API

// روابط الملفات
define('BASE_URL', 'https://yourdomain.com'); // رابط موقعك
define('ZETIFY_URL', BASE_URL . '/zetify'); // رابط مجلد Zetify
define('USER_ICON', ZETIFY_URL . '/icons/user_icon.png'); // أيقونة المستخدم
define('CHAT_ICON', ZETIFY_URL . '/icons/chat_icon.png'); // أيقونة الشات بوت
define('MESSAGE_SOUND', ZETIFY_URL . '/sound/notification.mp3'); // صوت الإشعار
الخطوة 3: استيراد قاعدة البيانات

  1. أنشئ قاعدة بيانات جديدة في phpMyAdmin أو أي أداة إدارة قواعد البيانات.

  2. استورد ملف SQL المرفق مع Zetify لإنشاء الجداول المطلوبة.

4. إضافة Zetify إلى ووردبريس:

الخطوة 1: إضافة الكود إلى functions.php

  1. افتح ملف functions.php الخاص بقالب ووردبريس.

  2. أضف الكود التالي في نهاية الملف:

				
					function load_zetify_scripts() {
    // تضمين ملف الإعدادات
    $config_file = ABSPATH . 'zetify/config.php'; // المسار المطلق لملف config.php
    if (file_exists($config_file)) {
        require_once $config_file;
    } else {
        error_log("Config file not found: " . $config_file);
        return;
    }

    // تحميل سكريبت Zetify
    wp_enqueue_script('zetify-js', get_home_url() . '/zetify/zetify.js', array('jquery'), null, true);

    // تمرير المتغيرات من PHP إلى JavaScript
    wp_localize_script('zetify-js', 'zetifyConfig', array(
        'zetify_url' => ZETIFY_URL,
        'user_icon' => USER_ICON,
        'chat_icon' => CHAT_ICON,
        'message_sound' => MESSAGE_SOUND,
    ));

    // تحميل ملف الـ CSS
    wp_enqueue_style('zetify-css', get_home_url() . '/zetify/zetify.css');
}
add_action('wp_enqueue_scripts', 'load_zetify_scripts');

function add_zetify() {
    ?>
    <div id="chat-btn" onclick="toggleChat()" aria-label="Open zetify" role="button">
        💬
    </div>

    <div id="chatbox" class="hidden" aria-live="polite">
        <div id="chat-header">
            🤖 <?php echo esc_html(get_bloginfo('name')); ?> zetify
            <span id="close-chat" onclick="toggleChat()" aria-label="Close zetify" role="button">✖</span>
        </div>
        <div id="chat-content"></div>
        <div id="typing-indicator" aria-live="assertive">جار الكتابة...</div>
        <div id="chat-input">
            <input type="text" id="user-input" placeholder="اكتب سؤالك.." aria-label="Type your message">
            <button onclick="sendMessage()" aria-label="Send message">أرسل</button>
        </div>
    </div>
    <?php
}
add_action('wp_footer', 'add_zetify');
الخطوة 2: التحقق من التنصيب

  1. قم بزيارة موقعك وتأكد من ظهور زر Zetify في الزاوية السفلية اليسرى.

  2. اضغط على الزر وتفاعل مع Zetify للتأكد من أنه يعمل بشكل صحيح.

5. إضافة Zetify إلى أي موقع آخر:

الخطوة 1: تنصيب الملفات

  1. أنشئ مجلدًا باسم zetify في الدليل الرئيسي لموقعك.

  2. ضع جميع ملفات Zetify داخل هذا المجلد.

الخطوة 2: إضافة الكود إلى الموقع

  1. أضف الكود التالي قبل إغلاق وسم </body> في ملف index.html أو أي صفحة تريد إظهار Zetify فيها:

				
					
<link data-asynced="1" as="style" onload="this.onload=null;this.rel='stylesheet'"  rel="preload" href="/zetify/zetify.css">

 <script type="litespeed/javascript" data-src="/zetify/zetify.js"></script> 
<div id="chat-btn" onclick="toggleChat()" aria-label="Open zetify" role="button">
    💬
</div>

<div id="chatbox" class="hidden" aria-live="polite">
    <div id="chat-header">
        🤖 Zetify Chatbot
        <span id="close-chat" onclick="toggleChat()" aria-label="Close zetify" role="button">✖</span>
    </div>
    <div id="chat-content"></div>
    <div id="typing-indicator" aria-live="assertive">جار الكتابة...</div>
    <div id="chat-input">
        <input type="text" id="user-input" placeholder="اكتب سؤالك.." aria-label="Type your message">
        <button onclick="sendMessage()" aria-label="Send message">أرسل</button>
    </div>
</div>

6. تعديل Zetify:

الخطوة 1: إضافة أسئلة وأجوبة مخصصة

  1. افتح ملف suggestions.php وقم بإضافة الأسئلة والأجوبة المخصصة.

الخطوة 2: تعديل التصميم

  1. افتح ملف zetify.css وقم بتعديل الألوان والخطوط حسب ذوقك.

الخطوة 3: تحسين الأداء

  1. يمكنك تحسين أداء Zetify عن طريق إضافة المزيد من الأسئلة والأجوبة إلى قاعدة البيانات.

7. التقنيات المستخدمة:

تم تطوير Zetify باستخدام التقنيات التالية:

  • PHP: للتعامل مع الخادم وقاعدة البيانات.

  • JavaScript: لإنشاء واجهة مستخدم تفاعلية.

  • HTML/CSS: لتصميم واجهة المستخدم.

  • MySQL: لتخزين بيانات المحادثات والأسئلة المقترحة.

  • OpenAI API: لتقديم ردود ذكية وفورية.

8. الدعم الفني:

إذا واجهتك أي مشاكل أثناء التنصيب أو التعديل، يمكنك التواصل مع فريق الدعم عبر البريد الإلكتروني: support@moelgaraihy.com.

كيفية إضافة سؤال وجواب إلى الداتا بيز:

				
					INSERT INTO zetify_responses (question, answer) VALUES ('Q','A');
صفحة التحميل

قائمة المساعدة

Scroll to Top