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

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

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

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

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

در بسیاری از فروشگاه‌ها مشکل اصلی صفحه پرداخت، تعداد فیلدها یا ترتیب دریافت اطلاعات است؛ برای مثال اگر محصول فیزیکی ارسال نمی‌کنید، درخواست نشانی پستی در همه سفارش‌ها منطقی نیست. در چنین موقعیتی افزونه Easy Checkout Field Editor برای تغییر فیلدهای فرم قابل بررسی است. در مقابل، اگر فیلدی تنها برای یک محصول یا گروهی از کالاها ضروری است، WooCommerce Conditional Product Fields at Checkout می‌تواند در نمایش شرطی آن اطلاعات نقش داشته باشد. بهتر است پیش از هر تغییر، سفارش آزمایشی ثبت کنید تا فیلد ضروری ناخواسته حذف نشود.

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

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

گاهی مشتری در یک فرم طولانی احساس می‌کند مراحل خرید پیچیده است. تبدیل فرم به چند مرحله، به‌ویژه در فروشگاه‌هایی که اطلاعات ارسال زیادی می‌گیرند، می‌تواند مسیر را خواناتر کند؛ ARG MultiStep Checkout برای همین نوع چیدمان مرحله‌ای طراحی شده است. البته کاهش تعداد فیلدها با چندمرحله‌ای کردن فرم یکسان نیست و پیش از انتخاب هر کدام باید رفتار کاربران و نرخ رها شدن خرید را بررسی کنید.

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

بیشتر بخوانید: آموزش گام به گام و تصویری ساخت پاپ آپ در وردپرس

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

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

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

1- آموزش سفارشی سازی صفحه پرداخت ووکامرس با افزونه SeedProd

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

در اولین قدم، شما باید افزونه SeedProd را روی وردپرس خود نصب و فعال کنید. اگر با نحوه نصب افزونه آشنایی ندارید می توانید آموزش نصب افزونه وردپرس را مشاهده کنید. پس از فعال شدن افزونه، از بخش “SeedProd” روی گزینه “Pages” کلیک کنید، سپس از بالای صفحه روی دکمه “افزودن صفحه فرود جدید” کلیک نمائید. در مرحله بعد با یک صفحه روبه رو می شوید که از شما می خواهد یک قالب دلخواه را انتخاب کنید. قالب های مختلفی براساس دسته بندی مختلف وجود دارد که می توانید یکی را انتخاب کنید. به عنوان مثال ما در این اموزش قصد داریم قالب Blank را انتخاب کنیم. پس از انتخاب قالب، کافیست موس را روی ان نگه دارید و بعد گزینه “Checkmark” را بزنید.

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

بیشتر بخوانید: چگونه آمار سایت وردپرس خود را مشاهده کنیم

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

سپس موس را روی گزینه هدر نگه دارید و بعد از آن روی آیکون + کلیک کنید.

اگر یک مشتری باید در سفارش‌های مختلف نشانی‌های جداگانه داشته باشد، موضوع صرفاً ویرایش فیلد آدرس در صفحه پرداخت نیست. Multiple Addresses for WooCommerce را می‌توان برای مدیریت چند نشانی بررسی کرد. پیش از استفاده، نحوه انتخاب نشانی، ثبت آن در سفارش و سازگاری با روش ارسال کالا باید آزمایش شود.

بعد از آن بهتر است لوگوی سایت خود را وارد کنید. برای اینکار روی بخش “تصویر” صفحه خود کلیک کنید و لوگوی فروشگاه خود را در منوی سمت چپ آپلود نمائید.

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

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

پس از انجام این کار، روی دکمه با عنوان “Call to Action” کلیک کنید. حال بهتر است متن آن را به “مشاهده سبد خرید” تغییر دهید.

یکی از روش‌های ساده‌تر کردن فرم پرداخت، تقسیم آن به چند مرحله است. YITH WooCommerce Multi-step Checkout به این سناریو مربوط است؛ اما کوتاه کردن ظاهر صفحه لزوماً تعداد اطلاعات درخواستی را کاهش نمی‌دهد. بهتر است تکمیل فرم روی موبایل، برگشت به مرحله قبل و حفظ اطلاعات واردشده را با سفارش آزمایشی بسنجید.

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

پس از آن، بلوک “Checkout” را در بخش ووکامرس پیدا و آن را به صفحه خود بکشید و رها کنید. بعد از آن شما قادر هستید نحوه ظاهر پرداخت خود را مانند: رنگ بندی، طرح بندی، فونت و …. سفارشی کنید.

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

بیشتر بخوانید: چگونه آدرس سایت وردپرس خود را تغییر دهیم؟ 

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

