أداة سهلة ومجانية

إضافة خبير جديد

املأ البيانات التالية وسنقوم تلقائيًا بإنشاء كود HTML جاهز لبطاقة الخبير

هذا المعرف يستخدم في رابط الحجز

إذا تركته فارغًا، لن يظهر زر السيرة الذاتية في البطاقة

⚙️ لوحة إدارة الخبراء

عدّل البيانات فقط في الخانات المحددة

⚠️

هام جداً - لا تعدل هذه الأقسام!

  • • لا تعدل أي شيء يحتوي على class أو style
  • • لا تعدل أي شيء يحتوي على <div أو </div>
  • • فقط عدّل النصوص داخل الخانات المحددة بالألوان

إضافة خبير جديد

انسخ القالب في الأسفل

✏️

تعديل خبير

عدّل البطاقات أدناه

🗑️

حذف خبير

احذف الكود من /booking

📋 الخبراء الحاليون - عدّل البيانات هنا

🔵 خبير رقم 1

مثال: د. أحمد محمد

مثال: التحليل الإحصائي

مثال: 250

جملة قصيرة تصف الخبير

مثال: ahmed (كلمة واحدة بالإنجليزية)

يجب أن يكون نفس سعر الساعة

رابط يبدأ بـ https://

🟢 خبير رقم 2

مثال: د. سارة أحمد

مثال: البحث النوعي

مثال: 300

جملة قصيرة تصف الخبير

مثال: sara (كلمة واحدة بالإنجليزية)

يجب أن يكون نفس سعر الساعة

رابط يبدأ بـ https://

🟣 خبير رقم 3

مثال: د. خالد يوسف

مثال: الجيغرافيا ونظم المعلومات

مثال: 350

جملة قصيرة تصف الخبير

مثال: khaled (كلمة واحدة بالإنجليزية)

يجب أن يكون نفس سعر الساعة

رابط يبدأ بـ https://

🔵 خبير رقم 4

مثال: د. منى عبدالله

مثال: النشر العلمي

مثال: 280

جملة قصيرة تصف الخبير

مثال: mona (كلمة واحدة بالإنجليزية)

يجب أن يكون نفس سعر الساعة

رابط يبدأ بـ https://

📝 قالب خبير جديد - انسخ هذا لإضافة خبير

📋 انسخ الكود التالي والصقه في صفحة /booking

الصق هذا الكود قبل </div> الأخير في قسم sqmulos

// ═══ ابدأ النسخ من هنا ═══

<div class="group relative bg-white rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden"> <div class="relative"> <img src="https://صورة-الخبير.jpg" alt="اسم الخبير" class="w-full h-56 object-cover object-top" /> <div class="absolute bottom-4 right-4 bg-[var(--primary-color)] text-white text-xs px-3 py-1 rounded-full">متاح الآن</div> </div> <div class="p-5"> <h3 class="text-xl font-bold text-[var(--dark-text-color)] mb-1">اسم الخبير</h3> <p class="text-[var(--primary-color)] font-medium text-sm mb-2">التخصص</p> <p class="text-[var(--gray-text-color)] text-sm mb-4 leading-relaxed">وصف الخبير</p> <div class="flex items-center justify-between mb-4"> <div> <span class="text-2xl font-bold text-[var(--accent-color)]">السعر</span> <span class="text-sm text-gray-500">ريال/ساعة</span> </div> <div class="flex items-center gap-1"> <svg class="w-4 h-4 text-yellow-400 fill-current" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> <span class="text-sm text-gray-600">5.0</span> </div> </div> <a href="/booking-form?doctor=معرف-الحجز&price=السعر" class="block w-full bg-gradient-to-r from-[var(--primary-color)] to-[#1a4a70] text-white text-center py-3 rounded-xl font-bold hover:shadow-lg transition-all transform hover:scale-[1.02]">احجز الآن</a> </div> </div>

// ═══ انتهى هنا ═══

🟣 ملء القالب:

  • https://صورة-الخبير.jpg ← رابط الصورة
  • اسم الخبير ← مثل: د. أحمد
  • التخصص ← مثل: الإحصاء
  • وصف الخبير ← جملة قصيرة
  • السعر ← مثل: 250
  • معرف-الحجز ← كلمة إنجليزية فريدة

