تخطَّ إلى المحتوى
غلاف لوحة تحكم TowerCaty لأعمال SaaS: لقطات حقيقية للوضعين الداكن والفاتح على الحاسوب والجوال

1 / 21

لوحات التحكم

لوحة تحكم TowerCaty لأعمال SaaS

ابتداءً من ⁦‏49.00 US$⁩

قالب لوحة تحكم لشركات الاشتراكات بتصميم داكن افتراضيًا (مع وضع فاتح)، مبني بـ HTML وCSS وJavaScript: مؤشرات الإيراد الشهري والسنوي ومعدل الإلغاء وقيمة العميل، ومخططات الإيرادات، والمشتركون والباقات والفواتير والاستخدام ومقاعد الفريق. يعمل دون بناء ودون اتصال. واجهته بالإنجليزية.

  • العربية
  • English
اختر الترخيص
  • دفع آمن عبر PayPal
  • تسليم رقمي فوري
  • ترخيص واضح
  • الدعم متاح

نظرة عامة

لوحة تحكم TowerCaty لأعمال SaaS قالبٌ جاهز لإدارة الشركات التي تبيع خدماتها بالاشتراك. تعرض اللوحة الأرقام التي يتابعها كل فريق SaaS: الإيراد الشهري المتكرر (MRR)، والإيراد السنوي المتكرر (ARR)، ومعدل الإلغاء، وقيمة العميل مدى الحياة (LTV)، ومتوسط الإيراد لكل حساب. وتضع بجانبها أدوات التعامل معها: المشتركون، والباقات، والفواتير، والمدفوعات المتعثرة، والاستخدام، والمقاعد.

القالب مكتوب بـ HTML وCSS وJavaScript دون أي إطار عمل، فلا يحتاج إلى أي خطوة بناء. افتح ملف index.html وسيعمل مباشرة، حتى من دون اتصال بالإنترنت.

سبع شاشات تعمل بالكامل:

  • النظرة العامة: بطاقات مؤشرات مع منحنيات مصغّرة ومقارنة بالشهر أو بالعام السابق، ومخطط للإيراد الشهري يُعرض إجمالًا أو موزعًا حسب الباقة. ومعها حركة الإيراد، وتوزيع الباقات، وقائمة الإعداد، وسجل النشاط، والحسابات المتأخرة في الدفع، والتجارب التي توشك على الانتهاء.
  • الإيرادات: مخطط للإيراد الجديد والتوسّع وإعادة التفعيل والتقليص والإلغاء مع خط لصافي النمو، واتجاه معدل الإلغاء، والعملاء الجدد مقابل المفقودين، وجدول شهري قابل للفرز.
  • المشتركون: وسوم للحالة، وبحث وتصفية وفرز، ولوحة جانبية للتفاصيل. منها تغيّر الباقة مع معاينة فورية للسعر، أو تعلّق الاشتراك، أو تلغيه مع ذكر السبب، أو تعيد تفعيله، وتضيف ملاحظات.
  • الباقات: بطاقات أسعار بفوترة شهرية أو سنوية، ونافذة لتعديل الباقة، ومقارنة للميزات، وإضافات وقسائم خصم.
  • الفوترة: فواتير بمعاينة قابلة للطباعة، مع تسجيل الدفع والاسترداد والإلغاء، وقائمة لتحصيل المدفوعات المتعثرة، وسجل للتحويلات البنكية.
  • الاستخدام: إجماليات لكل ميزة، ومخطط يومي، ونسبة التبنّي حسب الباقة، وخريطة حرارية للنشاط، والحسابات التي اقتربت من حدود باقاتها.
  • الفريق: خريطة للمقاعد، وشراء مقاعد إضافية، وتعديل الأدوار، والدعوات، ومتابعة تفعيل التحقق بخطوتين.

هوية بصرية خاصة. التصميم داكن افتراضيًا ومعه وضع فاتح، وتحل أشرطة التبويب العلوية محل القائمة الجانبية. ألوانه الأساسية النيلي والسماوي، مع وسوم بيضاوية وكثافة مدمجة، وأرقام بخط أحادي المسافة يسهّل قراءة القيم الكبيرة. المخططات مرسومة بـ SVG دون مكتبات خارجية، وفيها تلميحات تفاعلية، ويمكن تصفّحها بلوحة المفاتيح.

