ایجاد فیلد دلخواه در ووکامرس با Extra Product Options For WooCommerce

ایجاد فیلد دلخواه در ووکامرس با Extra Product Options For WooCommerce

بروزرسانی شده در۲۸ مهر ۱۴۰۳

آنچه در این مقاله می خوانید...

ایجاد فیلد دلخواه در ووکامرس

در آموزش های گذشته توضیح دادیم که چگونه از طریق زمینه دلخواه در وردپرس،فیلد های دلخواهی را به وردپرس خود اضافه کنیم.اما شاید برای شما هم سوال پیش آمده باشد که آیا می توانیم فیلد دلخواه در ووکامرس هم ایجاد کنیم؟یعنی فیلد هایی را در صفحه محصول قرار بدهیم که کاربر بتواند این فیلد ها را پر و کامل کند.در پاسخ باید بگویم که بله!ما می توانیم با استفاده از افزونه Extra Product Options For WooCommerce اقدام به ایجاد فیلد دلخواه در ووکامرس کنیم.

ایجاد فیلد دلخواه در ووکامرس با Extra Product Options For WooCommerce

برای ساخت فیلد دلخواه در ووکامرس کار پیچیده ای در پیش نداریم،کافی است طبق مراحل گفته شده پیش بروید تا بتوانید این فیلد ها را به صفحه محصول خود اضافه کنید،البته بدون استفاده از برنامه نویسی و دانش فنی بالا!

نحوه کار با افزونه WooCommerce Extra Product Options

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

افزونه Extra Product Options For WooCommerce

پس از نصب افزونه باید به مسیر محصولات > Extra Product Option بروید.سپس مطابق تصویر بالا بر روی گزینه + Add field کلیک کنید.

فیلد دلخواه در ووکامرس

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

Field Type: گزینه اول در خصوص نوع فیلد ما می باشد که باید مشخص کنیم از چه نوع داده باید پشتیبانی کند.به عنوان مثال ما قصد داریم در صفحه محصول خود نام کاربر را بگیریم بنابراین باید نوع فیلد ورودی ما Text باشد.اگر بخواهید مقدار عددی از کاربر بگیرید باید نوع فیلد را برابر با Number باشد و به همین ترتیب مابقی فیلد ها را می توانید انتخاب کنید.

name: در مرحله بعد باید یک نام برای فیلد خود انتخاب کنید.

label: برچسپ فیلد خود را می توانید در این قسمت تنظیم کنید.

Default Value: مقدار پیشفرض فیلد خود را وارد کنید.

Placeholder: متن نمایشی که قصد دارید در فیلد مدنظر به کاربر نمایش داده شود.

Min. Length: حداقل طول ورودی فیلد شما.

Max. Length: حداکثر طول ورودی فیلد شما

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

Input Masking Pattern: پترن و الگوی فیلد خود را می توانید در این قسمت وارد کنید

و در نهایت می توانید با گزینه Required این فیلد را ضروری کنید تا مطمئن شوید که کاربر این فیلد را پر خواهد کرد و از طریق گزینه Enabled می توانید اقدام به فعالسازی و غیرفعالسازی موقت فیلد خود کنید.

همچنین می توانید با کلیک کردن بر روی گزینه Next به تب جدید بروید و در آنجا کلاس های css را به فیلد خود بدهید و یا این که از طریق گزینه Label Position،موقعیت برچسپ فیلد خود را تنظیم کنید که در سمت چپ یا پایین فیلد قرار بگیرد.

همچنین می توانید مجدد گزینه Next را کلیک کنید و با باز شدن پنجره جدید و در قسمت Display Rules،تعیین کنید که فیلد دلخواه به صفحه محصول و یا به دسته‌بندی اضافه شود و در چه محصولاتی نشان داده شود و در چه محصولاتی نشان داده نشود!به همین راحتی.

در نهایت بر روی گزینه save & close کلیک کنید تا تغییرات شما اعمال شود.

خروجی نهایی کار به شکل زیر می باشد:

ایجاد فیلد دلخواه در ووکامرس

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

4 × 1 =