المدونة

كيفية إنشاء جدول أسعار Squarespace متجاوب بدون CSS مخصص

اخر تاريخ تحديث: 
كيفية إنشاء جدول أسعار Squarespace متجاوب بدون CSS مخصص

يُسهل جدول الأسعار على عملائك معرفة ما يحصلون عليه مقابل أموالهم. هذا مهم سواء كنت تبيع خطط برمجيات كخدمة (SaaS)، أو باقات وكالات، أو عضويات، أو اشتراكات. في الواقع، في دراسة أجرتها Zuora/Harris Poll لعام 2024، قال 80 بالمائة من البالغين في الولايات المتحدة إن المرونة في كيفية شراء ودفع ثمن المنتجات المتكررة تُعد “مهمة”، أو “مهمة جداً”، أو “ضرورية للغاية”.

ومع ذلك، لا يتضمن سكوير سبيس (Squarespace) مكوناً أساسياً لإنشاء جدول تقليدي مكون من صفوف وأعمدة. يمكنك إنشاء جدولك الخاص باستخدام النصوص والأزرار ومحرك (Fluid Engine)، ولكنك ستحتاج إلى القيام بذلك بشكل منفصل لتخطيطات أجهزة سطح المكتب والأجهزة المحمولة. 

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

الخيار الأول: إنشاء جدول باستخدام مكونات التخطيط الأساسية في سكوير سبيس

يحتوي سكوير سبيس بالفعل على مكون خطة التسعير (Pricing Plan)، لذا واعتماداً على ما تبيعه، قد لا تحتاج إلى تجميع جدول اسعار من الصفر. يعمل هذا المكون مع خطط تسعير العضويات والمحتوى المقيد، بما في ذلك مواقع الأعضاء، والدورات التدريبية، ومقاطع الفيديو، والمدونات المدفوعة. 

يمكنك تقديم وصول مجاني، أو لمرة واحدة، أو بالتقسيط، أو متكرر، ووضع عدة مكونات خطط معاً للمقارنة.

إنشاء جدول باستخدام مكونات التخطيط في سكوير سبيس

إذا كان هذا يصف ما تبيعه، فإليك كيفية الإعداد:

  1. إنشاء خطة التسعير الخاصة بك: من المنتجات (Products)، قم بإنشاء المحتوى أو العضوية التي ترغب في بيعها، ثم أضف قواعد التسعير والوصول الخاصة بها. يمكنك أيضاً إنشاء خطط تجمع المحتوى المؤهل معاً في باقات.
  2. إضافة مكون خطة التسعير: قم بتعديل صفحتك، وانقر فوق إضافة مكون (+ Add block)، واختر خطة التسعير (Pricing Plan)، ثم حدد الخطة التي قمت بإنشائها.
  3. تنسيق الخطة: ضمن التصميم (Design)، اختر ما إذا كنت تريد عرض العنوان، والوصف، والسعر، والمزايا، والزر. أضف المزيد من المكونات إذا كنت ترغب في وضع عدة خطط جنباً إلى جنب.
تنسيق مكون تسعير المنتجات الرقمية في سكوير سبيس

ومع ذلك، تكمن المشكلة في أن مكون خطة التسعير في سكوير سبيس مرتبط بعضوياته والمحتوى المقيد الخاص به. لن ينجح هذا مع جدول مقارنة يضم مستويات اشتراك البرمجيات كخدمة (SaaS)، أو باقات الوكالات، أو عقود المستقلين، أو الخدمات الأخرى.

مكون تسعير المنتجات الرقمية في سكوير سبيس بعد التنسيق

بالنسبة لهذه الحالات، فإن الحل الأساسي البديل هو محرك Fluid Engine، حيث تقوم ببناء كل مستوى باستخدام مكونات نصية وأزرار منفصلة، ثم تقوم بمحاذاتها في أعمدة. ومع ذلك، تحتاج أجهزة سطح المكتب والأجهزة المحمولة إلى خطوات منفصلة. 

تشير الوثائق الرسمية لسكوير سبيس إلى أن المكون موجود لبيع الوصول إلى المحتوى المقيد، وليس لبناء جدول مقارنه عام الأغراض للخطط أو الباقات أو الخدمات.

يمكنك أيضاً شراء إضافات مخصصة لإنشاء جدول اسعار في سكوير سبيس من مطورين مستقلين. يبيع “ويل مايرز”، على سبيل المثال، إضافة مقابل 25 دولاراً لكل موقع بثلاثة أنماط معدة مسبقاً ودعم لإصدار سكوير سبيس 7.1. ومع ذلك، لا أوصي بذلك، لأنها ليست جزءاً من متجر الإضافات الرسمي لسكوير سبيس ولا تمثل تكاملاً رسمياً مع المنصة.

Pro Tip

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

الخيار الثاني: إضافة أداة مجانية وقابلة للتخصيص لإنشاء جدول اسعار

استخدم أداة جدول أسعار Jotform إذا كنت تفضل الحصول على جدول مقارنة بدلاً من صف بطاقات متعددة.

