/ در آموزش وردپرس / نویسنده

چگونه با افزونه Easy Pricing Tables جدول قیمت بسازیم؟

چگونه با افزونه Easy Pricing Tables جدول قیمت بسازیم؟

سلام دوستان؛

گاهی قصد فروش محصولی که دارای آپشن های مختلفی است را در سایتتان دارید.به عنوان مثال یک محصول قیمت فروشش با ۲۰ درصد آپشن ها دو میلیون تومان و با ۱۰۰ درصد آپشن ها چهار میلیون تومان است .در اینصورت چکار باید کرد که مشتری بتواند این شرایط را در کنار هم ببیند و بتواند با مقایسه این دو ، انتخاب کند.

بهترین راه حل استفاده از جدول قیمت است .امروز می خواهیم در وردپرس افزونه ای را به شما معرفی کنیم که هم ساده باشد و هم بتواند در ساختن جدول های قیمت در سایتتان به شما کمک کند.در ادامه نحوه کار با این افزونه وردپرسی رایگان را به شما آموزش خواهیم داد.

 

افزونه Easy Pricing Tables

 

Easy-Pricing-Table_1

شما در این افزونه می توانید در کمتر از پنج دقیقه ،به ساده ترین نحو ممکن جداول قیمت زیبا و واکنش گرا بدون نیاز به هیچ گونه دانش کد نویسی را بسازید.

نکته!!! این افزونه توسط همیار وردپرس فارسی سازی شده است و از همین جا می توانید فارسی شده ی آن را دریافت کنید!

نصب و فعال سازی

افزونه را در پنل وردپرس نصب و فعال کنید. پس از نصب و فعال سازی این افزونه یک گزینه جدید با نام جداول قیمت در منوی پیشخوان وردپرستان اضافه می شود.برای تنظیم افزونه بر روی جداول قیمت کلیک کنید .

Easy-Pricing-Table_2

ساخت جدول قیمت جدید

برای این منظور به  پیشخوان وردپرستان>جداول قیمت>افزودن جدید بروید.سپس بر روی افزودن جدید کلیک کنید .

 

Easy-Pricing-Table_3

پس از کلیک بر روی افزودن جدید وارد صفحه اضافه کردن جدول قیمت جدید می شوید. برای ساخت جدول قیمت مرتبط با یک موضوع در این صفحه نام کلی برای این پلن انتخاب کنید.

Easy-Pricing-Table_4

همانطور که در تصویر بالا می بینید ساخت جدول قیمت دارای دو مرحله است که یکی محتوی و دیگری طراحی است. در ادامه این دو را با هم بررسی می کنیم.

محتوی

در این قسمت شما محتوی جدول مرتبط با این پلن را تنظیم می کنید.برای ساخت جدول قیمت جدید شما باید مراحل شماره گذاری شده در تصویر زیر را طی کنید.در ادامه این مراحل را شرح می دهیم.

Easy-Pricing-Table_55

  1. در این مرحله ستون جدید به جدول اضافه می کنید.
  2. می توانید ستونی که بین همه ستون ها ویژه است را در این مرحله انتخاب کنید.
  3. اگر می خواهید ستونی را پاک کنید بر روی این قسمت کلیک کنید.
  4. عنوان ستون را اینجا وارد کنید.
  5. قیمتی که مختص این ستون است را وارد کنید.
  6. ویژگی های این ستون را در این قسمت وارد کنید فقط یادتان باشد هر ویژگی در یک خط مجزی باید قرار بگیرد.
  7. متن دکمه این ستون را در این قسمت وارد کنید.
  8. آدرس صفحه ای که دوست دارید مخاطب سایت پس از کلیک بر دکمه به ان هدایت شود را در این قسمت وارد کنید.
  9. پس از ساخت ستون جدول مورد نظر در این مرحله جدول را ذخیره کنید
  10. این یک آپشن است برای شما می توانید همزمان با ذخیره جدول پیش نمایش جدول را ببینید
  11. پس از ذخیره جدول بر روی این قسمت کلیک کنید و کد کوتاه جدول را در صفحه و یا پستی که دوست دارید این جدول در آن نمایش داده شود قرار دهید.
    Easy-Pricing-Table_6
    مثلا در دمو ما خواستیم این جدول نمایش داده شود .کد کوتاه جدول را در برگه نمونه کپی کردیم.البته شما با کلیک بر روی قراردادن جدول قیمت نیز می توانید با انتخاب جدول کد کوتاهش را در صفحه قرار دهید.
    Easy-Pricing-Table_7-768x218

طراحی

این قسمت دارای چهار زیر مجموعه تنظیمات عمومی ، اندازه فونت ، Buttom Colors و Custom Css است که در ادامه با هم این قسمت ها را بررسی می کنیم.

 

  1. تنظیمات عمومی:
    شما در این قسمت می توانید تنظیمات عمومی را انجام دهید .تنظیم نام نوشته ستون ویژه جدول مهمترین تنظیم این قسمت است.Easy-Pricing-Table_8
  2. اندازه فونت:
    در این قسمت می توانید اندازه فونت قسمت های مختلف را تنظیم کنید.البته با کمکی آزمایش متوجه می شوید تنظیم هر قسمت چه تاثیری بر خروجی هر جدول دارد.Easy-Pricing-Table_9
  3. Buttom Colors:
    شما در این قسمت می توانید رنگ ویژگی های مرتبط بهدکمه ستون ویژه و سایر ستون ها را تنظیم کنید.Easy-Pricing-Table_10
  4. Custom CSS:
    در این قسمت می توانید CSS دلخواهتان برای این جدول را بنویسید.

Easy-Pricing-Table_11-768x353

پس از انجام تنظیمات مختلف، خروجی را در زیر می بینید.

Easy-Pricing-Table_12

جمع بندی!

در این مقاله افزونه ای را برای ساخت جدول قیمت به شما معرفی کردیم که در کمتر از پنج دقیقه در آن می توانید یک جدول قیمت زیبا و واکنش گرا را برای سایتتان طراحی کنید.

منبع : همیار وردپرس

 

مروری بر مطالب

نحوه ایجاد فرم تاریخ شمسی تحویل سفارش

نحوه ایجاد فرم تاریخ شمسی تحویل سفارش سلام؛ بعضی از سایت های فروشگاهی به کاربران یا مشتریان خود امکان انتخاب…

آموزش استفاده از کدهای کوتاه

آموزش استفاده از شورت کد ها در ووکامرس سلام دوستان؛ در هنگام نصب ووکامرس،خوشبختانه  برگه های مورد نیاز آن نصب…

ارسال دیدگاه