يعد عرض جداول الأسعار أمرًا مهمًا للتأثير على العملاء. إحدى الطرق القوية لتحسين جداول الأسعار هي دمج شريط. إنه عبارة عن لافتة لافتة للنظر من الملصقات المعروضة قطريًا عبر الجدول لتسليط الضوء على العروض والخصومات والميزات المحددة.
سواء كنت تقوم بالترويج لخصم لفترة محدودة، أو ميزة خاصة، أو حزم مبيعات ساخنة، فإن الشريط الموضوع في مكانه المناسب يمكن أن يؤثر على الفور على العملاء المحتملين لاتخاذ القرارات. Tableberg هو مكون إضافي بديهي وقوي للقيام بذلك.
في هذا المنشور، سنوضح لك كيفية إضافة جدول الأسعار باستخدام الشريط في WordPress باستخدام Tableberg.
بمجرد تثبيت البرنامج الإضافي على موقعك، انتقل إلى البرنامج التعليمي التالي.
الخطوة 1: إضافة كتلة Tableberg إلى المحرر
يضيف البرنامج المساعد كتلة تسمى Tableberg إلى مكتبة كتلة جوتنبرج. أضف الكتلة إلى المحرر ببساطة بالضغط على أيقونة الإضافة (+).
قم بتعيين عدد الأعمدة والصفوف التي تحتاجها لجدولك. في هذا البرنامج التعليمي، سنقوم بتعيين 3*1 للأعمدة والصفوف.
يمكنك أن ترى أن التصميم الأساسي لجدول التسعير تم إنشاؤه باستخدام الأعمدة والصفوف.
الخطوة 2: إضافة المحتوى إلى الجدول
عادةً ما يتضمن جدول التسعير أسماء المنتجات والصور والأسعار والأسعار المخفضة وأزرار الدعوة إلى اتخاذ إجراء. دعنا نرى كيفية إضافتها إلى الجدول.
أضف اسم المنتج
يتيح لك Tableberg إضافة أنواع مختلفة من الكتل إلى خلاياه مثل محرر كتل Gutenberg. أضف كتلة الفقرة لكتابة اسم المنتج. (بشكل افتراضي، تتم إضافة كتلة الفقرة إلى خلايا الجدول).
اكتب اسم المنتج في الخلية. قم بمحاذاة النص في المنتصف، واجعله غامقًا، وقم بتغيير لونه وحجمه باستخدام الخيارات الموضحة في الصورة أدناه.
أضف صورة المنتج
أضف كتلة الصورة إلى جدول التسعير.
ستتيح لك كتلة الصورة تحميل صورة المنتج. قم بتغيير حجم الصورة حسب الحاجة ومحاذاتها بشكل مناسب.
أضف السعر السابق
إن إظهار الفرق بين السعر السابق والسعر الحالي يعد طريقة رائعة لتسليط الضوء على الخصم. لذا، فلنقم الآن بإضافة السعر السابق أسفل صورة المنتج.
إن إضافة تأثير الشطب إلى السعر السابق قد يجذب انتباه الأشخاص. للقيام بذلك، حدد السعر باستخدام المؤشر الخاص بك. انقر ال مزيد من الخيارات على شريط الأدوات.
اذهب الى ال تسليط الضوء و خيارات الشطبستتمكن من تغيير لون السعر وإضافة خط مشطوب.
أضف السعر الحالي للمنتج
الآن، أضف السعر الحالي للمنتج بخط أكبر نسبيًا حتى يتمكن من جذب انتباه الناس.
إضافة زر CTA
في نهاية كل المحتوى، أضف كتلة الأزرار.
قم بتغيير لون خلفية الزر ولون النص وحجم الطباعة والحشو. قم بإجراء هذه التغييرات بالطريقة التي تريدها.
الخطوة 3: إضافة مسافات بين الكتل
حسنًا، أصبح محتوى العمود جاهزًا. ولكن كما ترى، كل الكتل مزدحمة للغاية. نحتاج إلى إضافة مسافات بينها لإضفاء مظهر أكثر حداثة.
للقيام بذلك، حدد العمود المحدد. ثم انتقل إلى علامة التبويب "الأنماط". تعال إلى تباعد الكتل يمكنك زيادة المساحة عن طريق التمرير عبر علامة التبويب. يمكنك زيادة المساحة عن طريق إضافة قيمة إلى المربع.
وبالمثل، أضف محتوى إلى الأعمدة الأخرى. ولكن لتوفير الوقت، يمكنك تكرار العمود ثم تحديث المحتوى. إليك دليل حول كيفية تكرار عمود وصف Tableberg.