این افزونه ویرایش فیلدهای پرداخت ووکامرس به شما این امکان را می دهد تا بخش های مختلف صفحه را به دلخواه خود تغییر و سفارشی کنید. پس از آنکه سفارشی سازی صفحه پرداخت ووکامرس را به اتمام رساندید، کافیست از بالای صفحه روی دکمه “ذخیره” و سپس “انتشار” را بزنید.

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

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

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

 بیشتر بخوانید: طراحی قالب چه تاثیری بر روی رتبه و سئوی سایت دارد؟

2- نحوه سفارشی سازی صفحه پرداخت ووکامرس با افزونه WooCommerce Checkout Manager

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

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

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

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

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

– یک فیلد فایل آپلود سفارشی ایجاد کنید

یکی از جالب‌ترین ویژگی‌های افزونه WooCommerce Checkout Manager این است که به خریداران اجازه می‌دهد هر نوع فایلی را در طول فرآیند خرید، آپلود کنند. شما همچنین می توانید آن فایل ها را ویرایش و به کاربران اجازه دهید فایل های خود را در صورت نیاز به ارائه اسناد اضافی مدیریت کنند.

علاوه بر این، می توانید هزینه های ثابت یا درصدی را به هر فیلد اصلی یا مشروط اضافه کنید.

بیشتر بخوانید: آموزش اتصال درگاه پرداخت اینترنتی در وردپررس

– هزینه ها را به صفحه پرداخت اضافه کنید

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

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

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

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

در نهایت کافیست روی دکمه ذخیره کلیک کنید.

بیشتر بخوانید: آموزش ویرایش قالب وردپرسی | چگونه پوسته وردپرس را بدون کدنویسی ویرایش کنیم؟

– فیلدهای شرطی ایجاد کنید

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

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

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

برای فروشگاه‌هایی که باید ترتیب، نام یا اجباری بودن فیلدهای تسویه‌حساب را کنترل کنند، YITH WooCommerce Checkout Manager نیز از گزینه‌های مرتبط است. بهتر است تغییرات فرم فقط در ظاهر بررسی نشوند؛ ذخیره اطلاعات در سفارش، نمایش آن به مدیر فروشگاه و سازگاری با درگاه پرداخت اهمیت دارند.

تنظیمات صفحه تسویه حساب ووکامرس

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

ویرایش تسویه حساب فقط تغییر نام و نشانی مشتری نیست. فیلد انتخاب تاریخ و ساعت تحویل در تسویه حساب با WooCommerce Delivery Time Picker به خریدار امکان می دهد زمان دریافت سفارش را ثبت کند. در این سناریو تقویم کافی نیست؛ روزهای تعطیل، ظرفیت تحویل و سازگاری فیلد با قالب پرداخت و روش های حمل را باید آزمایش کرد.

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

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

اطلاعاتی که خریدار در فرم تسویه‌حساب وارد می‌کند با داده‌هایی که مدیر فروشگاه برای پیگیری سفارش نگه می‌دارد، تفاوت دارد. برای نمونه، شناسه داخلی پیگیری یا یادداشت واحد انبار لزوماً نباید به مشتری نمایش داده شود؛ Admin Custom Order Fields به ثبت چنین اطلاعاتی در بخش مدیریت سفارش کمک می‌کند. تفکیک این دو دسته فیلد باعث می‌شود فرم خرید برای مشتری ساده بماند و کارکنان همچنان اطلاعات لازم را داشته باشند.

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

پیشنهاد خرید افزونه های جانبی ووکامرس

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

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

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

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

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

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

در انتخاب ابزار پرداخت، بهتر است میان «ویرایش فیلدها» و «تغییر تجربه حرکت بین سبد و تسویه‌حساب» تفاوت بگذارید. برای مثال WooCommerce Ajax Cart Checkout در دسته ابزارهایی قرار می‌گیرد که به جریان سبد خرید و تسویه‌حساب ایجکس توجه دارند، در حالی که تغییر عنوان یا اجباری بودن فیلدها کارکرد دیگری است. پیش از نصب، بررسی کنید امکانات قالب یا افزونه‌های فعلی همین قابلیت را تکرار نکرده باشند.

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

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

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

/* Remove Woocommerce User Fields by wpnovin.com */
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
add_filter( 'woocommerce_billing_fields' , 'custom_override_billing_fields' );
add_filter( 'woocommerce_shipping_fields' , 'custom_override_shipping_fields' );
 
