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

افزونه ویرایش فیلدهای پرداخت ووکامرس
افزونه ویرایش فیلدهای پرداخت ووکامرس

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

افزونه ویرایش فیلدهای پرداخت ووکامرس

آنچه در این مقاله به اختصار خواهید خواند:

  • چرا باید از یک افزونه ویرایش فیلدهای پرداخت ووکامرس استفاده کنید؟
  • نصب و راه‌اندازی افزونه‌ی Checkout Field Editor for WooCommerce

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

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

نصب و راه‌اندازی افزونه‌ی Checkout Field Editor for WooCommerce

Checkout Field Editor Plugin-افزونه ویرایش فیلدهای پرداخت ووکامرس
افزونه Checkout Field Editor

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

نکته: اگر بعد از نصب افزونه دیدید که منوی تنظیمات آن فارسی نشده است، باید در هاست خود وارد مسیر

wp-content/plugins/woo-checkout-field-editor-pro/languages

شوید و فایل‌های زبان آن افزونه که نام‌های woo-checkout-field-editor-pro-fa_IR.mo و woo-checkout-field-editor-pro-fa_IR.po می‌باشند را در مسیر

wp-content/languages/plugins

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

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

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

Checkout Field Editor settings-افزونه ویرایش فیلدهای پرداخت ووکامرس
تنظیمات افزونه

چگونگی ویرایش فیلد‌های پرداخت

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

shiping fields-افزونه ویرایش فیلدهای پرداخت ووکامرس
تنظیم فیلدهای حمل و نقل

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

Edite billing fields
ویرایش فیلد پرداخت

همانطور که مشاهده می‌کنید نوع ورودی و نام فیلد قابل ویرایش نیست.

برچسب: اینجا می‌توانید برچسب بالای فیلد را تغییر دهید.

متن جایگزین(placeholder): در این قسمت می‌توانید متنی را به عنوان راهنمایی درون فیلد استفاده کنید که البته بعد از تایپ مورد توسط مشتری جایگزین این متن خواهد شد.

  قالب وردپرس فروشگاهی Ecommerce Gem

مقدار پیش‌فرض: در این قسمت درصورت لزوم می‌توانید مقداری به عنوان پیش‌فرض درون فیلد قرار دهید.

دسته: در این بخش دسته فیلد باید مشخص شود. به عنوان مثال اینجا فرم ردیف اول تعریف شده است.

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

اجباری: با زدن تیک پر کردن آن فیلد را در صفحه پرداخت اجباری کنید.

فعال شد: برای فعال شدن فیلد، تیک آن را بزنید و برعکس برای غیرفعال کردن، تیک آن را بردارید.

نمایش در ایمیل: با زدن تیک می‌توانید آن را در ایمیل‌ها نمایش دهید.

نمایش در صفحات جزئیات محصول: با زدن این تیک آن را در صفحات جزئیات محصول قابل نمایش کنید.

در نهایت پس از اعمال تغییرات با کلیک روی دکمه ذخیره  آن‌ها را ذخیره کنید.

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

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

Add field in checkout field
اضافه کردن فیلد
حالت اول

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

new billing field
حالت اول فیلد پرداخت جدید

اکنون برای حالت اول باید قسمت‌های زیر را در آن وارد کنید.

نوع ورودی: در این قسمت نوع ورودی فیلد را مشخص کنید.

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

برچسب: برچسب بالای فیلد را تعیین کنید.

متن جایگزین(placeholder): متنی به عنوان راهنمایی در فیلد اضافه کنید.

مقدار پیش‌فرض: در این قسمت درصورت لزوم می‌توانید مقداری به عنوان پیش‌فرض درون فیلد قرار دهید.

دسته: در این بخش دسته فیلد را مشخص کنید.

اعتبارسنجی: در صورت نیاز به اعتبارسنجی هر کدام را لازم است اضافه کنید.

اجباری: با زدن تیک پر کردن آن فیلد را در صفحه پرداخت اجباری کنید.

فعال کردن: فعال شدن یا نشدن فیلد را مشخص کنید.

نمایش در ایمیل: نمایش یا عدم نمایش فیلد را در ایمیل مشخص کنید.

نمایش در صفحات جزئیات محصول: نمایش یا عدم نمایش فیلد را در صفحه‌ی جزئیات محصول تعیین کنید.

حالت دوم

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

new billing field2
حالت دوم فیلد پرداخت جدید

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

radio field
انتخاب گزینه برای فیلد رادیویی

درضمن تیک اجباری بودن آن را برای مشتری برداشتیم. نتیجه‌ی نهایی در سایت به شکل زیر شد.

final result of radio field
نتیجه نهایی

سفارشی سازی صفحه پرداخت ووکامرس

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

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

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

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