صفحة هبوط أداة جدول أسعار موقع Jotform

يتيح لك المنشئ المرئي إضافة جداول شهرية وسنوية؛ وتعديل الخطط والميزات؛ وربط كل دعوة لاتخاذ إجراء (CTA) بالمكان الذي يجب أن تذهب إليه؛ والاختيار من بين تخطيطات البطاقات أو العرض الدوار (carousel) أو جداول المقارنة الكاملة. 

يمكنك أيضاً تمييز مستوى موصى به بعلامة شائع (Popular)؛ وإضافة خصومات وأسعار قديمة؛ والتحكم في الألوان، والطباعة، والأزرار، وعرض الأعمدة، وسلوك العرض على الأجهزة المحمولة. 

قسم جداول الأسعار في منشئ أدوات موقع Jotform مع زر إضافة جدول

ابدأ بسرعة وبدون عناء: 

  1. بناء جدول اسعار خاص بك: أضف خططك، وأسعارك، وميزاتك، وأوصافك، وروابط الدعوة لاتخاذ إجراء (CTA). يمكنك إنشاء جداول متعددة (على سبيل المثال، الأسعار الشهرية والسنوية) والسماح للزوار بالتبديل بينها.
  2. اختر تخطيطاً وقم بتنسيقه: اختر إعداداً مسبقاً مثل الشبكة الحديثة (Modern Grid)، أو الأعمدة المدمجة (Compact Columns)، أو المقارنة الكلاسيكية (Classic Comparison)، أو عرض البطاقات الدوار (Card Carousel)، ثم اضبط التصميم ليتناسب مع موقع سكوير سبيس الخاص بك. 
  3. تضمينه في سكوير سبيس: انقر فوق جربه على موقعك مجاناً (Try It on Your Website for Free)، وانسخ كود التضمين الذي تم إنشاؤه، ثم افتح صفحة سكوير سبيس الخاصة بك وأضف مكون الكود (Code). الصق الكود كـ HTML، وتأكد من إيقاف تشغيل عرض المصدر (Display Source)، ثم احفظ الصفحة وعاينها.
كيفية إنشاء جدول أسعار Squarespace متجاوب بدون CSS مخصص Image-1

تتعامل Jotform مع جدول اسعار كعنصر تضمين واحد، لذا لا يتعين على سكوير سبيس سوى عرضه. وفي الوقت الحالي، لا توجد فاتورة متكررة للأداة: أدوات موقع Jotform مجانية حتى عام 2027.

بينما أنت في مكتبة الأدوات …

لا تتوقف عند إنشاء جدول اسعار. يمكنك إضافة ميزات أخرى باستخدام أدوات موقع Jotform، بما في ذلك:

وبعد أن يؤدي جدول اسعار مهمته، يمكن لـ تكامل سكوير سبيس من Jotform تولي الخطوة التالية من خلال نماذج التسجيل أو الدفع المضمنة.

الأسئلة الشائعة حول إنشاء جدول اسعار في سكوير سبيس

نعم، ولكن لا يحتوي سكوير سبيس على مكون جدول عام الأغراض مدمج فيه. يمكنك بناء أعمدة باستخدام محرك Fluid Engine، أو إضافة جدول HTML في مكون الكود (Code)، أو تضمين شبكة تسعير في سكوير سبيس باستخدام أداة من جهة خارجية.

للحصول على جدول اسعار متجاوب في سكوير سبيس، يمكن لأداة جدول أسعار Jotform أن تغنيك عن صيانة المكونات المنفصلة والقلق بشأن التنسيق على الأجهزة المحمولة.

بالنسبة للعديد من الشركات الصغيرة والعلامات التجارية الخدمية، الإجابة هي نعم. اعتباراً من أغسطس 2026، تشير تقارير W3Techs إلى أن سكوير سبيس يشغل 2.4% من جميع مواقع الويب ويستحوذ على 3.5% من سوق أنظمة إدارة المحتوى (CMS).

يمكنك الاطلاع على مقالنا، سكوير سبيس مقابل ووردبريس: أيهما أفضل كنظام لإدارة المحتوى؟، للحصول على مقارنة شاملة لأنظمة إدارة المحتوى.

تعتمد الإجابة على ما لا تقدمه لك منصة سكوير سبيس. إذا كانت العقبة الوحيدة هي تصميم جدول اسعار مخصص في سكوير سبيس، فإن نقل موقعك بالكامل ليس أمراً عملياً. 

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

هذا المقال مخصص لأصحاب مواقع سكوير سبيس، والمستقلين، والوكالات، والشركات الناشئة في مجال البرمجيات كخدمة (SaaS) الذين يستخدمون سكوير سبيس ويرغبون في الحصول على شبكة تسعير عالية التحويل دون المعاناة مع مكونات التخطيط الجامدة أو دفع رسوم متكررة لإضافات من جهات خارجية.

كتابة تعليق:

Jotform Avatar
هذا الموقع محمي بواسطة reCAPTCHA و Google سياسة الخصوصية و شروط الخدمة تطبيق

Podo Comment كن أول من يعلق.