programming

Làm cách nào để thay đổi email mặc định của tôi trong WooC Commerce?

Khi quản lý cửa hàng WooC Commerce, email tự động cho phép bạn nhận và gửi truy vấn/thông tin của khách hàng bằng cách giảm thiểu các can thiệp thủ công và các quy trình thường lặp đi lặp lại đôi khi đòi hỏi nhiều nỗ lực

Những email mặc định này được gửi khi các sự kiện cụ thể xảy ra. Ví dụ: một đơn đặt hàng đang được xử lý, hoàn tiền hoặc đặt lại mật khẩu. Trong trường hợp của WooC Commerce, các hoạt động này được đơn giản hóa bằng các tính năng dành riêng cho tự động hóa email và xử lý khách hàng

Trong bài viết này, tôi sẽ cho bạn biết lý do tại sao bạn nên tùy chỉnh email WooC Commerce và cách bạn có thể thực hiện điều đó một cách dễ dàng

Tại sao bạn nên tùy chỉnh email của mình?

Email là một phần cơ bản của bất kỳ cửa hàng WooC Commerce nào. Một số nghiên cứu đã được thực hiện cho thấy email được cá nhân hóa có thể thúc đẩy nhiều tương tác và doanh thu hơn. Nó cũng có thể tăng tỷ lệ mở, nhấp qua và trả lời của bạn. Bên cạnh đó, các email được cá nhân hóa của bạn sẽ không giống như thư rác đối với khách hàng của bạn

Tùy chỉnh email WooC Commerce giúp bạn xây dựng lòng tin giữa các khách hàng của mình, những người có nhiều khả năng tương tác với cửa hàng trực tuyến của bạn theo thời gian. Vì việc cá nhân hóa chúng trong khi quan tâm đến phong cách, màu sắc, tông màu và hình dạng thương hiệu của bạn là rất quan trọng, nên có một số điều bạn nên cân nhắc khi tùy chỉnh email WooC Commerce

Tên
dòng tiêu đề
khoảng thời gian
Mức độ liên quan
Trật tự

Các loại trạng thái đơn hàng WooC Commerce

WooC Commerce bao gồm một số trạng thái đơn hàng có thể không khớp với quy trình của cửa hàng, tuy nhiên, bạn vẫn có thể đánh dấu đơn hàng bằng các trạng thái tùy chỉnh, chẳng hạn như Đang chờ thanh toán, Đang xử lý, Tạm dừng, Không thành công, v.v.

Nhiều chủ sở hữu cửa hàng WooC Commerce có truy vấn chung này. Làm cách nào tôi có thể tùy chỉnh các thông báo yêu cầu WooC Commerce mặc định để có giao diện được cá nhân hóa?

Mặc dù bản thân việc tạo ra các email HTML ấn tượng đã thực sự là một thành tích, nhưng WooC Commerce cung cấp một số tùy chọn để ngay cả những người nghiệp dư cũng có thể tạo một số email tuyệt vời

Từ khởi chạy đến tùy chỉnh cửa hàng WooC Commerce của bạn, Cloudways luôn sẵn sàng phục vụ bạn

Cho dù bạn là người mới bắt đầu hay chuyên gia, Nền tảng Cloudways dựa trên giao diện người dùng, nơi bạn có thể tạo và tùy chỉnh cửa hàng trực tuyến của mình trong vài giây

Email giao dịch WooC Commerce

“Vanilla” cung cấp các thông báo qua email WooC Commerce được gửi cho khách hàng để đáp lại các tương tác của họ với cửa hàng. Sau đây là những email quan trọng nhất dành cho khách hàng của cửa hàng WooC Commerce của bạn

