WooCommerce: “شارك مشترياتك على Twitter” @ صفحة شكرًا لك

فقاعة! كنت أفكر في طريقة لإظهار “مشاركة مشترياتك على وسائل التواصل الاجتماعي” على صفحة الشكر الخاصة بي مباشرة بعد أن يصبح شخص ما داعمًا رسميًا . لذلك ، قضيت بعض الوقت في الترميز – وكالعادة – الآن سأقضي بعض الوقت لمشاركة عملي الشاق!

اترك تعليقًا أدناه إذا كان هذا مفيدًا – وإذا كنت ترغب في اختبار ذلك ، فنحن نرحب بك جدًا لتصبح معجبًا رسميًا بـ Business Bloomer بالطبع

WooCommerce: اعرض زر “Twitter Intent” على صفحة شكرًا لك

مقتطف PHP: عرض زر “مشاركة مشترياتك على Twitter” @ صفحة الشكر الخاصة بـ WooCommerce

/**
 * @snippet       Display a "Share your Purchase on Twitter" button @ WooCommerce Thank You Page
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=22104
 * @author        Rodolfo Melogli
 * @compatible    Woo 3.5.3
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_thankyou', 'bbloomer_share_purchase_twitter', 5 );
 
function bbloomer_share_purchase_twitter( $order_id ) {
 
// CREATE TWEET CONTENT
$string = 'I%20just%20became%20an%20official%20Business%20Bloomer%20Supporter!%20Check%20out%20the%20benefits%20at:%20';
 
// SEE WHICH PRODUCTS ARE IN THE ORDER
$order = new WC_Order( $order_id );
$items = $order->get_items();
foreach ( $items as $item ) {
   $product_id = $item['product_id'];
   $product_name = $item['name'];
   $product_url = get_permalink( $product_id );
}
 
// GET THE LAST PRODUCT AND SEE IF BELONG TO WANTED LIST
$barmada = array( "21665", "21657", "21650" );
if ( in_array( $product_id, $barmada ) ) {
 
   // IF YES, CREATE THE THANK YOU PAGE "TWITTER BOX"
   echo '<h2 class="twitter-prod-h2">Share your purchase with the WooCommerce community!</h2>';
   echo '<div class="twitter-prod-wrapper"><div class="twitter-prod-div col2-set addresses">';
   echo '<div class="col-1">';
   if ( has_post_thumbnail( $product_id ) ) {
      $image = wp_get_attachment_image_src( get_post_thumbnail_id( $product_id ), 'single-post-thumbnail' ); 
      echo '<img width="100" height="100" src="' . $image[0] . '" class="alignleft twitter-prod-img">';
   }
   echo '<div class="twitter-prod-name">' . $product_name . '</div>';
   echo '<div class="twitter-prod-url"><small>' . $product_url . '</small></div>';
   echo '</div><div class="col-2">';
 
   // GENERATE THE CLICK TO TWEET A HREF, NOTE "$string"
   ?>
      <a class="button twitter-prod-button" target="_blank" href="https://twitter.com/intent/tweet?text=<?php echo $string ?>&url=https://businessbloomer.com/bloomer-armada/&hashtags=BloomerArmada,WooCommerce"><img width="25" height="25" src="https://businessbloomer.com/wp-content/uploads/2017/03/Twitter_Logo_White_On_Image.png" class="twitter-prod-tw-icon"> Share your purchase on Twitter → </a>
      </div>
      </div>
      </div>
   <?php
}
}

وبما أنني أشعر بالسخاء اليوم ، فإليك CSS الكامل الذي استخدمته أيضًا 🙂

/* THANK YOU PAGE TWITTER */
 
.twitter-prod-wrapper {
    overflow: hidden;
}
 
.twitter-prod-div {
border: 4px solid #4099FF;
padding: 1em 2em 0;
background: #fcfcfc;
}
 
.twitter-prod-div .col-1, .twitter-prod-div .col-2 {
margin-top: 1.618em;
}
 
.twitter-prod-name {
color: #4099FF;
font-weight: bold;
}
 
.twitter-prod-tw-icon {
display: inline-block;
vertical-align: middle;
}
 
.twitter-prod-button {
float: right;
background: #4099FF;
border-color: #4099FF;
}

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

WooCommerce: أضف محتوى إلى صفحة الشكر

WooCommerce: إعادة التوجيه إلى صفحة الشكر المخصصة

WooCommerce: أضف كود التتبع / البرنامج النصي @ صفحة الشكر

WooCommerce: إزالة الارتباط إلى Product @ Order Table

WooCommerce: تعطيل التتبع إذا فشل الطلب @ صفحة الشكر

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

WooCommerce: تضمين صفحة WP مخصصة @ صفحة الشكر

WooCommerce: عرض منتج Up-sells @ صفحة الشكر

WooCommerce: كيفية إنشاء سجلات مخصصة

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

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

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

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

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

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

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