Cách chỉnh sửa email woocommerce

Sau khi gặp rất nhiều khó khăn để thiết lập cửa hàng, chọn một chủ đề hay, thêm từng sản phẩm tuyệt vời, để tạo trải nghiệm người dùng hấp dẫn, tôi muốn mọi chi tiết được thêm vào phải phù hợp hoàn hảo với phần còn lại của cửa hàng. Và đối với các email được gửi đến khách hàng của bạn, tại sao chúng phải khác

Được rồi, tôi chấp nhận WooC Commerce đã quản lý để giữ cho mẫu email chung chung. Nhưng như vậy đã đủ chưa?

Thường xuyên hơn không, khách hàng cũng yêu cầu chúng tôi tùy chỉnh email đặt hàng Wooc Commerce để đi cùng với phần còn lại của cửa hàng của họ. Họ muốn thêm logo trang web của mình hoặc thay đổi tiêu đề, thêm liên kết bổ sung, để chia sẻ ưu đãi hoặc quảng cáo sản phẩm, v.v.

Cài đặt email WooC Commerce

WooC Commerce cung cấp các tùy chọn cài đặt, để thay đổi một số giao diện cơ bản của mẫu email, trong WooC Commerce -> Cài đặt -> Email-> Tùy chọn email. Bạn có thể thay đổi hình ảnh tiêu đề, văn bản tiêu đề, màu phông chữ, văn bản chân trang, v.v.

Tuy nhiên, nếu bạn cảm thấy thoải mái với một chút mã hóa, bạn có thể không chỉ thay đổi kiểu dáng của email mà còn thay đổi cả nội dung. Vì WooC Commerce cung cấp một số tùy chọn để bạn thay đổi mẫu email, nên bạn có thể làm như vậy mà không phải thay đổi bất cứ điều gì trong plugin cốt lõi

Tạo mẫu tùy chỉnh

WooC Commerce gửi email cho khách hàng khi tạo, hoàn thành đơn hàng, cho hóa đơn thanh toán và cho bất kỳ thay đổi nào được thực hiện đối với đơn hàng. Nếu bạn chuyển đến một tùy chọn cụ thể trong Cài đặt email WooC Commerce, ví dụ: 'Đang xử lý đơn đặt hàng', bạn sẽ thấy một thông báo

Để ghi đè và chỉnh sửa mẫu email này, hãy sao chép {file-path} vào thư mục chủ đề của bạn. {chủ đề/đường dẫn tệp}. Phương pháp này cho phép bạn tùy chọn nâng cao hơn để tùy chỉnh email đặt hàng WooC Commerce. Bởi vì bằng cách này, bạn có thể ghi đè trực tiếp tệp mẫu email

Mẫu email WooC Commerce

Mỗi email được gửi bởi WooC Commerce là sự kết hợp của các mẫu. Điều này cho phép bạn kiểm soát mô-đun nhiều hơn đối với việc tùy chỉnh. Vì vậy, bạn chỉ cần sao chép tệp mẫu cần thiết vào thư mục chủ đề của mình và sau đó chỉnh sửa nó. Ví dụ,

• Nếu bạn muốn thay đổi bất cứ điều gì trong tiêu đề, bạn sẽ phải chỉnh sửa tiêu đề email. php
• Đối với các thay đổi ở chân trang, bạn phải thay đổi, email-footer. php
• Và đối với nội dung trong phần nội dung, bạn sẽ phải chỉnh sửa mẫu đơn đặt hàng cụ thể, chẳng hạn như hóa đơn khách hàng. php hoặc lệnh xử lý khách hàng. php, v.v.

Thay đổi mẫu email

Trước khi chỉ định một mẫu email cho email đặt hàng, WooC Commerce sẽ tìm kiếm các thư mục của chủ đề của bạn để tìm các tệp mẫu email. Do đó, để thay đổi email đã gửi, tất cả những gì bạn phải làm là chọn tệp mẫu bạn muốn thay đổi và thêm nó vào chủ đề của bạn. Ví dụ: giả sử bạn muốn thay đổi màu văn bản chân trang,

