10 أمثلة لتبديل المحتوى لـ Elementor (مع العروض التوضيحية)

تظهر ثلاثة تصميمات لتبديل المحتوى كبطاقات مكدسة

الوجبات السريعة الرئيسية

  • أمثلة تبديل المحتوى العشرة هذه لـ Elementor هي عروض توضيحية مباشرة تم إنشاؤها باستخدام أداة Master Addons Toggle Content، ويقوم كل منها بالتبديل بين نسختين من نفس القسم.
  • يعمل تبديل المحتوى بشكل أفضل عندما يشترك كلا الخيارين في تخطيط واحد وتتغير التفاصيل فقط، مثل الأسعار الشهرية والسنوية أو القياسات المترية والإمبراطورية.
  • التسعير هو مثال تبديل المحتوى الأكثر شيوعًا، واثنان من العروض التوضيحية العشرة عبارة عن مفاتيح فواتير، أحدهما يسمى شهريًا وسنويًا والآخر يسمى "فوترة شهرية" و"فوترة سنوية".
  • تناسب تبديلات المحتوى أيضًا المحتوى غير المسعر، بما في ذلك جداول المواصفات والنتائج ربع السنوية وقوائم الغداء والعشاء والرسائل المكتوبة لجمهورين.
  • يحتوي كل خيار في أداة تبديل المحتوى على نص من المحرر أو قالب قسم أو صفحة أو عنصر واجهة مستخدم محفوظ، بحيث يمكن وضع أي تخطيط عنصر خلف المحول.

تُظهر أمثلة تبديل المحتوى لـ Elementor التي تعمل بشكل أفضل نفس النوع من المحتوى على جانبي المحول. تبقى الخطط كما هي وتتغير الأسعار. يبقى الجدول كما هو وتتغير الوحدات. فيما يلي عشرة عروض توضيحية مباشرة تتبع هذه القاعدة، مع ما يقوم كل منها بتبديله ومتى يتم استخدام النمط.

تم بناء العشرة جميعًا باستخدام تبديل المحتوىأداة تبديل المحتوى في Master Addons Pro. انقر فوق أي رابط تجريبي لتجربة التبديل بنفسك.

ما الذي يجعل تبديل المحتوى جيدًا

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

نمطالخيار الأيسرالخيار الصحيحالمثال أدناه
فترة الفواتيرشهريسنوي1، 2
الوحداتمتريإمبراطوري4
نطاق البياناتالعمليات الخاصةسلسلة التوريد5
جمهوركفريقبنفسك7
فترة زمنيةس3س46
عمليةصنع حسب الطلبفي المخزون8
فئةسكنيمدني9
الوقت من اليومغداءعشاء10
نطاق الخطةأعزبغير محدود3

أمثلة تبديل التسعير

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

1. بطاقات تسعير تبديل الفواتير

تبديل الفواتير مثال تبديل محتوى بطاقات التسعير باستخدام مفتاح شهري وسنوي فوق ثلاث بطاقات ذات خطة داكنة
الأسعار الشهرية والسنوية على ثلاث بطاقات خطة.

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

استخدمه من أجل: SaaS وتسعير الاشتراك. افتح العرض التوضيحي لمفتاح الفوترة.

2. تبديل المحتوى بالتسعير

تبديل المحتوى بمثال التسعير باستخدام مفتاح الفاتورة الشهرية والفوترة السنوية فوق الخطط الشخصية وخطط بدء التشغيل
يتم تحميل الخطط الشهرية والفواتير السنوية من القوالب المحفوظة.

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

استخدمه من أجل: صفحات التسعير بنيت من الحاجيات جدول التسعير. افتح عرض التسعير.

3. تبديل المحتوى المقرب

تبديل المحتوى مثال مستدير مع التبديل الدائري بين خطة واحدة وخطة غير محدودة
تبديل دائري بين فردي وغير محدود.

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

استخدمه من أجل: الخطط التي تختلف حسب النطاق، مثل الفردية وغير المحدودة. افتح العرض التوضيحي المستدير.

أمثلة تبديل الجدول والبيانات

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

4. جدول مواصفات تبديل الوحدة

محتوى جدول مواصفات تبديل الوحدة تبديل مثال تبديل جدول هندسة الدراجة بين Metric وImperial
جدول مواصفات واحد بالوحدات المترية والإمبراطورية.

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

استخدمه من أجل: مواصفات المنتج ومخططات الحجم والوصفات. افتح العرض التوضيحي لمفتاح الوحدة.

5. الجدول المعياري لتبديل البيانات

مثال على جدول قياس تبديل البيانات تبديل جدول الانبعاثات بين العمليات الخاصة وسلسلة التوريد
مجموعتان من البيانات في نفس الجدول.

يقوم تقرير الانبعاثات بالتبديل بين العمليات الخاصة وسلسلة التوريد. يسرد كل جانب المصادر وحصتها من خط الأساس والحمولة. هناك جدولان يملأان الشاشة ويتشاركان الآن في جدول واحد.

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

6. مقاييس تبديل الربع بينتو

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

تقوم شبكة بينتو من النتائج بالتبديل بين الربع الثالث والربع الرابع. تتغير الإيرادات والنمو والملاحظات الموجودة أسفل كل رقم معًا. تقرأ مثل لوحة المعلومات وتأخذ مساحة واحدة.