منبع: wordpress.org

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 2 هفته عضو همیار وردپرس

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

  2. 3 ماه عضو همیار وردپرس

    سلام در سایت وقتی شخص وارد صفحه ی پرداخت میشه و فیلد ها رو پر میکنه. بعدش به درگاه پرداخت بانک وصل نمیشه و خریدار با این ارور مواجه میشه : ( شماره موبایل معتبر نیست !)تنظیمات در ووکامرس کامل انجام شده و مرچنت کد هم ثبت شده . عجیبه ! با این که در صفحه ی پرداخت فیلدی به نام شماره موبایل وجود نداره باز هم این پیامو میده ! می خواستم بپرسم مشکل از کجاست ؟ و چطور می تونم حلش کنم ؟ممنون میشم راهنمایی کنید . تشکر
    “واسه ثبتنام از دیجیت استفاده کردم و واسه checkout از woocommerce-checkout-manager استفاده کردم”

  3. 5 سال عضو همیار وردپرس

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

  4. 3 ماه عضو همیار وردپرس

    ووکامرس چیست ؟

  5. 10 ماه عضو همیار وردپرس

    سلام وقت بخیر، من توی فروشگاه یه سری محصول دارم که ارسالشون همه جوره رایگانه
    یه سری محصول دارم که اگه نصب نیاز داشته باشن رایگان هستن
    ویه سری محصولات هستن که ارسالشون هزینه داره
    مشکل ارسال رو با چه پلاکینی میتونم حل کنم؟
    و چه پلاگین یا پلاگین هایی رو پیشنهاد میکنید واسه حل مشکل دومم: میخوام کنار محصول گزینه ی نیاز به نصب اضافه بشه و با تیک زدن گزینه توی صفحه چک آوت هزینه هر محصول + نصبش اعمال بشه (البته اینکه چه محصولاتی گزینه نصب رو داشته باشن رو هم بتونم مشخص کنم)
    هزینه ی نصب برای محصولات قیمت ثابت نباشه و بتونم این مورد رو هم کاستومایز کنم (محصول با هزینه ی نصب ، محصول با هزینه ی نصب درصدی)

    • 3 سال عضو همیار وردپرس

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

  6. 3 ماه عضو همیار وردپرس

    سلام وقت بخیر
    من این افزونه رو فعال کردم و تغییرات لازم رو انجام دادم و ذخیره کردم
    ولی در پنل کاربریم اعمال نشد و همچنان فرم های پیشفرض روی وبسایتم قرار دارند

  7. 4 سال عضو همیار وردپرس

    واقعا بهترین پلاگین ادیت تسویه حساب ووکامرس هست

  8. 9 ماه عضو همیار وردپرس

    این واقعا خوبه من قبلا ازش استفاده کردم

  9. 11 ماه عضو همیار وردپرس

    با سلام و احترام
    لطفا راهنمایی بفرمایید که در قسمت سبد خرید فرضا ما یک هزینه نصب ثابت برای محصولات خود در فروشگاه داریم که کاربر می تواند تیک آنرا بزند یا نزند (اختیاری) ودر صورت زدن تیک آن هزینه نصب به فاکتور اضافه میگرددآیا این افزونه می تواند چنین کاری انجام دهد و یا صرفا می تواند گزینه ها قسمت تسویه حساب را تغییر نام و .. دهد.لطفا در صورتی امکان افزونه ای که بتواند این نیاز بنده را مرتفع کند معرفی نمایید با تشکر

  10. 2 سال عضو همیار وردپرس

    سلام
    من توی سایتم با ووکامرس محصول دانلودی میفروشم. الان میخوام محصول فیزیکی هم بفروشم. برای فروش محصول دانلودی نیازی به ادرس و شهر و .. نداریم به همین دلیل این فیلد ها رو حذف کردم. الان که میخوام محصول فیزیکی بفروشم به مشکل خوردم
    راهی وجود داره که برای محصول دانلودی فیلدهای ادرس و… نمایش نده ولی برای محصول فیزیکی این فیلد ها رو نمایش بده؟

    • 7 سال عضو همیار وردپرس

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

    • 3 ماه عضو همیار وردپرس

      سلام خانوم کوهستانی میشه بیشتر توضیج بدید تورو خدا منم همین مشکل رو دارم.خواهشا

  11. 2 سال عضو همیار وردپرس

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

  12. 5 سال عضو همیار وردپرس

    سلام. نسخه پرو رو در سایت برای فروش ندارین ؟ نسخه رایگان فقط یک فیلد رو ساپورت میکنه.

  13. 2 سال عضو همیار وردپرس

    عالی بود

  14. 2 سال عضو همیار وردپرس

    امکانش هست راجع به کوپن ها توضیح بدین؟ یه بخشی عنوان “محاسبه چندین کوپن تخفیف پیاپی” هم وجود داره که دقیقا نمیدونم چه کارایی داره؟

  15. سلام. خواستم بپرسم بخش Validation این پلاگین درست کار میکنه؟ چون من که تنظیم کردم روی Phone اصلا عمل نمیکنه و هر چیزی رو داخل تکست باکس قبول میکنه جه فارسی چه انگلیسی عدد و … . درحالی که فقط باید عدد رو در این حالت قبول بکنه

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

  17. 3 سال عضو همیار وردپرس

    چطور میتونیم فیلد هایی که ساختیم رو ترتیبش رو جابه جا کنیم ؟

  18. ممنونم

  19. من این افزونه رو نصب کردم و تنظیماتش رو انجام دادم ولی نمیدونم چجوری میشه در سایت نمایش داد . کد خروجی یا از راه ابزارک …. چطور میشه؟

  20. منم همین مشکلو داشتم

  21. سلام وقتی از افزونه استفاده میکنم دکمه پرداختو میزنم میگه لطفا ادرسو وارد کنید

    • 7 سال عضو همیار وردپرس

      سلام
      آدرس چی رو میخواد دوست عزیز ؟

    • من بیشتر باهاش کار کردم رو مرور گر های مختلف این اتفاق میفته براش اون چک باکس انتخاب استان هارو نمیتونه بیاره بعد خودت دستی که بنویسی قبول نمیکنه میگه لطفا ادرس وارد کنید

  22. سلام ببخشید برای اینکه اجباری بودن یک فیلد رو از بین ببریم باید چیکار کنیم؟؟
    edit رو میزنم ولی نمیشه تغییرش داد
    مثلا فیلد ایمیل اجباری نباشد
    با تشکر

مطالب زیر را حتما بخوانید

دوره‌های آموزشی