איך להוסיף תמונ מוצר למייל ההזמנות של ווקומרס (WooCommerce)

זמן קריאה למאמר זה: 2 דקות

כאשר לקוח מבצע הזמנה בחנות ווקומרס, הוא מקבל מייל עם פירוט המוצרים שהזמין. כברירת מחדל, ווקומרס לא מציג תמונת מוצר במייל – וחבל!
הוספת תמונות משפרת את חוויית המשתמש, מגבירה אמון ומאפשרת ללקוח להבין מיד מה הוא הזמין.

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

מתאים ל:

• חנויות וורדפרס + ווקומרס

• כל תבנית

• כל סט מיילים של WooCommerce

• ללא תוסף נוסף

למה בכלל להוסיף תמונת מוצר למייל ההזמנה?

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

איך זה עובד בפועל?

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

1. נפעיל את האפשרות המובנית של WooCommerce להציג תמונות במייל.

2. נעטוף את שם המוצר בקישור לעמוד המוצר (רשות).

3. נדאג שזה יעבוד רק במיילים, ולא בעמוד ההזמנה באתר.

התוצאה:
תמונה מוצגת בעמודת Product של טבלת המוצרים במייל – בדיוק כמו בתמונה הזו:

הקוד המלא – פשוט להעתיק ולהדביק

שים את הקוד הבא בקובץ functions.php של תבנית הבת (Child Theme)
או ב snip:

add_filter( 'woocommerce_email_order_items_args', 'ts_order_with_product_images', 10 );

function ts_order_with_product_images( $args ) {
// הפעלת תמונת מוצר במייל ההזמנה
$args['show_image'] = true;

// גודל התמונה במייל (ניתן לשנות)
$args['image_size'] = array( 100, 100 );

return $args;
}

add_filter( 'woocommerce_order_item_name', 'ts_add_email_order_item_permalink', 10, 2 );

function ts_add_email_order_item_permalink( $output_html, $item, $bool = false ) {

// מניעת שינוי בעמוד ההזמנה בחשבון הלקוח
if( is_wc_endpoint_url() )
return $output_html;

$product = $item->get_product();

// עטיפת שם המוצר בקישור למוצר (לא חובה)
return '<a href="'.esc_url( $product->get_permalink() ).'">' . $output_html . '</a>';
}

רוצה לשנות את גודל התמונות?

פשוט שנה את השורה:

$args['image_size'] = array( 100, 100 );