نمایش تصویر محصول در ایمیل سفارش ووکامرس

خیلی از فروشگاه‌های اینترنتی تمایل دارند تا وقتی کاربر خریدی انجام می‌دهد، تصویر آیتم‌های خریداری شده توسط کاربر را در ایمیل ارسالی قرار دهند. به طور پیش‌فرض این قابلیت برای ووکامرس غیرفعال است، اما ما امروز قصد داریم به شما آموزش نحوه قرار دادن تصاویر بندانگشتی در ایمیل سفارش مشتریان قرار دهید. با ما در وب‌جامه همراه شوید.در این مقاله، یاد بگیرید چگونه تصویر محصول را در ایمیل سفارش ووکامرس نمایش دهید تا تجربه خرید بهتری برای مشتریانتان ایجاد کنید.

یکی از نکات مهم در بهبود تجربه کاربری ایمیل‌های فروشگاه‌های ووکامرس، نشان دادن تصویر محصول در ایمیل‌های سفارش است. وقتی مشتری بعد از خرید ایمیلی دریافت می‌کند که علاوه بر متن، تصویر محصولی که سفارش داده نیز در آن دیده می‌شود، حس حرفه‌ای بودن فروشگاه افزایش پیدا می‌کند و اعتماد مشتری بیشتر جلب می‌شود.

چرا تصویر محصول در ایمیل سفارش مهم است؟

تصاویر می‌توانند به سرعت توجه مشتری را جلب کنند. وقتی در ایمیل سفارش، عکس محصول نمایش داده شود:

• مشتری دقیقاً می‌داند چه محصولی را سفارش داده است.
• ایمیل از حالت خشک و صرفاً متنی خارج شده و جذاب‌تر می‌شود.
• برند شما حرفه‌ای‌تر به نظر می‌رسد و احتمال بازگشت مشتری برای خرید مجدد افزایش می‌یابد.
• حتی در صورت باز نشدن کامل متن، تصویر می‌تواند پیام اصلی سفارش را منتقل کند.

چگونه تصویر محصول را به ایمیل سفارش ووکامرس اضافه کنیم؟

به‌صورت پیش‌فرض، قالب ایمیل ووکامرس تنها جزئیات سفارش را به شکل متن و لیست نمایش می‌دهد و تصویر محصول را نشان نمی‌دهد. برای افزودن تصویر به ایمیل‌ها، می‌توانید یکی از این دو راه را انتخاب کنید:

استفاده از افزونه‌های سفارشی‌ سازی ایمیل

افزونه‌های مختلفی وجود دارند که به شما اجازه می‌دهند ایمیل‌های ووکامرس را با المان‌های جدید توسعه دهید. برخی از این افزونه‌ها امکان درج تصویر محصول در ایمیل را نیز فراهم می‌کنند و شما می‌توانید بدون نیاز به کدنویسی تصویر محصولات را در قسمت جزئیات سفارش بگنجانید.این افزونه‌ها اغلب رابط کاربری ساده‌ای دارند و با کشیدن و رها کردن عناصر، می‌توانید ایمیل سفارشی خود را طراحی کنید. 

مرحله اول: نصب افزونه سفارشی‌سازی ایمیل ووکامرس

در پیشخوان وردپرس وارد مسیر زیر شوید:

افزونه‌ها ← افزودن ← سپس عبارت‌ WooCommerce Email Customizer را جستجو کنید و افزونه‌ را نصب و فعال نمایید.

مرحله دوم: ورود به بخش طراحی ایمیل‌ها

بعد از فعال‌سازی افزونه:

1. وارد ووکامرس ← تنظیمات یا منوی اختصاصی افزونه شوید.
2. بخش ایمیل‌ها یا Email Designer را باز کنید.
3. ایمیلی که می‌خواهید ویرایش شود (مثلاً ایمیل “سفارش در حال انجام” یا “سفارش تکمیل شده”) را انتخاب نمایید

در این قسمت معمولاً یک ویرایشگر گرافیکی شبیه صفحه‌سازها در اختیار شما قرار می‌گیرد.

