أداة جدول مقارنة العناصر (Pro)
جدول المقارنة عبارة عن أداة Master Addons Pro تقوم بإنشاء شبكة ميزات لعدد 2 إلى 6 منتجات أو خطط. يتم تشغيل أسماء الميزات أسفل العمود الأول، ويحتوي كل عمود منتج على عنوان وسعر وصورة وقيمة لكل صف ميزة وزر. يمكن أن تكون القيم علامة اختيار أو علامة تقاطع أو أيقونة أو نص. اختر واحدًا من أربعة تخطيطات، وامنح عمودًا واحدًا ألوانه الخاصة لتحديد الخيار الموصى به، وصفوف الأنماط والرؤوس والأزرار. لا يحتاج إلى WooCommerce، لذا فهو يعمل مع الخطط أو البرامج أو الأجهزة أو حزم الخدمات. بالنسبة لبطاقات الخطة الفردية، جدول التسعير الأداة هي الأنسب، ولا تحتاج إلى Master Addons Pro.
كيفية إضافة جدول المقارنة في العنصر
يحتاج جدول المقارنة إلى عنصر ونشط ماستر أدونز برو رخصة.
- قم بتنشيط Master Addons Pro، وقم بتحرير صفحتك باستخدام Elementor وابحث في لوحة الأدوات جدول المقارنة.
- في عام، اختر تخطيطًا وقم بتعيين المنتجات على عدد الأعمدة.
- في صندوق الميزات، أضف عنصرًا واحدًا لكل صف ميزة وقم بتعيين العنوان.
- افتح كل منتج قم بتقسيم وإضافة العنوان والسعر والصورة وزر النص والرابط.
- قم بتعيين كل قيمة صف على علامة اختيار أو علامة عبور أو رمز أو نص، بنفس ترتيب قائمة الميزات.
- قم بتشغيل Override Style للعمود الذي توصي به، وقم بتصميم الجدول، ثم تحقق منه في عرض الهاتف المحمول.
يتم تغطية كل إعداد في إعدادات عناصر واجهة المستخدم لجدول المقارنة مرشد.
أزواج جيدة مع: جدول التسعير, الجدول الديناميكي, تبديل المحتوى للتبديل الشهري والسنوي، صندوق المعلومات للحصول على أبرز الميزات، و ساعات العمل.
جدول المقارنة في لمحة
ما تفعله الأداة، اقرأ من كود Master Addons Pro.
| عنصر | أداة جدول المقارنة |
|---|---|
| المنتجات لكل طاولة | من 2 إلى 6، مع 3 بشكل افتراضي |
| التخطيطات | 4 (النمط 1 إلى النمط 4) |
| صفوف الميزات | قائمة مكرر واحدة، أي عدد تريده من الصفوف |
| قيم الخلية | تحقق أو اعبر أو أيقونة من اختيارك أو نصًا |
| مجالات المنتج | العنوان والسعر والصورة وزر النص والرابط |
| تسليط الضوء على عمود | تجاوز النمط لكل منتج: العنوان والسعر والصفوف وألوان الأزرار |
| شارات الأرقام | يُظهر التخطيط 3 دائرة مرقمة فوق كل منتج |
| متنقل | أقل من 767px (بدء تنسيق علامة التبويب من) صف من أسماء المنتجات وعمود المنتج الأول؛ اضبط 0 للاحتفاظ بجميع الأعمدة |
| التصميم لكل خلية | لا، التصميم لكل جدول أو لكل عمود منتج |
| نص الشريط أو الشارة | لا، ضع الملصق في عنوان المنتج أو سعره |
| استيراد CSV | لا |
| مصدر ووكومرس | لا، يتم كتابة القيم في اللوحة |
| الاحتياجات | Elementor و Master Adds Pro |
قارن بين 2 إلى 6 منتجات ميزة تلو الأخرى
تعيين منتجات بشكل عام (2 إلى 6، 3 افتراضيًا) و منتج يظهر القسم لكل عمود. قم بإدراج الصفوف الخاصة بك مرة واحدة في صندوق الميزات: عنوان، وعنصر مكرر واحد لكل ميزة، وعنصر زر. ثم املأ كل منتج بـ عنوان, سعر, صورة, زر النص, وصلة وقيمة لكل صف.
- كل قيمة صف عبارة عن شيك أو علامة متقاطعة أو رمز من اختيارك أو نص عادي مثل “1 Year”.
- تتم مشاركة صفوف الميزات، لذا احتفظ بنفس عدد العناصر في كل منتج حتى تصطف الصفوف.
- تتم كتابة المحتوى في اللوحة. الأسعار لا تسحب من WooCommerce.
بناء جدول مقارنة المنتجات
يضع جدول مقارنة المنتجات المنتجات في أعمدة والمواصفات في صفوف، بحيث يمكن للمشتري مسح ميزة واحدة عبر كل خيار. قم بتعيين المنتجات على عدد العناصر، وقم بإدراج المواصفات مرة واحدة في مربع الميزات، ثم املأ كل قسم من أقسام المنتج بالعنوان والسعر والصورة ونص الزر والرابط. استخدم علامة اختيار أو علامة تقاطع للحصول على نعم ولا مواصفات ونص لأرقام مثل عمر البطارية أو الضمان.
تتم كتابة كل قيمة في اللوحة. لا تقرأ الأداة منتجات WooCommerce أو تستورد ملف CSV، لذا فهي تناسب القائمة القصيرة التي تنظمها، مثل ثلاث سماعات رأس أو ثلاث خطط أو منتجك ضد اثنين من المنافسين. قم بتشغيل Override Style على المنتج الذي توصي به حتى يبرز عموده.
تمت مقارنة ثلاث سماعات رأس في التصميم 1، مع تمييز المنتج الأوسط من خلال Override Style.
جدول المقارنة مقابل أدوات جدول التسعير
لا يحتوي Elementor وElementor Pro على عنصر واجهة مستخدم لجدول المقارنة. يحتوي Elementor Pro على عنصر واجهة مستخدم جدول الأسعار لبطاقات الخطة الفردية. هنا هو الوقت المناسب لاستخدام كل خيار.
| القطعة | تخطيط | الأفضل ل | سعر |
|---|---|---|---|
| جدول مقارنة الإضافات الرئيسية | شبكة واحدة، من 2 إلى 6 أعمدة منتج تشترك في نفس صفوف الميزات | قرارات الميزة حسب الميزة بين الخطط أو المنتجات | ماستر أدونز برو |
| الإضافات الرئيسية جدول التسعير | بطاقة خطة واحدة لكل عنصر واجهة مستخدم مع الرأس والسعر والميزات والزر | صفحات التسعير مع خطتين أو ثلاث خطط بسيطة | متضمن، لا حاجة إلى Master Addons Pro |
| جدول أسعار إليمينتر برو | بطاقة خطة واحدة لكل عنصر واجهة مستخدم مع خيار الشريط | خطط للبطاقات على المواقع التي تستخدم Elementor Pro بالفعل | إليمنتور برو |
إذا احتاج الزائرون إلى التحقق من نفس الميزات عبر عدة خيارات، فإن قراءة جدول المقارنة أسهل من قراءة البطاقات جنبًا إلى جنب. إذا كانت كل خطة تحتوي على قائمة قصيرة وسعر، فإن بطاقات التسعير تشغل مساحة أقل. مفيد أيضا: الجدول الديناميكي لجداول البيانات العادية.
ما هي أداة الجدول التي أحتاجها؟
| القطعة | ما يبني | استخدمه ل |
|---|---|---|
| جدول المقارنة (برو) | أعمدة المنتج التي تحتوي على العنوان والسعر والصورة والزر وصفوف الميزات المشتركة | الاختيار بين 2 إلى 6 منتجات أو خطط |
| جدول التسعير | بطاقة خطة واحدة لكل عنصر واجهة مستخدم: الرأس والسعر وقائمة الميزات والزر | صفحات التسعير مع خطتين أو ثلاث خطط |
| الجدول الديناميكي | جدول بيانات عام يحتوي على أي صفوف وأعمدة | الجداول والمواصفات والقوائم وأي بيانات عادية |
أربعة تخطيطات وتصميم الجدول
يختار النمط 1 إلى النمط 4 في التخطيطات، من الطاولة الكلاسيكية إلى بطاقات المنتج المنفصلة التي تحمل شارات الأسعار. تحتوي علامة التبويب "النمط" على أربعة أقسام. عام يضبط ألوان الصفوف الفردية والزوجية والحدود ونصف قطر المربع وتباعد الأعمدة وتباعد الصفوف. صندوق الميزات يضبط عرض عمود الميزة والألوان والمحاذاة والحشو. منتجات عناوين الأنماط والأسعار والصور ونقطة توقف الهاتف المحمول، و زر أنماط أزرار الشراء.
- صفوف الحمار الوحشي ذات لون الصف الفردي ولون الصف المتساوي تجعل من السهل مسح الجداول الطويلة.
- يحدد عرض الصندوق مدى عرض عمود الميزة.
- أسفل عرض تنسيق علامة التبويب "ابدأ" (767 بكسل افتراضيًا) يعرض الجدول صفًا من أسماء المنتجات وعمود المنتج الأول فقط. للاحتفاظ بكل عمود على الهواتف، قم بتعيين تنسيق "بدء علامة التبويب" من إلى 0 وينكمش الجدول الكامل ليناسب الشاشة. تحقق من الجدول في عرض الهاتف المحمول قبل النشر.
تسليط الضوء على العمود الموصى به
تشغيل تجاوز النمط داخل قسم المنتج لإعطاء هذا العمود ألوانه الخاصة. يمكنك ضبط لون العنوان والخلفية، وشارة العد، والسعر وخلفية العمود الخاص به، ونص الميزة، وألوان التحقق والتقاطع، وألوان الصفوف الفردية والزوجية، وألوان الأزرار. استخدمه لخطة “”most Popular” أو منتجك الخاص في جدول us vs them.
- يعمل Override Style لكل عمود منتج، وليس لكل خلية.
- لا يوجد شريط أو شارة مدمجة، لذا أضف الملصق إلى عنوان المنتج أو نص السعر.
- احتفظ بأعمدة أخرى على النمط العالمي حتى يبرز العمود المميز.
أمثلة جدول المقارنة
عشرة عروض توضيحية حية تم إنشاؤها باستخدام الأداة. يحتفظ الأولان بكل عمود على الهواتف؛ يتحول الباقي إلى صف اسم المنتج الموجود أسفل 767px، والذي يمكنك إيقاف تشغيله باستخدام تنسيق بدء علامة التبويب من ضبط إلى 0.
- مقارنة الساعات الذكية: التخطيط 3 بشارات مرقمة.
- قارن خططنا: تخطيط 4 بطاقات مع السعر في الرأس.
- خطط تسعير SaaS: طبقة مميزة.
- الولايات المتحدة مقابل ثلاثة منافسين: موضوع مظلم.
- حزم التصوير الفوتوغرافي: الصور في الرأس.
- تعريفات الجوال: المرتبة من الأول إلى الرابع.
- خمس خطط استضافة: جنباألى جنب.
- ثلاث جولات: السعر في دائرة.
- قائمتان للعقارات: وجها لوجه.
- جدول المقارنة الأصلي: العرض الأول.
الأسئلة المتداولة لجدول المقارنة
هل أداة جدول المقارنة مجانية؟
رقم جدول المقارنة هو جزء من ماستر أدونز برو. بدون Pro يمكنك استخدام جدول التسعير عنصر واجهة المستخدم لبطاقات الخطة الفردية. لا يحتوي Elementor نفسه على عنصر واجهة مستخدم لجدول المقارنة، مجانًا أو احترافي.
كم عدد المنتجات التي يمكنني مقارنتها؟
بين 2 و 6. التغيير منتجات في القسم العام، تتم إضافة أقسام المنتج أو إخفاؤها لتتناسب. ثلاثة أو أربعة أعمدة تقرأ بشكل أفضل في معظم عروض الصفحات.
هل يمكنني استيراد ملف CSV أو جدول بيانات؟
لا. تتم كتابة المنتجات والأسعار وكل قيمة صف في لوحة عناصر واجهة المستخدم. بالنسبة لمجموعة بيانات كبيرة تريد استيرادها من جدول بيانات، يوجد مكون إضافي للجدول مثل TablePress يعالج ملفات CSV وExcel. بالنسبة لجدول صغير مدمج في اللوحة، استخدم الجدول الديناميكي القطعة.
هل يمكنها سحب المنتجات من WooCommerce؟
لا. لا تحتوي الأداة على مصدر WooCommerce، لذلك يتم إدخال العناوين والأسعار والصور والأزرار يدويًا لكل عمود منتج. وهذا يعني أيضًا أنه يعمل مع أي شيء: الخطط أو الخدمات أو الأجهزة أو البرامج.
كيف يبدو جدول المقارنة على الهاتف المحمول؟
أسفل تنسيق علامة التبويب "ابدأ" بدءًا من العرض في النمط والمنتجات (767 بكسل افتراضيًا)، يعرض الجدول صفًا من أسماء المنتجات أعلى عمود الميزات وعمود المنتج الأول فقط. لإبقاء كل منتج مرئيًا على الهواتف، قم بتعيين تنسيق "ابدأ علامة التبويب" من إلى 0 ويتقلص الجدول ليناسب. قم بمعاينته في عرض الهاتف المحمول الخاص بـ Elementor قبل النشر.
هل يجب علي استخدام جدول المقارنة أو جدول التسعير؟
استخدم جدول المقارنة عندما يحتاج الزائرون إلى مقارنة نفس الميزات عبر عدة خيارات. استخدم جدول التسعير عندما تكون كل خطة عبارة عن بطاقة قصيرة بسعر وبعض الميزات. الإضافات الرئيسية جدول التسعير القطعة تتعامل مع ذلك بدون Pro.
كيف يختلف عن أداة الجدول الديناميكي؟
يقوم Dynamic Table بإنشاء جدول بيانات عام يحتوي على أي عدد من الصفوف والأعمدة ولا حاجة إلى Master Addons Pro. تم تصميم جدول المقارنة لاتخاذ قرارات المنتج: العنوان والسعر والصورة والزر لكل عمود، وقيم التحقق والتقاطع، وعمود واحد يمكنك تمييزه.
هل يحتوي Elementor على أداة جدول مقارنة؟
لا يوجد عنصر Elementor أو Elementor Pro مجاني يحتوي على عنصر واحد. يحتوي Elementor Pro على أداة جدول الأسعار لبطاقات الخطة الفردية. للحصول على شبكة ميزات عبر العديد من المنتجات، تحتاج إلى عنصر واجهة مستخدم إضافي مثل هذا المنتج.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
