كيفية إضافة قائمة الأسعار في ووردبريس

نشرت: 2023-06-13

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

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

في هذه المقالة ، سنوضح لك كيفية إنشاء قائمة أسعار مرتبة ونظيفة في WordPress باستخدام مكون إضافي.

المحتويات تخفي
1 لماذا تضيف قائمة أسعار في مواقع WordPress؟
2 كيفية إضافة قائمة الأسعار في WordPress
2.1 الأشياء الأولى أولاً ...
2.2 الخطوة 1: السحب والإفلات
2.3 الخطوة 2: قسم المحتوى
2.4 الخطوة 3: قسم النمط
3 لماذا ElementsKit؟
4 ابدأ في عمل قائمة أسعار في WordPress

لماذا تضيف قائمة أسعار في مواقع WordPress؟

تساعد قائمة الأسعار الموجودة على موقع WordPress الزوار على التحقق من أسعار المنتجات بسرعة. يعرض منتجاتك أو خدماتك بطريقة منظمة وسهلة الفهم . يمكنك إزالة أي ارتباك في الأسعار وزيادة التحويلات عن طريق إضافة قائمة.

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

كيفية إضافة قائمة الأسعار في ووردبريس

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

الآن ، سنوضح لك كيف يمكنك إنشاء قائمة أسعار WordPress باستخدام ElementsKit في غضون وقت قصير.

هيا نتعلم…

اهم الاشياء اولا…

من لوحة معلومات WordPress الخاصة بك ، انتقل إلى الإضافات -> Search ElementsKit في شريط البحث -> ابحث عن المكون الإضافي وقم بتثبيته.

ElementsKit هو أفضل مكون إضافي لإضافة قائمة أسعار في WordPress

ومع ذلك ، فإن Price Menu عبارة عن عنصر واجهة مستخدم متميز ، لذا يتعين عليك شراء ترخيص ElementsKit وتنشيطه.

تفعيل الترخيص

دعنا ننتقل إلى الجزء الرئيسي ...

الخطوة الأولى: السحب والإفلات

افتح صفحة حيث تريد عرض قائمة الأسعار -> انقر فوق تحرير باستخدام Elementor -> ابحث في عنصر واجهة مستخدم Price Menu -> اسحبها وأفلتها.

عنصر واجهة مستخدم قائمة الأسعار لسحب وإسقاط ElementsKit

الخطوة 2: قسم المحتوى

النمط: قائمة

في هذا النمط ، سيتم عرض القائمة على شكل قائمة.

اختر نمط - قائمة

مركز السعر - يمكنك عرض الأسعار على الجانب الأيمن أو في الأسفل.

إخفاء الفاصل؟ - يمكنك إظهار فاصل بين السلعة والسعر أو تخطيها.

إنشاء قائمة أسعار في WordPress باستخدام عنصر واجهة مستخدم قائمة أسعار ElementsKit.

النمط: بطاقة

في هذا النمط ، سيتم عرض القائمة بأسلوب البطاقة.

اختر النمط - البطاقة

تمكين شريط التمرير؟ - يمكنك إظهار القائمة في نمط الشريحة أو الاحتفاظ بها كما هي.

عناصر لكل صف - هنا ، يمكنك تعيين عدد العناصر التي تريد عرضها لكل صف في القائمة.

تتكون أداة قائمة أسعار ElementsKit من العديد من خيارات التخصيص.

إعدادات المنزلق

إذا حددت نمط قائمة البطاقة وقمت بتمكين خيار شريط التمرير ، فيمكنك ضبط إعدادات شريط التمرير هذا.

هنا ، يمكنك ضبط السرعة والتحكم في التشغيل التلقائي والتكرار وما إلى ذلك.

عنصر واجهة مستخدم قائمة أسعار ElementsKit هو عنصر واجهة مستخدم سهل الاستخدام.

بعد ذلك ، عندما تقوم بتوسيع عنصر ، ستجد هذه الإعدادات -

العنوان - اكتب اسم العنصر أو عنوانه هنا.

️ الوصف - اشرح بإيجاز عن العنصر هنا.

السعر - حدد سعر العنصر هنا.

نوع الوسائط - يمكنك إضافة صورة العنصر ورمز هنا.

استخدام الزر - يمكنك الاحتفاظ بالزر عن طريق تبديل الزر لإظهاره أو تخطيه.

نص الزر - إذا كنت تستخدم زرًا ، فاكتب نصًا للزر.

رابط الزر - يمكنك إدراج رابط إلى الزر لإعادة توجيه عملائك أينما تريد.

إضافة رمز في الزر؟ - هذا خيار إعداد رمز في الزر ، يمكنك النقر فوق نعم أو لا.

موضع الرمز - إصلاح موضع الرمز هنا ، يمكنك وضعه قبل نص الزر أو بعده.

أيقونة الزر - من الخيارات يمكنك اختيار أي رمز.

نوع الخلفية - يمكنك تغيير لون خلفية القائمة كما يحلو لك.

هنا ، تظهر الصورة خيارات دجاج ماسالا فرايز -

أداة قائمة أسعار ElementsKit تمنح قائمة الأسعار الخاصة بك مظهرًا أنيقًا.

الخطوة 3: قسم النمط

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

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

أيقونة - يتيح لك خيار التصميم هذا تصميم الرمز.

المحتوى - ابحث عن اللون والطباعة والحشو وخيارات أخرى لفرز جزء المحتوى من القائمة.

الزر - مثل ميزات التصميم الأخرى ، فإنه يقدم جميع خيارات تصميم الأزرار.

أيقونة الزر - انقر فوق هذا الخيار لتصميم رمز الزر بناءً على اختياراتك.

عنصر واجهة سعر قائمة ElementsKit

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

هنا هو ناتجنا النهائي لإضافة قائمة الأسعار في WordPress-

قائمة التسعير WordPress البرنامج المساعد

لماذا ElementsKit؟

تم إثراء ElementsKit مع أحدث الميزات. يتم التعرف عليه كحزمة كاملة لملحقات Elementor. يوفر لك -

منشئ الرأس والتذييل

ميجامينو بيلدر

منطقة الحاجيات المتعددة

500+ قسم جاهز

90+ إضافات مخصصة

35+ صفحة رئيسية جاهزة وغيرها الكثير.

تعرف على كيفية إنشاء قائمة الصفحات في WordPress

ابدأ في عمل قائمة أسعار في WordPress

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

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

علاوة على ذلك ، توفر لك ElementsKit الكثير من الميزات المفيدة لموقعك على الويب Elementor. يمكنك الآن بناء أي شيء تريده باستخدام هذه الأداة العصرية!