مرحله سوم: فعال‌سازی نمایش تصویر محصول

در محیط طراحی ایمیل:

• بخشی به نام Order Details یا “جزئیات سفارش” وجود دارد.
• با کلیک روی این بخش، تنظیمات آن نمایش داده می‌شود.
• گزینه‌ای مانند Show Product Image یا “نمایش تصویر محصول” را فعال کنید.

با فعال کردن این گزینه، تصویر شاخص هر محصول به‌صورت خودکار کنار نام آن در ایمیل نمایش داده می‌شود.

مرحله چهارم: تنظیم اندازه و جایگاه تصویر

بیشتر افزونه‌ها این امکان را می‌دهند که:

• اندازه تصویر (کوچک، متوسط یا سفارشی)
• محل نمایش (کنار نام محصول یا بالای آن)
• فاصله تصویر از متن

را به‌دلخواه تنظیم کنید تا ظاهر ایمیل مرتب و حرفه‌ای باشد.

مرحله پنجم: بررسی نسخه موبایل ایمیل

قبل از ذخیره نهایی:

• پیش‌نمایش موبایل ایمیل را بررسی کنید.
• مطمئن شوید تصاویر به‌درستی نمایش داده می‌شوند و باعث شلوغی ایمیل نشده‌اند.

این مرحله بسیار مهم است، چون بخش زیادی از کاربران ایمیل‌ها را با گوشی باز می‌کنند.

ذخیره و تست نهایی

در نهایت:

• تنظیمات را ذخیره کنید.
• یک سفارش آزمایشی ثبت کنید.
• ایمیل ارسال‌شده را بررسی نمایید.

اگر تصویر محصول به‌درستی نمایش داده شود، یعنی تغییرات با موفقیت اعمال شده‌اند.

افزودن کد سفارشی به قالب

اگر نمی‌خواهید از افزونه استفاده کنید، می‌توانید با افزودن یک قطعه کد کوتاه به فایل functions.php قالب، تصاویر محصول را در ایمیل‌های ارسالی نمایش دهید. به‌طور مثال با استفاده از یک فیلتر مخصوص ووکامرس می‌توان تنظیم کرد که تصویر کوچک هر محصول در جدول سفارش نمایش داده شود.

توجه: هنگام اضافه کردن کد به قالب، مطمئن شوید قالب شما از نسخه ووکامرس و وردپرس شما پشتیبانی می‌کند تا به‌هم‌ریختگی در ایمیل‌ها ایجاد نشود.

برای اینکار شما فقط کافیست کد زیر را با استفاده از آموزش قرار دادن کد دلخواه در Function.php وردپرس قرار بدید و بعد از آن وقتی کاربر خریدی انجام دهد تصویر محصول کنار لیست خرید برای کاربر ارسال می‌شود.

add_filter( 'woocommerce_email_order_items_args', 'wbj_email_order_items_args', 10, 1 );
/**
 * Show thumbnail images in WooCommerce order emails - Webjame.Com
 */
function wbj_email_order_items_args( $args ) {

    $args['show_image'] = true;
    $args['image_size'] = array( 30, 30 );

    return $args;

}

شما با تغییر اعداد 30 در کد بالا می‌توانید سایز تصویر را به اندازه دلخواه تغییر دهید. توجه داشته باشید که تصویر شاخص محصول در ایمیل قرار می‌گیرید.

 

امیدوارم این آموزش برای شما مناسب باشد و بتوانید به راحتی تمرکز بیشتری روی نحوه فروش خود داشته باشید. اگر مشکلی برای اجرای این کد داشتید حتماً با بخش پشتیبانی وردپرس تیم webjame.com در ارتباط باشید یا اینکه سوالات خود را در بخش نظرات برای ما بنویسید. اگر می‌خواهید هنگام ارسال ایمیل‌های سفارش در ووکامرس، تصاویر محصولات را نیز نمایش دهید، این راهنما به شما کمک می‌کند تا این قابلیت را به‌راحتی فعال کنید.