افزودن فیلدهای دلخواه به صفحه پرداخت در ووکامرس با Checkout Field Editor

صفحه پرداخت یکی از مهم‌ترین بخش‌های هر فروشگاه ووکامرسی است؛ چون مشتری در همین صفحه اطلاعات نهایی سفارش را وارد می‌کند و خرید را به پایان می‌رساند. اگر فیلدهای غیرضروری زیاد باشند، فرایند خرید طولانی می‌شود و اگر اطلاعات موردنیاز فروشگاه را نگیریم، مدیریت سفارش سخت‌تر خواهد شد. افزونه Checkout Field Editor (Checkout Manager) for WooCommerce از ThemeHigh برای ویرایش، حذف، جابه‌جایی و اضافه کردن فیلدهای پرداخت ساخته شده است.

نسخه فعلی افزونه همچنان فعال است و در مخزن وردپرس بیش از 400,000 نصب فعال دارد. نکته مهم این است که افزونه اکنون هم از پرداخت کلاسیک و هم از بلوک پرداخت ووکامرس (Checkout Block) پشتیبانی می‌کند. تصاویر این آموزش مربوط به بخش پرداخت کلاسیک هستند؛ بنابراین اگر صفحه پرداخت فروشگاه شما با بلوک جدید ووکامرس ساخته شده، باید فیلدها را از بخش مخصوص Block Checkout مدیریت کنید. فیلدی که فقط در بخش کلاسیک ساخته شود، لزوماً در Checkout Block نمایش داده نمی‌شود.

اگر هنوز با ساختار فروشگاه آشنا نیستید، ابتدا آموزش ووکامرس را ببینید. همچنین اگر هدفتان فقط کم کردن مراحل خرید است، مقاله کاهش مراحل خرید در ووکامرس می‌تواند مکمل این آموزش باشد.

چرا فیلدهای صفحه پرداخت ووکامرس را ویرایش کنیم؟

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

با ویرایش درست صفحه پرداخت می‌توانید فیلدهای غیرضروری را حذف کنید، عنوان فیلدها را تغییر دهید و فقط اطلاعاتی را بگیرید که واقعاً برای پردازش سفارش لازم هستند. این کار باید با احتیاط انجام شود؛ مخصوصاً در فروشگاه‌هایی که درگاه پرداخت، افزونه حمل‌ونقل یا سیستم صدور فاکتور از بعضی فیلدهای استاندارد ووکامرس استفاده می‌کنند. برای آشنایی بیشتر با مرحله پرداخت نیز می‌توانید راهنمای درگاه پرداخت ووکامرس را مطالعه کنید.

نصب افزونه Checkout Field Editor for WooCommerce

افزونه را می‌توانید از مخزن رسمی وردپرس با نام Checkout Field Editor (Checkout Manager) for WooCommerce نصب کنید. بعد از فعال‌سازی، بسته به نوع صفحه پرداخت فروشگاه، تنظیمات مربوط به فیلدهای کلاسیک یا بلوکی در دسترس قرار می‌گیرد.

در تصاویر این آموزش رابط فارسی بخش کلاسیک دیده می‌شود. اگر ترجمه افزونه در سایت شما متفاوت است، نام بعضی گزینه‌ها ممکن است کمی فرق کند؛ اما گزینه‌های اصلی مثل نوع ورودی، نام، برچسب، متن جایگزین، مقدار پیش‌فرض، اعتبارسنجی و وضعیت فعال بودن همان نقش را دارند.

فعال یا غیرفعال کردن فیلدهای پرداخت

در رابطی که در تصویر زیر می‌بینید، فیلدهای پرداخت در بخش‌های جداگانه مدیریت می‌شوند و می‌توانید فیلد موردنظر را انتخاب کرده و آن را فعال، غیرفعال یا حذف کنید. در همین صفحه گزینه‌ای برای اضافه کردن فیلد جدید و بازگرداندن فیلدهای پیش‌فرض هم وجود دارد.

اگر از Checkout کلاسیک استفاده می‌کنید، این بخش همان جایی است که فیلدهای صورت‌حساب، حمل‌ونقل و فیلدهای اضافه را مدیریت می‌کنید. در نسخه‌های جدید افزونه، برای Checkout Block بخش جداگانه‌ای در نظر گرفته شده است؛ پس قبل از تغییرات مشخص کنید صفحه پرداخت فروشگاه شما کلاسیک است یا بلوکی.

چگونه یک فیلد پرداخت را ویرایش کنیم؟

برای ویرایش فیلد، روی گزینه ویرایش همان ردیف کلیک کنید. تصویر زیر نمونه فیلدهای حمل‌ونقل را نشان می‌دهد و محل دکمه ویرایش مشخص است.

بعد از انتخاب «ویرایش»، پنجره تنظیمات فیلد باز می‌شود. در تصویر بعدی برچسب‌های واقعی رابط فارسی مشخص هستند: نوع ورودی، نام، برچسب، متن جایگزین، مقدار پیش‌فرض، دسته و اعتبارسنجی. پایین همین پنجره نیز گزینه‌های اجباری، فعال شد، نمایش در ایمیل‌ها و نمایش در صفحات جزئیات سفارش دیده می‌شوند.