بيانات تجريبية واقعية لشركة خيالية تقدّم خدمة نماذج وأتمتة: 320 مشتركًا، ونحو 1000 فاتورة، وسجل إيرادات لـ 24 شهرًا، و90 يومًا من بيانات الاستخدام. كل زر يعمل، وتُحفظ التغييرات في المتصفح.

واجهة القالب باللغة الإنجليزية، وهو واجهة أمامية فقط دون خادم: لا يعالج مدفوعات ولا يرسل رسائل بريد أو تذكيرات أو دعوات أو إشعارات. أما الاسترداد وإعادة محاولة الدفع ومركز الإشعارات فتعمل على بيانات تجريبية، والنماذج تحفظ بياناتها في المتصفح فقط. يشرح ملف README طريقة ربطه بواجهتك البرمجية.

ما الذي يتضمنه

  • ملفات المنتج كاملة (ZIP)towercaty-saas-dashboard-1.0.0.zip · ZIP · 280.4 كيلوبايت

الإصدار 1.0.0

اللغات

  • العربية
  • English

وصف المنتج وتفاصيله متوفرة بهذه اللغات.

المزايا

  • سبع شاشات كاملة: النظرة العامة والإيرادات والمشتركون والباقات والفوترة والاستخدام والفريق، مع صفحة 404
  • بطاقات للإيراد الشهري والسنوي والعملاء ومعدل الإلغاء وقيمة العميل ومتوسط الإيراد، مع منحنيات مصغّرة ومقارنة شهرية وسنوية
  • مخطط للإيراد الشهري لمدة 6 أو 12 أو 24 شهرًا، مع عرض موزّع حسب الباقة ومفتاح ألوان قابل للتبديل
  • مخطط لحركة الإيراد: الجديد والتوسّع وإعادة التفعيل والتقليص والإلغاء، مع خط لصافي النمو
  • جدول المشتركين مع وسوم الحالة والبحث والتصفية والفرز والتنقل بين الصفحات والتصدير إلى CSV
  • لوحة تفاصيل المشترك: تغيير الباقة مع معاينة السعر، والتعليق، والإلغاء، وإعادة التفعيل، والملاحظات
  • باقات بأسعار شهرية وسنوية، ونافذة تعديل، ومقارنة للميزات، وإضافات وقسائم خصم
  • فواتير بمعاينة قابلة للطباعة، مع تسجيل الدفع والاسترداد الجزئي أو الكامل والإلغاء (محاكاة على بيانات تجريبية)
  • قائمة لتحصيل المدفوعات المتعثرة مع إعادة المحاولة والتذكير ومفتاح للمحاولة التلقائية (محاكاة دون مدفوعات أو رسائل فعلية)
  • الاستخدام لكل ميزة، ونسبة التبنّي حسب الباقة، وخريطة حرارية للنشاط، والحسابات القريبة من حدودها
  • مقاعد الفريق وتعديل الأدوار ودعوات تراعي المقاعد المتاحة ونسبة تفعيل التحقق بخطوتين
  • لوحة أوامر للبحث (Ctrl/Cmd K) ومركز إشعارات ببيانات تجريبية وقائمة إعداد ورسائل تنبيه مع إمكانية التراجع
  • تصميم داكن افتراضيًا مع وضع فاتح، وتنقّل بتبويبات علوية، وكثافة مدمجة
  • مخططات SVG دون مكتبات خارجية، مع تلميحات تفاعلية ودعم لوحة المفاتيح
  • تصميم متجاوب من شاشات الجوال بعرض 390 بكسل إلى الحواسيب الكبيرة، وتتحول الجداول إلى بطاقات على الجوال
  • إتاحة جيدة: معالم دلالية، وحقول موسومة، وتركيز ظاهر، وتباين ألوان بمستوى WCAG AA (فُحص بأداة axe-core)
  • لا يحتاج إلى خطوة بناء أو شبكة توصيل محتوى: افتح index.html ويعمل دون اتصال
  • خطوط وأيقونات مضمّنة بتراخيص تسمح بالاستخدام التجاري (SIL OFL 1.1 وMIT)

