ساده سازی صفحه تسویه حساب فروشگاه ووکامرس

رابط کاربری یا User Interface و تجربه کاربری یا User Experience (UX)  از مهمترین موارد برای هر وب سایت اینترنتی می باشد . یک وب سایت و مخصوصاً یک وب سایت فروشگاهی با ارائه یک رابط و تجربه کاربری مناسب می تواند کاربران بیشتری را جذب کند .

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

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

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

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

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

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

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

add_filter( 'woocommerce_checkout_fields' , 'custom_remove_woo_checkout_fields' );
 
function custom_remove_woo_checkout_fields( $fields ) {

    // remove billing fields
    unset($fields['billing']['billing_first_name']);
    unset($fields['billing']['billing_last_name']);
    unset($fields['billing']['billing_company']);
    unset($fields['billing']['billing_address_1']);
    unset($fields['billing']['billing_address_2']);
    unset($fields['billing']['billing_city']);
    unset($fields['billing']['billing_postcode']);
    unset($fields['billing']['billing_country']);
    unset($fields['billing']['billing_state']);
    unset($fields['billing']['billing_phone']);
    unset($fields['billing']['billing_email']);
   
    // remove shipping fields 
    unset($fields['shipping']['shipping_first_name']);    
    unset($fields['shipping']['shipping_last_name']);  
    unset($fields['shipping']['shipping_company']);
    unset($fields['shipping']['shipping_address_1']);
    unset($fields['shipping']['shipping_address_2']);
    unset($fields['shipping']['shipping_city']);
    unset($fields['shipping']['shipping_postcode']);
    unset($fields['shipping']['shipping_country']);
    unset($fields['shipping']['shipping_state']);
    
    // remove order comment fields
    unset($fields['order']['order_comments']);
    
    return $fields;
}

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

دقت کنید که هر فیلدی که می خواهید در فرم تسویه حساب باقی بماند را باید با قرار دادن علامت // در ابتدای خط آن را به توضیحات تبدیل کنید . یا اینکه کلاً خط آن را حذف کنید .

در تصویر زیر یک صفحه تسویه حساب ساده شده را مشاهده می کنید .

 

آموزش طراحی وب و برنامه نویسی وردپرس آموزش وردپرس آموزش ووکامرس

To top
ورود | ثبت نام
شماره موبایل یا پست الکترونیک خود را وارد کنید

با ورود یا ثبت نام شما قوانین کراسنو را قبول دارید

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