• برچسب: عنوانی است که مشتری کنار یا بالای فیلد می‌بیند.
• متن جایگزین: متن راهنما داخل فیلد است که با شروع تایپ کاربر جای خود را به مقدار واردشده می‌دهد.
• مقدار پیش‌فرض: اگر لازم باشد می‌توانید یک مقدار اولیه برای فیلد قرار دهید.
• دسته: کلاس نمایشی فیلد را مشخص می‌کند؛ در تصویر نمونه مقدار form-row-first دیده می‌شود.
• اعتبارسنجی: برای کنترل نوع داده ورودی استفاده می‌شود؛ مثلاً ایمیل یا شماره تلفن.
• اجباری: با فعال کردن آن، مشتری بدون تکمیل فیلد نمی‌تواند فرایند پرداخت را ادامه دهد.
• نمایش در ایمیل‌ها / جزئیات سفارش: تعیین می‌کند مقدار فیلد در این بخش‌ها نمایش داده شود یا خیر.

در نسخه‌ای که در تصاویر دیده می‌شود، دکمه پایین پنجره با عنوان انگلیسی Save نمایش داده شده است. بعد از انجام تغییرات، همان دکمه را بزنید تا تنظیمات فیلد ذخیره شود.

نحوه اضافه کردن فیلد جدید در صفحه پرداخت

برای ساخت فیلد تازه، از گزینه اضافه کردن فیلد استفاده کنید. بهتر است نام داخلی فیلد کوتاه، انگلیسی و بدون فاصله باشد و بعداً آن را تغییر ندهید؛ چون مقدار ثبت‌شده سفارش‌ها به همین شناسه وابسته است.

اضافه کردن فیلد

حالت اول: فیلدهای متنی

در نمونه زیر نوع ورودی روی متن قرار دارد. فیلدهایی مثل متن، ایمیل و تلفن اطلاعات را مستقیماً از مشتری دریافت می‌کنند. برای این نوع فیلد باید نام، برچسب، متن جایگزین، مقدار پیش‌فرض و در صورت نیاز اعتبارسنجی را مشخص کنید.

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

حالت دوم: فیلد انتخابی و رادیویی

وقتی نوع ورودی را روی گزینه‌های انتخابی قرار می‌دهید، بخش گزینه‌ها ظاهر می‌شود. در تصویر زیر دو کادر انگلیسی Option Text و Option Value دیده می‌شود. Option Text متنی است که مشتری مشاهده می‌کند و Option Value مقداری است که برای همان انتخاب ذخیره می‌شود.

در مثال بعد، فیلدی با نام billing_comment ساخته شده و برچسب آن «نظر شما در مورد فروشگاه ما» است. برای گزینه‌ها چهار مقدار «عالی»، «خوب»، «متوسط» و «ضعیف» با Valueهای 1 تا 4 تعریف شده‌اند. همچنین گزینه «اجباری» غیرفعال است؛ بنابراین مشتری می‌تواند بدون پاسخ دادن سفارش را ثبت کند.

خروجی همین تنظیمات در صفحه پرداخت به شکل زیر دیده می‌شود. عبارت «(اختیاری)» هم به مشتری نشان می‌دهد تکمیل این فیلد الزامی نیست.

تفاوت Checkout کلاسیک و Checkout Block در نسخه فعلی افزونه

این بخش مهم‌ترین تغییر نسبت به زمانی است که تصاویر این آموزش تهیه شده‌اند. افزونه ThemeHigh اکنون از Checkout Block ووکامرس هم پشتیبانی می‌کند. اگر صفحه پرداخت شما با بلوک ووکامرس ساخته شده است، فیلدها را باید در بخش مخصوص Block Checkout Fields بسازید؛ تنظیمات بخش کلاسیک به‌صورت خودکار به بلوک منتقل نمی‌شوند.

طبق اطلاعات فعلی افزونه، در Checkout کلاسیک انواع فیلد بیشتری در دسترس است و در بخش بلوکی نیز چند نوع پرکاربرد مثل متن، عدد، Textarea، Select، Radio، Checkbox، Email، URL، Paragraph و Heading پشتیبانی می‌شوند. قبل از استفاده در سایت اصلی، حتماً یک سفارش کامل آزمایشی ثبت کنید و نتیجه را در پیشخوان، ایمیل سفارش و صفحه حساب کاربری بررسی کنید.

Checkout Field Editor راه ساده‌ای برای مدیریت فیلدهای صفحه پرداخت ووکامرس بدون کدنویسی است. می‌توانید فیلدهای موجود را ویرایش یا غیرفعال کنید، فیلد جدید بسازید و مشخص کنید اطلاعات ثبت‌شده در ایمیل‌ها و جزئیات سفارش نمایش داده شوند یا نه.

فقط به این نکته توجه کنید که صفحه پرداخت جدید ووکامرس ممکن است از Checkout Block استفاده کند. اگر فیلد سفارشی را ساختید اما در صفحه پرداخت نمایش داده نشد، قبل از هر چیز بررسی کنید آن را در بخش Classic Checkout Fields ساخته‌اید یا Blocks Checkout Fields. اگر به گزینه‌های متفاوتی برای مدیریت صفحه پرداخت نیاز دارید، مقاله مدیریت صفحه پرداخت در ووکامرس هم می‌تواند برای مقایسه مفید باشد.

دانلود افزونه Checkout Field Editor

منبع: wordpress.org