قدّم خدمتك الرقمية بواجهة تجمع موقع المنتج وتجربة لوحة العمل في حزمة واحدة متناسقة. يمنحك حنين SaaS Pro صفحات للتعريف بالمزايا والأسعار والموارد، إلى جانب نماذج للحسابات والمشاريع والفِرق والعملاء، بالعربية والإنجليزية.
يناسب القالب فرق المنتجات والوكالات التي تحتاج موقعًا تعريفيًا ولوحة عمل متقاربين في الهوية. استخدمه لتقديم نموذج أولي لعميل، أو لبناء واجهة منتج برمجي مع خادمك الحالي. صفحات الذكاء الاصطناعي والأمان والتكاملات تعرض محتوى واجهة فقط، ولا تضيف تلك الخدمات إلى مشروعك تلقائيًا.
موقع المنتج ولوحة العمل: دليل بناء واجهة SaaS ثنائية اللغة
ابدأ بموقع المنتج: راجع الرسالة الرئيسية وطريقة عرض المزايا، ثم انتقل إلى الأسعار وبدّل بين العرض الشهري والسنوي. بعد ذلك افتح لوحة العمل وجرّب تصفية الجدول، لتشاهد كيف تظهر النتائج والحالة الفارغة. الأرقام والرسوم والخطط بيانات تجريبية تشرح التصميم؛ لا تمثل تحليلات أو اشتراكات متصلة بخدمة فعلية.
مكتبة صفحات تختار منها ما يخدم المشروع
- 100 صفحة محتوى لكل لغة، مع فهرس منظم للوصول إلى الصفحات.
- 12 نموذجًا رئيسيًا لخدمات البرمجيات والتحليلات وإدارة المشاريع وCRM ومجالات تقنية أخرى.
- صفحات للمزايا والحلول والتكاملات والعملاء والجولات التعريفية.
- واجهات أسعار وخطط ومقارنة وحاسبة مقاعد وحساب عائد تجريبي.
- نماذج لوحة عمل للمشاريع والفِرق والعملاء والتقارير والفواتير والإعدادات.
- أمثلة تسجيل الدخول والتسجيل والمساعدة والتوثيق والمدونة، مع وضع فاتح وداكن.
وجود صفحات كثيرة لا يعني إضافتها كلها إلى موقعك. ابدأ بالرحلة الأساسية وحدّد الصفحات التي يحتاجها جمهورك، ثم خصص النصوص والأقسام والحالات الفارغة بما يناسب المحتوى الحقيقي. فهرس الصفحات في القالب يساعدك على الاختيار قبل البدء في الربط.
سير عمل Tailwind والتخصيص
اختر إصدار Tailwind إذا كنت تفضّل تخصيص الواجهة عبر أدوات CSS وسير عمل بناء واضح. تتضمن الحزمة CSS مجمّعًا للتشغيل المباشر، ومصدر Tailwind مع ملف قفل للإصدارات. تغييرات أدوات Tailwind تحتاج Node.js وإعادة تجميع CSS، ثم يعيد Python 3 توليد الصفحات.
عدّل الترويسة أو التذييل من المكونات المشتركة لتنعكس تغييراتك في الصفحات عند إعادة البناء. احتفظ بتعديلاتك في 02-Source؛ تعديل 01-HTML وحده سيُستبدل عند البناء التالي. جرّب أولًا تغيير اسم العلامة ولونها ونص صفحة واحدة، ثم وسّع التخصيص تدريجيًا.
العربية والإنجليزية وتجربة الهاتف
تتضمن الحزمة مجلدًا للعربية باتجاه RTL وآخر للإنجليزية باتجاه LTR، ويحافظ رابط اللغة على الصفحة المقابلة. راجع بعد التخصيص العناوين الطويلة والأرقام وحقول الإدخال في اللغتين. جرّب كذلك الوضع الداكن، ولا تكتفِ بمعاينة صفحة واحدة على شاشة كبيرة.
خطوات عملية للبدء
- فك ملف ZIP واقرأ README والترخيص المرفق.
- افتح المعاينة المحلية واختر اللغة، ثم تصفح كل الصفحات.
- اختر الصفحات المناسبة وعدّل المصدر والهوية والنصوص والبيانات التجريبية.
- أعد البناء واختبر الروابط والنماذج والهاتف واللغتين.
- اربط وظائف مشروعك بالخادم واختبرها قبل إطلاق الموقع الفعلي.
ما الذي تم فحصه؟
يشمل هذا القالب 100 صفحة محتوى لكل لغة. فُحصت الروابط والأصول المحلية وإعادة البناء من المصدر، مع اختبارات عرض وتفاعل على صفحات ممثلة للمنتج. تقرير QA المرفق يوضح الاختبارات وحدودها؛ لا يعني ذلك اعتمادًا لكل المتصفحات أو فحصًا شاملًا لإمكانية الوصول.
الترخيص وحدود القالب
يسمح الترخيص باستخدام هذا القالب بإطاره المحدد في مشروع نهائي واحد لك أو لعميل. العربية والإنجليزية مشمولتان في الترخيص نفسه. يمكنك تعديل الهوية والمحتوى؛ لا يجوز إعادة بيع القالب أو توزيعه كقالب، وتبقى للمكتبات الخارجية تراخيصها المستقلة. النص الكامل مرفق داخل 04-Licenses/LICENSE.txt.
هذا قالب واجهات HTML وCSS وJavaScript. السلة والبحث والجداول والنماذج تجارب أمامية محلية؛ تشغيل الحسابات والطلبات والدفع والبريد والصلاحيات يحتاج خادمًا وربطًا من مطوّر. القالب ليس إضافة WordPress ولا يشمل تركيبًا أو استضافة.
السعر والمعاينة
عند نشر هذا المقال، السعر الأساسي للقالب 19 دولارًا وسعر العرض 10 دولارات، مع العربية والإنجليزية في شراء واحد. راجع صفحة المنتج للاطلاع على السعر الحالي، وجرّب الديمو لتتأكد من ملاءمة الواجهات لمشروعك.