استخدمه من أجل: تحديثات المستثمرين والتقارير السنوية والإحصائيات الشهرية. افتح العرض التوضيحي لـ Quarter Switch.

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

أمثلة تبديل الجمهور والفئة

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

7. لوحة ميزات تبديل الجمهور

مثال على لوحة ميزات تبديل الجمهور مع مفتاح كفريق وعلى مفتاحك الخاص في صفحة الدورة التدريبية
قسم واحد مكتوب لجمهورين.

تقوم صفحة الدورة التدريبية بالتبديل بين كفريق واحد و بمفردك. كل جانب له عنوانه الرئيسي ونقطة الإثبات وقائمة الميزات الخاصة به. يختار الزائرون الإصدار الذي يصفهم ويتخطون الباقي.

استخدمه من أجل: المنتجات المباعة لكل من الشركات والأفراد. افتح العرض التوضيحي لتبديل الجمهور.

8. الجدول الزمني لخطوات مسار الطلب

مثال على الجدول الزمني لخطوات مسار الطلب لتبديل خطوات الطلب بين "صنع حسب الطلب" و"في المخزون"
طريقان للطلب، قائمة خطوة واحدة.

تقوم قائمة الخطوات المرقمة بالتبديل بين "صنع حسب الطلب" و"في المخزون". تختلف الخطوات والانتظار في كل مسار، ويظل التخطيط كما هو. يجيب “ماذا يحدث بعد أن أطلب؟” لكلا النوعين من المشترين.

استخدمه من أجل: الشحن والتأهيل وأي عملية ذات مسارين. افتح العرض التوضيحي لطريق الطلب. لتسلسل واحد مؤرخ، القطعة الجدول الزمني هو الأنسب.

9. بطاقة تراكب تبديل المشروع

مثال على بطاقة تراكب تبديل المشروع تبديل بطاقة المحفظة بين المشاريع السكنية والمدنية
المشاريع السكنية والمدنية خلف مفتاح واحد.

يقوم استوديو الهندسة المعمارية بتبديل بطاقة مشروع كبيرة بين السكنية والمدنية. كل جانب لديه صورته وموقعه وسنته وملخصه الخاص. دراستان حالة تناسبان المكان الذي يذهب إليه المرء عادةً.

استخدمه من أجل: المحافظ مع خطين من العمل. افتح العرض التوضيحي لـ Project Switch.

10. قائمة قائمة تبديل الخدمة

قائمة تبديل الخدمة مثال على تبديل قائمة المطعم بين الغداء والعشاء
قوائم الغداء والعشاء.

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

استخدمه من أجل: المطاعم والصالونات وأي عمل تجاري بقائمتي خدمة. افتح العرض التوضيحي لتبديل الخدمة.

كيفية بناء أحد هذه الأمثلة

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

  1. يجر تبديل المحتوى على الصفحة وتسمية العنصرين في عناصر قائمة.
  2. للحصول على محتوى قصير، غادر يكتب على المحتوى والكتابة في المحرر.
  3. للحصول على تخطيط كامل، قم بتعيينه يكتب إلى القالب واختيار قالب محفوظ لكل عنصر.
  4. تعيين الفهرس النشط في تبديل الإعدادات لاختيار الخيار الذي يظهر أولاً.
  5. قم بتصميم المفتاح في أقسام Toggler والمؤشر والتسميات في علامة التبويب "النمط".

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

الأسئلة المتداولة

ما هو تبديل المحتوى في Elementor؟

تبديل المحتوى هو عنصر واجهة مستخدم يحتوي على مفتاح وتسميتين أو أكثر. يؤدي النقر فوق تسمية إلى إظهار محتوى هذا الخيار وإخفاء الخيارات الأخرى. لا يتضمن Elementor واحدًا، لذا فهو يأتي من ملحق مثل Master Addons Pro، حيث يُطلق على عنصر واجهة المستخدم اسم Toggle Content.

ما الذي يمكنني وضعه داخل تبديل المحتوى؟

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

هل يمكن أن يحتوي تبديل المحتوى على ثلاثة خيارات؟

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

هل هذه العروض التوضيحية لتبديل المحتوى متاحة كقوالب؟

يتم عرض العروض التوضيحية في عارض القالب على صفحة عناصر واجهة مستخدم Toggle Content، حيث يمكنك فتح كل منها. لقد تم إنشاؤها باستخدام عنصر واجهة مستخدم Toggle Content، وهو جزء من Master Addons Pro.

الأفكار النهائية

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

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

صورة روي جيمي
روي جيمي
أنا Roy Jemee وContent Wrangler وMarketer في Pixar Labs، وأعمل على Master Addons for Elementor. أكتب البرامج التعليمية، وأسجل مقاطع الفيديو، وأبقي الوثائق محدثة، حتى تعرف دائمًا كيفية استخدام كل ميزة. أنا أيضًا أتعامل مع الدعم، لذا إذا واجهت مشكلة، فأنا الشخص الذي يساعدك على إصلاحها. إجابات حقيقية، من شخص يستخدم هذه الأدوات كل يوم.