ویرایش فیلدهای صورت حساب ووکامرس با افزونه Checkout Field Editor
افزونه Checkout Field Editor (Checkout Manager) for WooCommerce یکی از بهترین افزونه های ووکامرس است که با استفاده از آن می توانید فیلدهای موجود در صورت حساب ووکامرس را به راحتی ویرایش کرده و آنها را حذف، فعال، غیرفعال و یا پاک کنید. حتی می توانید ترتیب قرار گیری فیلدها را عوض کرده و فیلدهای جدیدی بسازید.
اگرچه ووکامرس بهترین افزونه eCommerce وردپرس است که با استفاده از آن می توانید به راحتی اقدام به ساخت فروشگاه آنلاین در وردپرس کنید، اما این افزونه فاقد برخی از ویژگی های بسیار اساسی مانند شخصی سازی فیلدهای پرداخت در یک رابط کاربری ساده است.
صفحه پرداخت مهمترین بخش کل تجربه خرید آنلاین است. شما ممکن است در فروشگاه آنلاین خود صفحات محصول بسیار زیبا و توضیحات محصول کامل و بهینه سازی شده برای سئویی داشته باشید که باعث می شوند مشتریان شما بخواهند از شما خرید کنند اما اگر صفحه پرداخت شما برای خرید و بستن قرارداد بهینه سازی نشده باشد یا به نحوی شکسته شده باشد، مشتریان نمی توانند خرید خود را کامل کنند.
آمار نشان می دهد که 21% از سبدهای خرید به دلیل طولانی بودن روند خرید و پرداخت وجه کالا رها می شوند.
افزونه Checkout Field Editor (Checkout Manager) for WooCommerce افزونه ای است که با استفاده از آن می توانید فیلدهای پیش فرض صورت حساب را ویرایش کنید و یا فیلدهای مورد نظر خود را اضافه کنید.
انواع مختلفی از فیلدها شامل چک باکس، تاریخ یا انتخاب رنگ در این افزونه وجود دارند که بعضی در نسخه رایگان و برخی در نسخه Pro یافت می شوند.
در این مقاله افزونه Checkout Field Editor (Checkout Manager) for WooCommerce را بررسی کرده و نحوه استفاده از آن را آموزش می دهیم.
افزونه ویرایش فرم پرداخت ووکامرس
توجه داشته باشید که باید افزونه WooCommerce را روی سایت خود نصب کرده باشید.
ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.
بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه، در پیشخوان وردپرس به مسیر ووکامرس » Checkout Form بروید.
همچنین می توانید در صفحه افزونه ها در زیر عنوان Checkout Field Editor for WooCommerce روی لینک Settings کلیک کنید.
صفحه ای مشابه شکل زیر مشاهده می کنید.
در این صفحه سه مجموعه فیلد در سه تب مختلف وجود دارد که می توانید آنها را ویرایش کنید. این سه تب عبارتند از:
- Billing Fields: که مربوط به بخش پرداخت ها و صورت حساب ها است.
- Shipping Fields: که مربوط به بخش حمل و نقل است.
- Additional Fields: که مربوط به یادداشت های سفارشات است.
در تب Billing Fields می توانید مجموعه فیلدهایی که در صورت حساب مشاهده می کنید را ویرایش نمایید یا فیلدهای جدید اضافه کنید. صفحه Billing Fields به صورت زیر است.
صفحه Billing Field شامل چند ستون مختلف به شرح زیر است:
Name: نام فیلد در این ستون قرار دارد که به عنوان کلید متا برای ذخیره اطلاعات استفاده می شود. این نام باید یکتا باشد.
Type: این ستون مشخص کننده نوع ورودی فیلد در HTML است. انواع ورودی ها به صورت زیر در افزونه Checkout Field Editor for WooCommerce پشتیبانی می شوند:
- Text: ورودی متن استاندارد
- Password: ورودی متن پسورد
- Email: ورودی ایمیل
- phone: ورودی شماره تلفن
- Textarea: ورودی ناحیه متنی
- Select: باکس انتخاب کشویی
- Radio: مجموعه ورودی های رادیویی یعنی از بین چند گزینه بتوان تنها یکی را انتخاب کرد.
Lable: لیبل ورودی که در صورت حساب نشان داده می شود، مربوط به این ستون است.
Placeholder: متن Placeholder برای ورودی ها که به عنوان راهنمایی برای مشتریان است که بدانند چه چیزی را باید وارد کنند. این متن با کلیک کاربر بر روی فیلد پاک می شود.
Validation: نوع اعتبارسنجی فیلدها که گزینه های ایمیل، عدد، تلفن و بسیاری دیگر را پشتیبانی می کند. به عنوان مثال اگر فیلد دارای اعتبارسنجی Email باشد تنها فرمت ایمیل را برای ورودی می پذیرد.
Required: اجباری یا اختیاری بودن فیلد را مشخص می کند. فیلدی که تیک دارد به معنای اجباری بودن آن است.
Enabled: فیلدهایی که تیک دارند یعنی فعال هستند و در صفحه پرداخت نمایش داده می شوند. به صورت پیش فرض همه فیلدهای موجود در صفحه فعال هستند.
Edit: در این ستون دکمه ای قرار دارد که با کلیک بر روی آن می توانید فیلد مربوط به آن را ویرایش کنید.
در اولین ستون سمت راست صفحه در کنار هر فیلد یک آیکون سه خط وجود دارد که می توانید از آن برای جابجا کردن و مرتب سازی فیلدها استفاده کنید. کافی است موس را بر روی آیکون قرار داده و با کشیدن و رها کردن، فیلدها را جابجا و مرتب سازی کنید.
همچنین یک باکس در کنار هر فیلد قرار دارد که از آن می توانید برای کارهای دسته جمعی استفاده کنید. به عنوان مثال می توانید فیلدهای مورد نظر خود را انتخاب کرده و با کلیک بر روی دکمه Enable، Disable یا Remove ، در بالا و پایین ستون ها، آنها را به صورت دسته جمعی غیرفعال، فعال یا پاک کنید.
در ادامه آموزش نحوه ویرایش فیلدها در افزونه Checkout Field Edito for WooCommerce را بررسی می کنیم.
ویرایش فیلدها در افزونه Checkout Field Editor (Checkout Manager) for WooCommerce
در افزونه Checkout Field Editor for WooCommerce امکان ویرایش فیلدهای هسته و نیز فیلدهای سفارشی در هر سه تب Shipping، Billing و Additional fields وجود دارد.
برای ویرایش هر فیلد روی دکمه Edit مربوط به آن کلیک کنید. با کلیک بر روی دکمه Edit یک پنجره مشابه شکل زیر باز می شود.
ممکن است این پنجره روی صفحه قبل قرار بگیرد و چندان قابل تشخیص نباشد. شما می توانید آن را کشیده و در قسمت دیگری از صفحه قرار دهید.
گزینه های موجود برای ویرایش براساس نوع فیلدها ممکن است متفاوت باشد. شما می توانید فیلد را طبق نیازهای سایت خود سفارشی سازی و ویرایش کنید.
به عنوان مثال می توانید ویرایش های زیر را برای فیلد تصویر بالا انجام دهید:
- لیبل یا برچسب فیلد را عوض کنید
- متن Placeholder برای آن قرار دهید
- یک مقدار پیش فرض برای فیلد تعیین کنید
- اعتبار سنجی آن را عوض کنید
- پر کردن فیلد را اجباری یا اختیاری کنید.
- فیلد را غیرفعال نمایید
- فیلد را در ایمیل ارسالی نشان دهید.
- فیلد را در صفحات جزئیات محصول نمایش دهید.
در نهایت پس از اعمال تنظیمات مورد نظر خود، روی دکمه save کلیک کنید.
اضافه کردن فیلدهای جدید
اگر می خواهید فیلد جدیدی به صورت حساب خود اضافه کرده و اطلاعات بیشتری از مشتریان دریافت کنید، می توانید این کار را به سادگی با استفاده از افزونه Checkout Field Editor for WooCommerce انجام دهید.
برای اضافه کردن یک فیلد جدید، روی دکمه Add Field کلیک کنید. پنجره ای مشابه ویرایش فیلد به صورت زیر باز می شود.
در این پنجره باید قسمت های زیر را پر کنید.
- نوع ورودی فیلد را مشخص کنید.
- نام آن را تعیین کنید. این نام باید یکتا باشد و قسمت billing_ مشخص می کند که مربوط به صورت حساب است.
- لیبل یا برچسب فیلد را قرار کنید.
- متن Placeholder برای آن وارد کنید.
- یک مقدار پیش فرض برای فیلد تعیین کنید.
- اعتبار سنجی آن را انتخاب کنید.
- پر کردن فیلد را اجباری یا اختیاری کنید.
- فیلد را فعال/غیرفعال نمایید.
- فیلد را در ایمیل ارسالی نشان دهید.
- فیلد را در صفحات جزئیات محصول نمایش دهید.
پس از اعمال تنظمیات مورد نظر خود، روی دکمه Save کلیک کنید.
تب Shipping Fields نیز تنظیماتی مشابه تب Billing Fields دارد و فیلدهای موجود در این تب را نیز می توانید به راحتی ویرایش کرده و فیلدهای جدید بسازید.
تب Additional Fileds تنها شامل یک فیلد است که تنظیمات آن مشابه حالت قبل است و به راحتی می توانید آن را ویرایش کنید یا یک فیلد جدید بسازید.
به این ترتیب می توانید صفحه پرداخت فروشگاه ووکامرس خود را تعاملی تر کنید.
امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد. منتظر دریافت دیدگاه های شما هستیم.
دیدگاه ها