هذا هو دليلك النهائي – الكامل مع الرموز القصيرة والمقتطفات والحلول – لتخطي صفحة سلة التسوق تمامًا ولديك جدول عربة ونموذج الخروج في نفس الصفحة.
لكن أولاً … لماذا تريد أن تفعل هذا؟ حسنًا ، إذا كنت تبيع منتجات باهظة الثمن (على سبيل المثال ، في المتوسط ، تبيع منتجًا واحدًا تقريبًا لكل طلب) ، إذا كنت تريد حفظ خطوة إضافية (خطوتان للتحويل أفضل من ثلاثة: “إضافة إلى عربة التسوق”>”صفحة عربة التسوق” > “صفحة الخروج” – وهذا ليس علم الصواريخ) ، إذا كانت أهداف سير العمل والتجارة الإلكترونية المخصصة لديك تتطلب منك إدارة Cart and Checkout معًا ، فهذا البرنامج التعليمي مناسب لك.
هناك مزيج من الرموز القصيرة والإعدادات ومقتطفات PHP التي يمكنك استخدامها لجعل هذا العمل خارج الصندوق. وثق بي ، هذا أسهل مما تعتقد.
بينما يقرر العديد من المطورين تحويل عملية السداد إلى “عملية دفع متعددة الخطوات ” (لست متأكدًا من السبب – فكلما زادت الخطوات زادت احتمالية التخلي عن عربة التسوق) ، هنا سنرى العكس تمامًا.
اذا كيف عملوها؟
حسنًا ، إليك الدليل الكامل والسهل خطوة بخطوة لوضع سلة التسوق والدفع في نفس الصفحة . جربها ، وقم ببعض اختبارات WooCommerce وتتبعها ، واعرف ما إذا كانت تتحول بشكل أفضل 🙂
أولاً ، تحتاج إلى إضافة الرمز المختصر “woocommerce_cart” إلى صفحة الخروج. بهذه الطريقة نخبر WooCommerce أننا نريد أن يكون جدول عربة التسوق في الأعلى ونموذج الخروج أدناه .
تحديث: 19 / أكتوبر / 2018. في الإصدار الأول من هذا البرنامج التعليمي ، اقترحت إضافة الرمز القصير
/**
* @snippet Display Cart @ Checkout Page Only - WooCommerce
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 3.5.7
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'woocommerce_before_checkout_form', 'bbloomer_cart_on_checkout_page_only', 5 );
function bbloomer_cart_on_checkout_page_only() {
if ( is_wc_endpoint_url( 'order-received' ) ) return;
echo do_shortcode('');
}مع هذا التغيير الصغير ، ستبدو صفحة Checkout الجديدة الخاصة بك في لقطة الشاشة التالية. يرجى ملاحظة – إذا كنت معتادًا على تخطيط صفحة سلة التسوق ، فقد تتذكر قسم “ضمانات سلة التسوق” (على سبيل المثال ، ” إجماليات سلة التسوق ” ، حيث يتم عرض الإجمالي الفرعي والشحن والإجماليات) … حسنًا ، يتم إخفاء هذا تلقائيًا لمجرد أنك ” إعادة استخدام الرمزين القصيرين في نفس الصفحة. أليس هذا رائعا؟
عربة التسوق والدفع في نفس الصفحة: معاينة صفحة الخروج
من المحتمل أن يكون تغيير الرمز القصير وحده كافيًا للحصول على ما تحتاجه (سلة التسوق والدفع في نفس الصفحة). ومع ذلك ، هناك حاجة إلى بعض التعديلات في حالة رغبتك حقًا في القيام بذلك بشكل صحيح.
في الواقع ، إذا تم إفراغ طلب الشراء (أعني ، تم إفراغ عربة التسوق في صفحة الخروج) ، فسيقوم WooCommerce بإعادة توجيه المستخدمين إلى صفحة سلة التسوق وعرض رسالة سلة التسوق الفارغة (“الرجوع إلى المتجر”).
الآن ، هدفنا هو التخلص تمامًا من صفحة عربة التسوق حتى لا يراها المستخدمون أبدًا.
التحديث: 21 / آب / 2019. حتى كان WooCommerce 3.7 ممكنًا لتعيين صفحة “Checkout” كصفحات “Cart” و “Checkout”. لم يعد هذا ممكنًا ، لذا ما عليك سوى اتباع التعليمات الجديدة.
لهذا السبب ، تحتاج إلى إلغاء ضبط صفحة سلة التسوق (ضمن WooCommerce> الإعدادات> خيارات متقدمة) – ما عليك سوى النقر على “x” الصغير و “حفظ التغييرات”. ها هي لقطة الشاشة المحدثة منذ WooCommerce 3.7:
عدم ضبط صفحة عربة التسوق من إعدادات WooCommerce (اعتبارًا من WooCommerce 3.7)
لا حاجة الى لقطة هنا.
الآن بعد أن أصبحت صفحة سلة التسوق غير مفيدة ، حان الوقت لحذفها من صفحات وورد بريس الخاصة بك . عمليات إعادة التوجيه موجودة بالفعل وجدول عربة التسوق موجود بالفعل على صفحة Checkout ، لذلك لا داعي للقلق.
انطلق وضع صفحة عربة التسوق في سلة المهملات!
ثم هناك القليل من الحل في حالة عدم رغبتك في إظهار صفحة Checkout فارغة إذا كان المستخدمون يصلون إليها مباشرة أو عندما يتم إفراغ جدول عربة التسوق.
على سبيل المثال ، قد ترغب في إعادة توجيه عربات التسوق الفارغة إلى الصفحة الرئيسية ، أو ربما إلى صفحة المتجر (أو حتى إلى آخر منتج تم عرضه) ، بحيث يمكن للعملاء بدء التسوق مرة أخرى.
إليك مقتطفًا صغيرًا لك – مكافأة صغيرة – حتى تتمكن من إعادة توجيه صفحة الخروج الفارغة إلى الصفحة الرئيسية على سبيل المثال. حاول!
مقتطف PHP: إعادة توجيه سلة التسوق الفارغة @ WooCommerce الخروج باستخدام عربة التسوق
/**
* @snippet Redirect Empty Cart/Checkout - WooCommerce
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=80321
* @author Rodolfo Melogli
* @compatible WooCommerce 3.5.7
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'template_redirect', 'bbloomer_redirect_empty_cart_checkout_to_home' );
function bbloomer_redirect_empty_cart_checkout_to_home() {
if ( is_cart() && is_checkout() && 0 == WC()->cart->get_cart_contents_count() && ! is_wc_endpoint_url( 'order-pay' ) && ! is_wc_endpoint_url( 'order-received' ) ) {
wp_safe_redirect( home_url() );
exit;
}
}WooCommerce: إخفاء أسعار الشحن في حالة توفر الشحن المجاني
WooCommerce: ترجمة “Shipping” @ Cart Totals
WooCommerce: إخفاء رمز القسيمة في صفحة السلة والدفع
WooCommerce: إخفاء سعر الشحن إذا كانت فئة الشحن @ سلة التسوق
WooCommerce: عرض إجمالي الخصم / التوفير في سلة التسوق والدفع
WooCommerce: العطلة / الإيقاف المؤقت / الوضع المغلق
WooCommerce: أعد التوجيه إلى Checkout على Add to Cart
WooCommerce: عرض الوزن الإجمالي في سلة التسوق والدفع
WooCommerce: إخفاء الشحن إذا تم تحديد الاستلام المحلي
WooCommerce: 10 مقتطفات سهلة لزيادة مبيعاتك
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!