function custom_override_checkout_fields( $fields ) {
  unset($fields['billing']['billing_state']);
  unset($fields['billing']['billing_country']);
  unset($fields['billing']['billing_company']);
  unset($fields['billing']['billing_address_1']);
  unset($fields['billing']['billing_address_2']);
  unset($fields['billing']['billing_postcode']);
  unset($fields['billing']['billing_city']);
  unset($fields['shipping']['shipping_state']);
  unset($fields['shipping']['shipping_country']);
  unset($fields['shipping']['shipping_company']);
  unset($fields['shipping']['shipping_address_1']);
  unset($fields['shipping']['shipping_address_2']);
  unset($fields['shipping']['shipping_postcode']);
  unset($fields['shipping']['shipping_city']);
  return $fields;
}
function custom_override_billing_fields( $fields ) {
  unset($fields['billing_state']);
  unset($fields['billing_country']);
  unset($fields['billing_company']);
  unset($fields['billing_address_1']);
  unset($fields['billing_address_2']);
  unset($fields['billing_postcode']);
  unset($fields['billing_city']);
  return $fields;
}
function custom_override_shipping_fields( $fields ) {
  unset($fields['shipping_state']);
  unset($fields['shipping_country']);
  unset($fields['shipping_company']);
  unset($fields['shipping_address_1']);
  unset($fields['shipping_address_2']);
  unset($fields['shipping_postcode']);
  unset($fields['shipping_city']);
  return $fields;
}
/* End - Remove Woocommerce User Fields */

چه نکاتی را در هنگام سفارشی‌سازی صفحه تسویه‌حساب باید رعایت کنیم؟

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

نمایش شفاف هزینه ارسال در تسویه حساب ضروری است. برای فروشگاهی که می خواهد کرایه را بر اساس مبلغ سفارش یا مقصد کاهش دهد، تخفیف شرطی کرایه حمل در تسویه حساب از امکانات قابل بررسی است. افزودنی Shipping Discount for WooCommerce نیازمند WooCommerce Dynamic Pricing & Discounts است و نتیجه آن باید با روش های ارسال فعال فروشگاه آزمایش شود.

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

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

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

برای فروشگاه‌هایی که پرداخت در محل دارند، نمایش یکسان این روش به تمام سفارش‌ها همیشه درست نیست؛ محدودیت منطقه ارسال یا مبلغ سفارش می‌تواند تعیین‌کننده باشد. WooCommerce Smart COD Pro از ابزارهایی است که برای مدیریت دقیق‌تر این شرایط عرضه شده است. چنین قواعدی را باید همراه با پیام‌های واضح به مشتری تنظیم کنید تا در آخرین مرحله خرید با گزینه‌ای غیرمنتظره روبه‌رو نشود.

۳. توجه به نسخه موبایل: بیش از ۶۰٪ خریدهای اینترنتی با موبایل انجام می‌شود. تمامی فیلدها، دکمه‌ها و بخش‌ها باید کاملاً واکنش‌گرا باشند و بدون نیاز به زوم یا اسکرول اضافه نمایش داده شوند.

اگر سفارش‌ها به مقصدهای مختلف ارسال می‌شوند، دریافت یک نشانی ثابت در فرم خرید ممکن است کافی نباشد. WooCommerce Ship to Multiple Addresses برای سناریوی ارسال کالاهای یک سفارش به چند آدرس در نظر گرفته شده است؛ در چنین شرایطی محاسبه هزینه ارسال و اطلاع‌رسانی به مشتری باید از ابتدا روشن باشد. همچنین در فروشگاه‌هایی که خدمات پس از خرید اهمیت دارند، طراحی صفحه تشکر با WooCommerce Thank You Page Customizer می‌تواند برای ارائه خلاصه سفارش و راهنمای مراحل بعدی مفید باشد؛ این صفحه نباید جایگزین پیام تأیید سفارش شود.

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

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

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

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

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

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

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

۸. استفاده از فیلدهای شرطی: در صورت نیاز، فیلدها را بر اساس نوع محصول یا انتخاب‌های کاربر به‌صورت شرطی نمایش دهید؛ به‌عنوان مثال برای محصولات دانلودی نیازی به نمایش آدرس نیست.

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

۱۰. بهینه‌سازی سرعت بارگذاری صفحه: افزودن اسکریپت و CSS سنگین باعث کندی فرآیند خرید می‌شود. سعی کنید از افزونه‌های سبک استفاده کرده و تصاویر صفحه پرداخت را کم‌حجم نگه دارید.

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

سوالات متداول

بیشتر بخوانید: آموزش نحوه ویرایش متن در وردپرس

جمع بندی: آموزش سفارشی سازی صفحه پرداخت ووکامرس

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

منبع: wpbeginner