Đơn hàng mới. Email đặt hàng mới được gửi khi nhận được đơn đặt hàng mới
Đơn hàng đã hủy. Email đơn hàng bị hủy được gửi khi [các] đơn hàng được đánh dấu là đã hủy
Đặt hàng không thành công. Email đặt hàng không thành công được gửi khi một đơn đặt hàng đang xử lý hoặc đang chờ xử lý được đánh dấu là Không thành công
Đặt hàng đang chờ. Đây là thông báo đơn hàng gửi cho khách hàng. Nó chứa chi tiết đơn đặt hàng sau khi một đơn đặt hàng được giữ
Quy trình đặt hàng. Đây là thông báo đơn hàng gửi cho khách hàng. Nó chứa chi tiết đơn hàng sau khi thanh toán
Đơn hàng đã hoàn thành. Email hoàn tất đơn hàng được gửi đến khách hàng khi đơn hàng của họ được đánh dấu là đã hoàn thành. Những email này thường chỉ ra rằng các đơn đặt hàng đã được vận chuyển
Đơn hàng đã hoàn tiền. Email hoàn tiền cho đơn hàng được gửi đến khách hàng khi đơn hàng của họ được đánh dấu là đã hoàn tiền
Hóa đơn của khách hàng. Email hóa đơn của khách hàng chứa thông tin đặt hàng và liên kết thanh toán
Lưu ý khách hàng. Email ghi chú của khách hàng được gửi khi bạn thêm ghi chú vào đơn đặt hàng
Đặt lại mật khẩu. Email “đặt lại mật khẩu” của khách hàng được gửi khi khách hàng đặt lại mật khẩu của họ
Tài khoản mới. Email “tài khoản mới” của khách hàng được gửi đến khách hàng khi khách hàng đăng ký qua trang thanh toán hoặc đăng ký tài khoản

Ngoài các loại email tiêu chuẩn này, bạn cũng có thể thêm các email tùy chỉnh

Tùy chọn email toàn cầu của WooC Commerce

Email WooC Commerce tiêu chuẩn trông như thế này

Quản trị viên WooC Commerce cho phép một số tùy chỉnh cơ bản của bố cục email mặc định này. Bạn có thể truy cập các tùy chọn này sau khi đăng nhập vào Quản trị viên WordPress và truy cập WooC Commerce → Cài đặt → Email → Email Tùy chọn người gửi. Các tùy chọn này bao gồm

Đặt tên/địa chỉ từ [hiển thị cho khách hàng]
Kích thước hình ảnh tiêu đề email WooC Commerce
Thay đổi văn bản chân trang email
Chọn màu nền, màu nền và nội dung văn bản khác nhau

Đây là một ví dụ về email đặt hàng WooCoomerce

Hãy nhớ rằng những lựa chọn này áp dụng cho tất cả các email. Chỉ trong vài phút, bạn có thể tạo một email được tùy chỉnh cao bằng cách thay đổi kích thước hình ảnh tiêu đề email WooC Commerce, văn bản chân trang tùy chỉnh và một màu cơ bản khác

Bạn có thể nhận thấy rằng WooC Commerce đã xác định rằng màu cơ bản sáng đã được sử dụng. Để bù lại, nó đã sử dụng một sắc thái phù hợp cho tiêu đề. Thật không may, logic này không được áp dụng cho nội dung của chân trang. Lỗi này có thể dễ dàng được sửa chữa thủ công

Tùy chọn cụ thể cho email WooC Commerce

