הצגת מספר המוצרים שנמכרו בעמוד מוצר של ווקומרס

ווקומרס שומרת את מספר היחידות שנמכרו עבור כל מוצר. הצגת מספר זה בעמוד המוצר יכולה לשמש כהוכחה חברתית (Social Proof) ולסייע בהגדלת ההמרות. בואו נראה כיצד להציג את כמות המוצרים שנמכרו ליד כפתור ״הוסף לעגלה״ בחנויות ווקומרס.

יש לציין כי הצגת מספר המכירות יכולה לפעול נגדכם אם למוצר יש מעט מכירות. לכן נוסיף סף מינימלי כך שהמספר יוצג רק כאשר כמות המכירות עוברת ערך שאתם מגדירים.

הצגת כמות המכירות בעמוד המוצר

הוסיפו את הקוד הבא לקובץ functions.php של תבנית הבת שלכם:

function sv_product_sold_count() {
    global $product;

    $units_sold = $product->get_total_sales();

    if ( $units_sold > 50 ) {
        echo '<p class="units-sold">' . esc_html( $units_sold ) . ' sold</p>';
    }
}
add_action( 'woocommerce_single_product_summary', 'sv_product_sold_count', 11 );

שורה 4 משתמשת במתודת ה-CRUD של ווקומרס get_total_sales() כדי לשלוף את מספר היחידות שנמכרו. זהו הגישה המומלצת מאז ווקומרס 3.0 – היא מפשטת את שכבת הנתונים, כך שהקוד שלכם יעבוד ללא תלות באופן שבו ווקומרס מאחסנת את נתוני המוצרים.

שורה 8 מוציאה את הכמות עטופה בפסקה עם המחלקה units-sold, שאותה תוכלו לעצב עם CSS. הפונקציה esc_html() מוודאת שהפלט מאובטח כראוי.

למה get_total_sales() ולא get_post_meta()?

מדריכים ישנים יותר משתמשים ב-get_post_meta( $product->get_id(), 'total_sales', true ) כדי לשלוף את כמות המכירות. זה עדיין עובד, אבל מבצע שאילתה ישירה לטבלת wp_postmeta.

המתודה get_total_sales() היא חלק מ-CRUD API של ווקומרס. היא קוראת מה-data store של אובייקט המוצר, כלומר היא תמשיך לעבוד גם אם ווקומרס תשנה את אופן אחסון נתוני המוצרים (בדומה לאופן שבו HPOS שינה את אחסון ההזמנות).

תמיד העדיפו את מתודות אובייקט המוצר של ווקומרס על פני קריאות ישירות ל-get_post_meta() כשעובדים עם נתוני מוצרים. ה-CRUD API הוא הגישה העמידה לעתיד.

שינוי מיקום התצוגה

ה-hook בשם woocommerce_single_product_summary עם priority 11 מציב את כמות המכירות מיד אחרי שם המוצר. תוכלו לשנות את המיקום על ידי שימוש ב-hook אחר או שינוי ה-priority.

hooks נפוצים של ווקומרס לעמוד המוצר כוללים:

• woocommerce_before_single_product_summary – לפני אזור תקציר המוצר
• woocommerce_single_product_summary – בתוך התקציר, ה-priority קובע את המיקום ביחס לשם, מחיר, תיאור וכפתור ההוספה לעגלה
• woocommerce_after_single_product_summary – אחרי התקציר, ליד הטאבים

לדוגמה, כדי להציג את הכמות מיד אחרי המחיר, השתמשו ב-priority 15:

add_action( 'woocommerce_single_product_summary', 'sv_product_sold_count', 15 );

עיצוב הפלט

הוסיפו CSS כדי לעצב את תצוגת כמות המכירות. הנה דוגמה פשוטה:

.units-sold {
    font-size: 14px;
    color: #7a7a7a;
    margin: 5px 0;
}

תוכלו גם להוסיף אייקון או עיצוב badge כדי להבליט את הכמות יותר, בהתאם לעיצוב התבנית שלכם.

שאלות נפוצות

שאלות נפוצות בנושא הצגת כמות מוצרים שנמכרו בווקומרס:

סיכום

הצגת מספר המוצרים שנמכרו בעמוד המוצר בווקומרס היא דרך פשוטה ואפקטיבית להוסיף הוכחה חברתית. השתמשו ב-$product->get_total_sales() כדי לשלוף את הכמות, הגדירו סף כדי להימנע מהצגת מספרים נמוכים, וחברו את הפונקציה ל-woocommerce_single_product_summary כדי לשלוט במיקום. כמה שורות קוד יכולות לתת ללקוחות שלכם את הביטחון שאחרים כבר רכשו את המוצר.