WooCommerce: أضف Upsell Area @ Checkout Page

إذا كنت ترغب في زيادة AOV (متوسط ​​قيمة الطلب) ، يمكنك بالتأكيد البدء من صفحة WooCommerce Checkout.

طلب مني أحد العملاء وضع “منطقة تبرع” بالقرب من زر “تقديم الطلب” (لذلك في أسفل الصفحة ، بمجرد استعداد العملاء للدفع) لزيادة الوعي حول هذه الوظيفة الإضافية. كل ما كان علي فعله هو إنشاء منتجات مخفية بقيمة تبرع ، واستخدام دليل ” عنوان URL المخصص للإضافة إلى سلة التسوق ” الخاص بي لإنشاء روابط إضافة إلى سلة التسوق وطباعة مربع HTML أعلى زر الخروج مباشرة باستخدام دليل WooCommerce Visual Hook لـ صفحة الخروج . يتمتع!

كيفية إظهار منطقة البيع / الوظيفة الإضافية @ WooCommerce Checkout (اقتراح إضافة المزيد من المنتجات إلى سلة التسوق)

مقتطف PHP: إظهار منطقة الوظائف الإضافية @ WooCommerce Checkout Page

متطلبات:

معرّفات المنتجات التي تريد إضافتها إلى عربة التسوق (14877 ، 14879 ، 15493 في المثال الخاص بي)

لم يتم تحديد خيار “إعادة التوجيه إلى عربة التسوق بعد الإضافة إلى سلة التسوق” في إعدادات WooCommerce

/**
 * @snippet       Upsell Area - WooCommerce Checkout
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.6.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_review_order_before_submit', 'bbloomer_checkout_add_on', 9999 );
 
function bbloomer_checkout_add_on() {
   $product_ids = array( 14877, 14879, 15493 );
   $in_cart = false;
   foreach( WC()->cart->get_cart() as $cart_item ) {
      $product_in_cart = $cart_item['product_id'];
      if ( in_array( $product_in_cart, $product_ids ) ) {
         $in_cart = true;
         break;
      }
   }
   if ( ! $in_cart ) {
      echo '<h4>Make a Donation?</h4>';
      echo '<p><a class="button" style="margin-right: 1em; width: auto" href="?add-to-cart=14877"> €5 </a><a class="button" style="margin-right: 1em; width: auto" href="?add-to-cart=14879"> €20 </a><a class="button" style="width: auto" href="?add-to-cart=15493"> €50 </a></p>';
   }
}

المنشورات ذات الصلة:

WooCommerce: أضف رسوم الخروج بناءً على زر الاختيار المخصص

WooCommerce: 10 مقتطفات سهلة لزيادة مبيعاتك

WooCommerce: قصر الشحن على دولة واحدة فقط

WooCommerce: Get / Edit Logged in Username @ Checkout

WooCommerce: قصر القوائم المنسدلة للولاية على ولاية واحدة فقط

WooCommerce: عرض إجمالي الخصم / التوفير في سلة التسوق والدفع

WooCommerce: الشحن فقط إلى عناوين “الاستلام المحلية” المحددة مسبقًا

WooCommerce: تحرير “عودة الزبون؟” رسالة @ الخروج

WooCommerce: عيّن حالة الطلب المخصص للأوامر الجديدة

WooCommerce: Maxlength و Minlength لحقول الخروج

أين تضيف هذا المقتطف؟

يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”

هل هذا المقتطف (لا يزال) يعمل؟

يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.

إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂

هل تحتاج إلى مساعدة في WooCommerce؟

تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!