⚠️ لا تعدل هذه:

  • • أي شيء يحتوي على class="
  • • أي شيء يحتوي على var(--
  • • أي شيء يحتوي على <svg
  • • أي شيء يحتوي على </div>

🔧 إدارة الخبراء

صفحة مخفية لإدارة بيانات الخبراء - لا تشارك الرابط

👥 الخبراء الحاليون (4 خبراء)

د. أحمد محمد

د. أحمد محمد

متاح الآن #1

✏️ التخصص (عدّل هنا)

التحليل الإحصائي

✏️ السعر (عدّل هنا)

250 ريال / ساعة

✏️ الوصف (عدّل هنا)

متخصص في التحليل الإحصائي المتقدم ومنهجية البحث العلمي

🔗 رابط الصورة (عدّل هنا)

/assets/provider/istock/2207618864.jpg?w=1200

🆔 معرف الحجز (للمرجعية فقط)

doctor=ahmed | price=250

د. سارة أحمد

د. سارة أحمد

متاح غدًا #2

✏️ التخصص (عدّل هنا)

البحث النوعي

✏️ السعر (عدّل هنا)

300 ريال / ساعة

✏️ الوصف (عدّل هنا)

خبرة في البحث النوعي والمقارن وإعداد الاستبانات

🔗 رابط الصورة (عدّل هنا)

/assets/provider/istock/1346124900.jpg?w=1200

🆔 معرف الحجز (للمرجعية فقط)

doctor=sara | price=300

د. خالد يوسف

د. خالد يوسف

متاح الآن #3

✏️ التخصص (عدّل هنا)

الجيغرافيا ونظم المعلومات

✏️ السعر (عدّل هنا)

350 ريال / ساعة

✏️ الوصف (عدّل هنا)

متخصص في التحليل المكاني ونظم المعلومات الجغرافية GIS

🔗 رابط الصورة (عدّل هنا)

/assets/provider/istock/2211389115.jpg?w=1200

🆔 معرف الحجز (للمرجعية فقط)

doctor=khaled | price=350

د. منى عبدالله

د. منى عبدالله

متاح الآن #4

✏️ التخصص (عدّل هنا)

النشر العلمي

✏️ السعر (عدّل هنا)

280 ريال / ساعة

✏️ الوصف (عدّل هنا)

متخصصة في النشر في المجلات العلمية المعتمدة

🔗 رابط الصورة (عدّل هنا)

/assets/provider/istock/2247032522.jpg?w=1200

🆔 معرف الحجز (للمرجعية فقط)

doctor=mona | price=280

📖 كيف تدير الخبراء؟

إضافة خبير جديد

  1. اذهب لصفحة /booking
  2. اضغط على قسم الخبراء
  3. انسخ بطاقة خبير كقالب
  4. الصقها وعدّل البيانات
  5. احفظ التغييرات
✏️

تعديل خبير

  1. اذهب لصفحة /booking
  2. اضغط على القسم المطلوب
  3. ابحث عن اسم الخبير
  4. عدّل النص مباشرة
  5. احفظ التغييرات
🗑️

حذف خبير

  1. اذهب لصفحة /booking
  2. اضغط على قسم الخبراء
  3. احذف بطاقة الخبير بالكامل
  4. تأكد من إغلاق الأكواد
  5. احفظ التغييرات

⚠️ تحذيرات مهمة - لا تلمس هذه الأشياء!

  • 🚫 لا تحذف: أي كلمة فيها class="group" - هذا لتأثيرات الأزرار
  • 🚫 لا تحذف: أي href="/booking-form? - هذا رابط الحجز
  • 🚫 لا تحذف: أي text-[var(-- - هذا للألوان
  • 🚫 لا تحذف: أي </div> - هذا لإغلاق البطاقات
  • 💡 ما يمكنك تعديله بأمان: النصوص العادية فقط (الأسماء، الأسعار، الوصف)

🎨 دليل الألوان

كل لون يخبرك ما الذي تمثله:

🔴 أحمر

التخصص

🟢 أخضر

السعر

🟡 أصفر

الوصف

🟣 بنفسجي

رابط الصورة

⚫ رمادي

معرف الحجز

💬 تحتاج مساعدة؟

تواصل معي وسأساعدك في أي تعديل

📧 تواصل مع الدعم

💻 كود الخبراء - للمرجعية فقط

💡 ملاحظة: هذا الكود للرجوع إليه عند التعديل. لا تحتاج لنسخه إلا إذا طلبت منك التعليمات ذلك.

#1 د. أحمد محمد

// السعر: 250 | المعرف: doctor=ahmed

// عند التعديل، ابحث عن:

• "د. أحمد محمد" للاسم

• "التحليل الإحصائي" للتخصص

• "250" للسعر

• رابط الصورة في src="..."

#2 د. سارة أحمد

// السعر: 300 | المعرف: doctor=sara

// عند التعديل، ابحث عن:

• "د. سارة أحمد" للاسم

• "البحث النوعي" للتخصص

• "300" للسعر

• رابط الصورة في src="..."

#3 د. خالد يوسف

// السعر: 350 | المعرف: doctor=khaled

// عند التعديل، ابحث عن:

• "د. خالد يوسف" للاسم

• "الجيغرافيا ونظم المعلومات" للتخصص

• "350" للسعر

• رابط الصورة في src="..."

#4 د. منى عبدالله

// السعر: 280 | المعرف: doctor=mona

// عند التعديل، ابحث عن:

• "د. منى عبدالله" للاسم

• "النشر العلمي" للتخصص

• "280" للسعر

• رابط الصورة في src="..."

🔑 قواعد مهمة:

  • doctor=xxx يجب أن يكون فريد لكل خبير
  • price=XXX يجب أن يطابق السعر في البطاقة
  • • عند إضافة خبير جديد، استخدم معرف غير مستخدم (مثل: doctor=new1)