Thêm hình ảnh sản phẩm và SKU trong email đơn hàng của Woocommerce

Email đơn hàng của Woocommerce mặc định không kèm theo hình ảnh sản phẩm và SKU (mã sản phẩm). Việc này khiến cho email gửi đến khách hàng kém trực quan và thân thiện.

Ngoài ra, nó cũng khiến cho chủ shop gặp khó khăn trong việc gói hàng khi không biết rõ màu sắc, hình ảnh sản phẩm khi xem email báo đơn hàng mới.

Bài phổ biến xem nhiều:

Thêm mã sản phẩm SKU

Thêm mã sản phẩm SKU vào email bằng cách thêm đoạn code dưới đây vào file functions.php của bạn

/**
* Adds SKUs and product images to WooCommerce order emails 
*/
function sww_add_sku_to_wc_emails( $args ) {
     $args['show_sku'] = true; 
     return $args; 
} 
add_filter( 'woocommerce_email_order_items_args', 'sww_add_sku_to_wc_emails' );

Mã sản phẩm sẽ được thêm vào bên phải tên sản phẩm như sau:

Thêm hình ảnh sản phẩm để email trực quan hơn

Thêm hình ảnh sản phẩm

Để thêm hình ảnh vào email đơn hàng, chúng ta sửa lại đoạn code tí xíu, thêm vào thành tố $args['show_image']

/**
* Adds product images to WooCommerce order emails
*/
function sww_add_photos_to_wc_emails( $args ) {
    $args['show_image'] = true;
    $args['show_sku'] = true; 
    return $args;
}
add_filter( 'woocommerce_email_order_items_args', 'sww_add_photos_to_wc_emails' );

Ảnh sản phẩm kích thước 32px x 32px sẽ được thêm vào email như sau.

woocommerce order email product images

Thay đổi kích thước hình ảnh sản phẩm

Nếu muốn thay đổi kích thước ảnh, hãy thêm thành tố $args['image_size'] vào đoạn code trên. Ví dụ dưới đây thay đổi kích thước thành 100px x 100px

/**
 * Adds SKUs and product images to WooCommerce order emails
 */
function sww_modify_wc_order_emails( $args ) {
    $args['show_image'] = true;
    $args['image_size'] = array( 100, 100 );
    return $args;
}
add_filter( 'woocommerce_email_order_items_args', 'sww_modify_wc_order_emails' );

Kết quả như sau

woocommerce order email images and skus

Bạn có thể thay đổi kích thước hình ảnh sản phẩm mong muốn bằng cách thay đổi thông số array( width, height )

Vậy là bạn có thể Thêm hình ảnh sản phẩm woocomerce trong email rồi đó. Cũng không phức tạp đúng không nào. Bạn muốn mình làm thêm nội dung nào thì comment bên dưới nhé. Mình sẽ cố gắng để lên bài đều đặn

Xem thêm: Cách Tắt Chức Năng Truy Cập File Từ Trình Duyệt

Nếu bài viết của mình mang đến thông tin, kiến thức hữu ích cho bạn, đừng ngại mời mình một ly cafe  để có thêm động lực chia sẻ nhiều hơn nữa. Cám ơn bạn!

Mời Coffee

LỜI KẾT

[Học vui mỗi ngày – thủ thuật web] chuyên mục tổng hợp các bài viết hướng dẫn về chủ đề Wordpress, thủ thuật, plugin, tiện ích, vân vân và mây mây. Ngoài ra còn các bài viết chia sẻ về SEO và kiếm tiền online nữa nhé. Nếu bạn có thắc mắc hoặc ý kiến đóng ghóp cho bài viết đừng ngại đặt câu hỏi cho Vũ i Tờ ‘s Blog bằng cách để lại comment bên dưới nha. Cám ơn các bạn rất nhiều !!!

Bài cùng chuyên mục:

Quảng cáo đặt ở đây
Tôi là vũ i tờ 96 Articles
Phần lớn kiến thức mà tôi có được đều đến từ Internet. Đây là một nguồn tài nguyên khổng lồ nếu chúng ta biết khai thác. "Vũ i Tờ 's blog" đơn giản chỉ là nơi tôi chia sẻ kiến thức, kinh nghiệm, con người và cuộc sống.

Bạn sẽ là người bình luận đầu tiên

Để lại bình luận

(Địa chỉ email của bạn sẽ được bảo mật, không hiện ra)


*