افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

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

نصب افزونه
افزونه ی WooCommerce Extra Fields با هدف افزودن فیلدهای بیشتر به صفحه ی محصول مورد استفاده قرار می گیرد. نامی که در حین جستجو برای این افزونه نشان داده میشود PPOM for WooCommerce by N-MEDIA است.
در واقع PPOM مخفف Personalized Product Option Manager است که به معنی “مدیریت شخصی سازی گزینه های محصول” می باشد.
برای نصب این افزونه
- وارد پیشخوان وردپرس شده و آن را از قسمت افزونه ها جستجو کنید
- یا با استفاده از لینک دانلود افزونه آن را از سایت افق وب دانلود کنید.
- همچنین با رفتن به صفحه افزونه می توانید آن را از مخزن وردپرس دانلود کنید.
با یکی از روش های گفته شده افزونه را نصب و فعال می کنیم.
با فعال کردن افزونه گزینه ی PPOM Fields به منوی ووکامرس اضافه می شود با کلیک بر روی آن فیلدهای دلخواه خود را اضافه می کنیم.

با انتخاب “Add PPOM Meta Group” می توانیم یک گروه جدید برای فیلدها ایجاد کنیم.پس از کلیک بر روی آن به صفحه ای منتقل می شویم که در ابتدا از ما میخواهد که نام گروه را مشخص کنیم.
Meta group name : در این قسمت نام گروه را تعیین می کنیم.
Control price display on product page : در این قسمت نحوه نمایش قیمت در صفحه محصول را انتخاب می کنیم.
Apply for Categories : دسته بندی هایی که تغییرات بر روی آن ها اعمال می شود.

از تب استایل هم css ها و کدهای جاوااسکریپت را وارد می کنیم.
در ادامه تعدادی از این فیلدها را برای شما توضیح خواهیم داد تا بیشتر با آنها آشنا شوید.
با کلیک بر روی “Add Field” فیلدهای دلخواه را اضافه می کنیم.

سپس پنجره ای باز می شود که فیلدها در آنجا لیست شده اند.
1 .فیلد Text Input را انتخاب می کنیم.
با انتخاب text input یک فیلد ورودی متن باز میشود. بخش های مختلف این فیلد را تنظیم و به گروه اضافه می کنیم در فیلدی که به تازگی باز شده باشد, دکمه “Add Field” نشان داده می شود.
در جدول زیر قسمت های مختلف این فیلد را معرفی کرده ایم.
Data name |
نام داده, که فقط می توانید از حروف کوچک انگلیسی و “_” خط زیر استفاده کنید در غیر این صورت پیغام خطا می دهد |
Title |
عنوان فیلدی که برای مشتری قابل نمایش است را در این قسمت تعیین می کنید |
Placeholder |
متنی که داخل فیلد ورودی است برای راهنمایی کاربر |
Description |
توضیحات بیشتر درباره فیلد مورد نظر که در کنار عنوان فیلد قرار می گیرد |
Error message |
وارد کردن پیغام خطا برای زمانی که مشکلی به وجود بیاید |
Addon-on Price |
اضافه کردن یک قیمت اضافی وقتی که این فیلد پر شده است. |
Set default value |
این فیلد برای قرار دادن یک مقدار پیش فرض است |
Min. Length |
حداقل طول کاراکترهایی که کاربر می تواند وارد کند |
Max. Length |
حداکثر طول کاراکترهایی که کاربر می تواند وارد کند |
Visibility |
با انتخاب یکی از گزینه های این مورد مشخص می کنیم که فیلد برای چه کسانی قابل نمایش باشد |
Width |
عرض فیلد ورودی |
Input Masking |
گاهی می توانیم یک فرمت تعیین کنیم که مشتری در قالب آن مقدار را وارد کند و مقادیر غیر از آن را نپذیرد مثلا برای تاریخ مشخص میکنیم که فرمت به صورت dd/mm/yyyy باشد و نمی تواند فرمت dd-mm-yyyy را وارد کند و کاربر فقط عددها را مشخص می کند و این تاریخ ثبت می شود |
Class |
ایجاد یک کلاس برای استایل دهی |
Required |
اگر تیک این گزینه زده شود پر کردن فیلد ضروری می شود |
Show tooltip (PRO) |
نمایش متن مورد نظر با رفتن ماوس روی فیلد که در نسخه پرو قابل استفاده است |
One Time Fee/Charge |
با زدن تیک این گزینه هزینه فقط یکبار اعمال می شود و با افزایش تعداد ، هزینه افزایش نمی یابد. |
Use Regex Expresession |
استفاده از یک الگو و عبارت منظم و با قاعده |
2 .فیلد بعدی Textarea Input است.
بیشتر بخش های این فیلدها مشابه یکدیگر هستند و تفاوت کمی با یکدیگر دارند.
Post ID : با وارد کردن آیدی یک پست ،محتوای آن پست داخل فیلد توضیحات قرار می گیرد.
Rich Editor : با زدن تیک این گزینه به بخش توضیحات گزینه های بیشتری اضافه می شود.
3 .در ادامه یک فیلد Select Input انتخاب می کنیم
First option : گزینه ای که در ابتدا نمایش داده می شود.
Fixed Fee :اضافه کردن یک بار هزینه به کل سبد خرید
بعد از تکمیل تب Fields وارد تب Add Options می شویم و گزینه های انتخابی مشتری را وارد می کنیم.
4 .فیلد دیگری که وجود دارد فیلد Radio Input است.
تمام تنظیمات آن مانند Select Input است.
5 .آخرین فیلد, فیلد Date است.
- Date formats : قالب نمایش تاریخ را از این قسمت مشخص کنید.
- Default Date : تاریخ پیش فرض در این فیلد تعیین می شود.
- Year Range : در این قسمت محدوده ی سال را تعیین کنید. مثلا 2010:2030 که در تقویم سال موردنظر را می توانید انتخاب کنید.
- Disable Past Dates : با این آپشن تاریخ های گذشته را غیر فعال کنید, یک تاریخ مشخص کنید یا از کد کوتاه استفاده کنید(مثلا 10d+)
- Disable Weekends : غیرفعال کردن آخر هفته ها
- jQuery Datepicker : استفاده از تقویم jQuery Datepicker

یک تب Conditions در همه ی فیلدها قرار دارد که با فعال کردن آن می توانیم برای فیلدها شرط بگذاریم. مثلا اگر رنگی که مشتری انتخاب می کند مشکی باشد این فیلد نمایش داده شود.
بعد از اضافه کردن فیلد های مورد نظر به صفحه ی محصول بروید و تغییرات را ببینید.

جمع بندی
فراهم کردن امکانات بیشتر باعث می شود مشتری از خرید خود راضی باشد چون همه چیز مطابق سلیقه و خواسته ی او است. پس افزونه ی WooCommerce Extra Fields افزونه ای پر کاربرد است. این افزونه به شما این امکان را می دهد که با افزودن فیلدهای بیشتر, تا حدودی بتوانید میزان جلب نظر مشتری و در نتیجه فروش خود را بالا ببرید.
About حامد نجفی
بعد از گذشت 9 سال کار با وردپرس و فعالیت اینترنتی هر روز علاقه ام به این کار بیشتر میشه. سختی های زیادی تو این راه کشیدم و دوست دارم به شما کمک کنم این مسیر رو سریعتر طی کنین. با من در شبکه های اجتماعی در تماس باشید :)
More Posts by حامد نجفی
دیدگاهتان را بنویسید