Mỗi loại email có bộ tùy chọn tùy chỉnh riêng. Bạn có thể truy cập các tùy chọn này thông qua WooC Commerce → Cài đặt → Email → Đang xử lý đơn hàng [Đường dẫn ví dụ này tập trung vào Email đơn hàng đang xử lý. Bạn có thể thay đổi một số khía cạnh của email, bao gồm

Kích hoạt hoặc Vô hiệu hóa xem email có được gửi đi hay không
chủ đề của email
Tiêu đề email [Mặc định là “Thank you for your order”]
Email được gửi dưới dạng HTML hay văn bản thuần túy [Tùy chọn mặc định là HTML]

Tôi đã đặt tiêu đề email tùy chỉnh ở đây là 'Cảm ơn bạn đã đặt hàng. ’

Tùy chỉnh mẫu email WooC Commerce

Một cách tiếp cận hiệu quả và hiệu quả hơn là sửa đổi bố cục email mặc định. WooC Commerce cung cấp một hệ thống mẫu hữu ích cho phép bạn tùy chỉnh các phần của cửa hàng hoặc email của mình bằng cách sao chép [các] tệp định dạng vào chủ đề. Mỗi loại email có một tệp mẫu cho nội dung của nó [Ví dụ: woocommerce/templates/emails/customer-process-order. php]. Ngoài ra, có các mẫu được chia sẻ mà tất cả các loại email có thể truy cập và sử dụng. Bạn có thể tìm thấy những thứ này tại woocommerce/templates/emails/email-styles. php. Trong nhiều trường hợp, đây là mẫu mà nhà phát triển ghi đè để thay đổi các khía cạnh được chia sẻ của email. Quá trình xử lý vấn đề chân trang được đề cập trước đó là

Trước tiên, hãy đảm bảo rằng thư mục sau tồn tại trong bản cài đặt WordPress. wp-content/themes/your-theme/wooc Commerce/email
Tiếp theo, sao chép tệp được tìm thấy tại wp-content/plugins/wooc Commerce/templates/emails/email-styles. php vào chủ đề của cửa hàng tại. chủ đề của bạn/wooc Commerce/email/
Cuối cùng, chỉnh sửa your-theme/woocommerce/emails/email-styles. php để thay đổi màu văn bản chân trang thành màu đen [để cho ngắn gọn, chỉ phần có liên quan của mã tệp mẫu được hiển thị]

$credit = "
color: #66bae3;
font-size:15px;
text-align:center;
";

Điều này tạo ra một footer dễ đọc hơn nhiều

Tùy chỉnh có điều kiện với Hành động/Bộ lọc

Cách tiếp cận cuối cùng và hiệu quả nhất để tùy chỉnh email là làm việc với mã tùy chỉnh WooC Commerce. Điều này rõ ràng đòi hỏi trình độ chuyên môn cao về PHP. Tin tốt là quy trình này rất đơn giản vì bố cục WooC Commerce ban đầu vẫn đang được sử dụng. Quá trình này liên quan đến việc thay đổi các phần của nội dung

Chức năng lọc

Hành động Chức năng

Chức năng Kích hoạt/Hủy kích hoạt/Gỡ cài đặt

Đối với ví dụ này, tôi sẽ thêm một số hướng dẫn thanh toán hữu ích vào email dựa trên loại thanh toán thanh toán được sử dụng

Để bắt đầu, hãy thêm phần sau vào các chức năng của chủ đề. php

add_action[ 'woocommerce_before_email_order', 'add_order_instruction_email', 10, 2 ];
 
function add_order_instruction_email[ $order, $sent_to_admin ] {
  
  if [ ! $sent_to_admin ] {
 
    if [ 'cod' == $order->payment_method ] {
      // cash on delivery method
      echo 'Instructions: Full payment is due immediately upon delivery: cash only, no exceptions.';
    } else {
      // other methods [ie credit card]
      echo 'Instructions: Please look for "Madrigal Electromotive GmbH" on your next credit card statement.';
    }
  }
}

Nếu khách hàng chọn “Trả tiền khi nhận hàng” khi thanh toán, khách hàng sẽ nhận được email hướng dẫn đặt hàng hữu ích

Tùy chọn plugin/cổng thanh toán

Một số plugin và cổng thanh toán thực sự cho phép bạn tùy chỉnh các phần của email đặt hàng. Chẳng hạn, phương thức thanh toán chuyển khoản ngân hàng/chuyển khoản ngân hàng tích hợp cho phép bạn định cấu hình hướng dẫn và chèn thông tin chuyển khoản ngân hàng. Điều này có thể được thực hiện dễ dàng thông qua WooC Commerce > Settings > Checkout > BACS

Mặc dù không phổ biến nhưng thật tốt khi biết rằng các tùy chọn này có sẵn. Thông tin này cũng có thể giúp bạn chọn một plugin cụ thể cho cửa hàng

WooC Commerce Email add_actions Hook

Khi làm việc với email WooC Commerce, hook add_actions thường rất hữu ích. Khi làm việc với hook này, bạn sẽ cần sử dụng một biến toàn cục, email, sẽ chứa chủ đề email. đây là đoạn mã

add_action[ 'woocommerce_email_header', 'woocommerce_emails_before_header', 1,3 ];
function woocommerce_emails_before_header[ $email_heading, $email ]{
    $GLOBALS['email'] = $email;
}

Móc trên có thể được đặt trong các chức năng. php [ nằm trong thư mục chủ đề của bạn] hoặc ở đầu mẫu email WooC Commerce. biến toàn cầu $email gọi đối tượng email WooC Commerce chính, trong khi $order chứa một phiên bản của đối tượng đơn hàng WooC Commerce toàn cầu

global $email; 
$order = $email->object;

Email tùy chỉnh WooC Commerce cho mỗi sản phẩm

Đoạn mã sau gửi mẫu email đặt hàng tùy chỉnh cho một sản phẩm khác. Ví dụ: đối với ID sản phẩm 87, bạn muốn hiển thị tiêu đề tiêu đề Thông báo email WooC Commerce HOẶC cách kiểm tra email WooC Commerce

function woocommerce_custom_email_per_product_depending_on_product_id[ $email_heading, $order ] {
    global $woocommerce;
    $items = $order->get_items[];
    foreach [ $items as $item ] {
        $product_id = $item['product_id'];
        if [ $product_id == 87 ] {
            $email_heading = 'WooCommerce email notification OR how to test WooCommerce emails';
        }
        return $email_heading;
    }
}
add_filter[ 'woocommerce_email_heading_customer_processing_order', 'woocommerce_custom_email_per_product_depending_on_product_id', 10, 5 ];

Bây giờ bạn đã biết toàn bộ quy trình Tùy chỉnh email đặt hàng WooC Commerce, bạn có thể giữ lại chức năng này hoặc tạo một plugin email WooC Commerce riêng để xác nhận và thông báo qua email WooC Commerce

Tóm lược

Thiết lập cửa hàng WooC Commerce khá dễ dàng nhưng việc tùy chỉnh các mẫu email mặc định đôi khi trở nên phức tạp. Trong bài viết này, tôi đã thảo luận về cách bạn có thể gửi email cửa hàng được lưu trữ trên WooC Commerce được tùy chỉnh hoàn toàn để phù hợp với tất cả các khía cạnh hoạt động của cửa hàng

Tôi cũng nhấn mạnh cách có thể thay đổi các mẫu email mặc định để chèn thông tin dành riêng cho cửa hàng và theo đơn đặt hàng cụ thể vào email nhằm mang lại trải nghiệm người dùng tốt hơn

Các câu hỏi thường gặp

Q. Làm cách nào để tùy chỉnh email WooC Commerce của tôi?

Bạn có thể chỉnh sửa mẫu email mặc định từ WooC Commerce> Cài đặt> Email, nhưng điều này bị giới hạn ở các tùy chỉnh cơ bản như màu sắc, hình ảnh tiêu đề và văn bản chân trang

Q. WooC Commerce có gửi Email đặt hàng không?

Có, WooC Commerce gửi email đặt hàng theo mặc định, nhưng chúng không được cá nhân hóa. Bạn có thể làm điều đó bằng cách làm theo các phương pháp tôi đã đề cập trong bài viết này

Đánh giá của khách hàng tại

“Hiệu suất tuyệt vời với mức giá và nhiều quyền kiểm soát”

Sean P [Chủ SMB]

Owais Alam

là Người quản lý cộng đồng WordPress tại Cloudways - Nền tảng lưu trữ WooC Commerce được quản lý và là nhà phát triển PHP dày dạn kinh nghiệm. Anh ấy thích phát triển tất cả các loại trang web trên WordPress và đặc biệt yêu thích WooC Commerce. Bạn có thể gửi email cho anh ấy tại [email protected]ys. com