المتطلبات

أي متصفح حديث (الإصدارات الحالية من Chrome أو Edge أو Firefox أو Safari). لا يحتاج إلى أدوات بناء أو أطر عمل أو برمجة خادم، ويكفي محرر نصوص للتخصيص. اختياريًا: أي خادم ملفات ثابتة، مثل Python 3 للمعاينة المحلية.

التوافق

Chrome وEdge 105 فأحدث، وFirefox 110 فأحدث، وSafari 16 فأحدث، على الحاسوب والجهاز اللوحي والجوال. متجاوب من الجوال بعرض 390 بكسل إلى الشاشات بعرض 1440 بكسل وأكثر. يُنشر على أي استضافة للمواقع الثابتة (Netlify وVercel وCloudflare Pages وGitHub Pages وS3 وNginx وApache). الواجهة باللغة الإنجليزية.

التثبيت

  1. نزّل الملف towercaty-saas-dashboard-1.0.0.zip وفك ضغطه.
  2. افتح towercaty-saas-dashboard/index.html في المتصفح، وهذا كل ما يلزم.
  3. لتشغيله على خادم محلي (اختياري): نفّذ داخل المجلد الأمر python3 -m http.server 4112، ثم افتح http://localhost:4112/.
  4. للنشر، ارفع المجلد إلى أي استضافة للمواقع الثابتة. يشرح ملف README.md إعداد صفحة 404.

دليل الاستخدام

  • العلامة التجارية والإعدادات: عدّل الملف assets/js/config.js (الاسم، والمستخدم، والعملة، والوضع الافتراضي، وتبويبات القائمة).
  • الألوان: غيّر متغيرات CSS في أعلى الملف assets/css/app.css (للوضعين الداكن والفاتح ولألوان المخططات).
  • الوضع الداكن والفاتح: استخدم زر الشمس والقمر في الشريط العلوي، ويتذكّر القالب اختيارك.
  • البحث: اضغط Ctrl/Cmd K أو / للبحث عن الصفحات والمشتركين والفواتير والأوامر، واضغط ? لعرض جميع الاختصارات.
  • البيانات التجريبية: في الملف assets/js/data.js. لاستعادة البيانات الأصلية، اختر Reset demo data من قائمة الحساب.
  • ربط واجهتك البرمجية: استبدل الدالة SD.seedData()، وأضف طلبات الواجهة البرمجية بجانب كل استدعاء لـ SD.save() (التفاصيل في README.md).
  • المخططات: مرّر المؤشر فوق المخطط أو انقل التركيز إليه، واستخدم الأسهم لقراءة القيم.

الترخيص

مقارنة التراخيص
شخصي⁦‏49.00 US$⁩لمشروع شخصي واحد غير تجاري.تجاري⁦‏59.00 US$⁩حتى 5 مشاريع تجارية لك أو لعملائك.ممتد⁦‏249.00 US$⁩مشاريع غير محدودة، فريق حتى 5 أشخاص، وتحديثات مدى الحياة.
عدد المشاريع15غير محدود
عدد المستخدمين أو المواقع115
الاستخدام التجاريغير مسموحمسموحمسموح
التعديلمسموحمسموحمسموح
إعادة البيعغير مسموحغير مسموحغير مسموح
إعادة التوزيعغير مسموحغير مسموحغير مسموح
التحديثات12 شهرًا12 شهرًامدى الحياة
مدة الدعم6 أشهر12 شهرًا12 شهرًا
مفتاح ترخيصنعمنعمنعم

ادفع عبر PayPal أو ببطاقة خصم أو ائتمان. نرسل لك المنتج بعد تأكيد الدفع.

اقرأ شروط الترخيص كاملة

الدعم والتحديثات

نقدّم الدعم عبر متجر TowerCaty، فراسلنا مع ذكر رقم طلبك. يتضمن القالب ملف README يشرح التثبيت والتخصيص والنشر، وسجلًّا للتغييرات.

سجل التغييرات
  1. 1.0.006‏/10‏/2026

    • الإصدار 1.0.0: أول إصدار في المتجر.

آخر تحديث

آخر تحديث
06‏/10‏/2026
الإصدار
1.0.0

تصفّح كل لوحات التحكم