• Theo mặc định, màu văn bản chân trang được đặt thành màu sáng hơn của màu email cơ sở mà bạn chọn. Để thay đổi điều này thành màu đen, bạn phải thay đổi chân trang email. php
• Bạn phải định vị tệp wp-content/plugins/wooc Commerce/templates/emails/email-footer. php
• Copy cái này vào wp-content/themes/your-theme/woocommerce/emails/. Nếu bạn không có thư mục woocommerce/email, bạn sẽ phải tạo những thư mục đó
• Tiếp theo rất đơn giản, mở và chỉnh sửa chân trang email. php và chỉnh sửa như sau

$credit = "
    border: 0;
    color: black;
    font-family: Arial;
    font-size: 12px;
    line-height:125%;
    text-align: center;
";

Một ví dụ khác mà chúng tôi sẽ xem xét, đó là thêm thông báo 'Ghi chú đơn hàng' vào email đơn hàng đã hoàn thành. Đối với điều này, bạn sẽ phải sao chép tương tự, đơn đặt hàng do khách hàng hoàn thành. php, vào thư mục woocommerce/emails/ của chủ đề của bạn

Mở tệp và thêm vào như sau

Bạn sẽ phải đặt mã, tùy thuộc vào vị trí bạn muốn mã hiển thị, trong email. Giả sử bạn có thể thêm nó sau 'Đơn hàng' và trước 'Chi tiết khách hàng'

Sử dụng Móc hành động và Bộ lọc

Để kiểm soát nhiều hơn nội dung được gửi trong email, bạn sẽ phải tìm hiểu sâu hơn một chút về các hành động và bộ lọc mà WooC Commerce cung cấp. Ví dụ: giả sử bạn muốn thêm Phương thức vận chuyển đã chọn trong email đặt hàng. Bạn có thể sử dụng ‘woocommerce_email_after_order_table‘ hoặc ‘woocommerce_email_before_order_table‘, để thêm nội dung

add_action[ 'woocommerce_email_after_order_table', 'wdm_add_shipping_method_to_order_email', 10, 2 ];
function wdm_add_shipping_method_to_order_email[ $order, $is_admin_email ] {
    echo '
Shipping:
 ' . $order->get_shipping_method[] . '
';
}

Hãy nhớ rằng, các phương pháp này được liên kết chặt chẽ với chủ đề bạn chọn. Do đó, khi bạn thay đổi chủ đề của mình, bạn cũng sẽ phải di chuyển các tệp mẫu đã sửa đổi hoặc các hành động đã thêm sang chủ đề mới

Đến cuối bài viết này, tôi hy vọng bạn thấy nó hữu ích và nó đã giúp bạn tùy chỉnh email đặt hàng WooC Commerce của mình. Nếu bạn có bất kỳ nghi ngờ hoặc câu hỏi nào hoặc có các phương pháp hữu ích hơn mà bạn muốn chia sẻ với người dùng của chúng tôi, hãy nhớ để lại nhận xét của bạn trong phần nhận xét bên dưới

Bạn cũng có thể thích. Cheat-Sheet MIỄN PHÍ gồm 23 Mẹo & Thủ thuật để quản lý hiệu quả các đơn hàng lớn trong cửa hàng Woo của bạn

• Mẹo & Thủ thuật WordPress
• Với các thẻ. Email, Đơn đặt hàng, WooC Commerce

Đăng lại.

• Aparna G

Xin lưu ý, một số liên kết trong bài đăng trên blog này có thể là liên kết liên kết. Điều này có nghĩa là nếu bạn tiếp tục mua sản phẩm bằng liên kết như vậy, chúng tôi sẽ nhận được một khoản hoa hồng nhỏ [bạn không phải trả thêm phí]. Điều này giúp chúng tôi hỗ trợ blog và sản xuất nội dung miễn phí. Chúng tôi chỉ giới thiệu những sản phẩm mà chúng tôi hợp tác hoặc yêu thích. cảm ơn sự hỗ trợ của bạn