Email xác nhận đơn hàng WooC Commerce là một điều mà bạn không bao giờ nên bỏ qua khi nói đến việc tăng doanh số và cải thiện thương hiệu cửa hàng. Đó là điều đầu tiên mà khách hàng của bạn nhận được sau khi đặt hàng qua trang web WooC Commerce của bạn
Vì vậy, bạn phải gửi các email đáng tin cậy bao gồm chi tiết đơn đặt hàng, thay đổi trạng thái đơn hàng và các tài nguyên hữu ích khác. Với phương tiện giao tiếp chu đáo này, khách hàng của bạn sẽ nhớ đến thương hiệu của bạn và biết tìm bạn ở đâu khi họ cần một sản phẩm cụ thể
Trong hướng dẫn hôm nay, tôi sẽ hướng dẫn bạn từng bước về cách tùy chỉnh email xác nhận đơn hàng WooC Commerce được gửi theo quy trình làm việc tiêu chuẩn của WooC Commerce
Phần đầu tiên là một giải pháp không dùng plugin, rất cơ bản và chỉ dựa vào các tùy chọn mặc định. Nếu bạn muốn các tùy chọn nâng cao, hãy chuyển sang phần mà chúng tôi đang sử dụng khung YayMail để tùy chỉnh tất cả các email giao dịch WooC Commerce
Mục lục
1. Tùy chỉnh Email xác nhận đơn hàng WooC Commerce với các tùy chọn mặc định
Các tùy chọn cơ bản trong cài đặt email đặt hàng WooC Commerce
Tùy chỉnh email WooC Commerce khá đủ cho các cửa hàng mới mở. Nó cho phép bạn thêm logo cửa hàng của mình và chọn cấu hình màu để phù hợp với thương hiệu của bạn
Để chỉnh sửa màu mẫu mặc định, v.v., hãy chuyển đến phần WooC Commerce > Cài đặt > Email
Tại đây, bạn có thể đặt địa chỉ email “Từ” và tên hiển thị của nó, tôi. e. cửa hàng của bạn — email được gửi từ đâu
Bạn có thể tùy chỉnh những gì khác?
- Hình ảnh tiêu đề. logo của bạn, hình ảnh cửa hàng, biểu ngữ theo mùa…
- văn bản chân trang. URL trang web của bạn, liên kết liên hệ, mạng xã hội…
- Màu cơ bản. màu lấp đầy nền của tiêu đề, văn bản được liên kết, v.v. — phải cùng mã màu với màu chính của trang web của bạn
- Màu nền. khu vực có chiều rộng đầy đủ nằm bên ngoài mẫu email
- Màu nền cơ thể. màu nền cho văn bản/đoạn văn chính của email
- Màu văn bản cơ thể. màu sắc cho nội dung văn bản email
Đối với giao diện mẫu email chung, bạn có thể thêm hình ảnh/logo thương hiệu của mình bằng cách dán URL tệp của nó sau khi tải nó lên thư viện phương tiện WordPress. Xin lưu ý rằng các tùy chọn tùy chỉnh email WooC Commerce cơ bản sẽ không cho phép bạn thay đổi kích thước logo của mình. Đó là lý do tại sao bạn nên chuẩn bị trước khi thêm nó vào mẫu email
Sau khi tinh chỉnh thiết kế email, bạn có thể nhấp vào liên kết Click here to preview your email template để xem trước mẫu email đã tùy chỉnh trong tab mới
Đây chỉ là chế độ xem cơ sở của các email WooC Commerce của bạn với văn bản giả. Để chỉnh sửa nội dung email, bạn phải tìm từng email và chọn quản lý nó. Điều này sẽ được chứng minh trong bước tiếp theo
Chỉnh sửa nội dung thông báo email xác nhận đơn hàng mà không cần plugin
Theo mặc định, WooC Commerce cho phép bạn chọn các loại email bao gồm văn bản thuần túy, HTML hoặc nhiều phần. Để thay đổi chủ đề và nội dung của thông báo email, hãy điều hướng đến WooC Commerce > Cài đặt > Email, chọn một email bạn muốn chỉnh sửa rồi nhấp vào Quản lý
Trong trường hợp này, tôi đã chọn email Đơn đặt hàng đang xử lý để gửi cho khách hàng của mình nhằm thông báo cho họ về việc xác nhận đơn đặt hàng của họ. Tại đây, bạn có thể chỉnh sửa chủ đề email, tiêu đề và nội dung bổ sung
Để nâng cao các mẫu email của bạn bằng cách thêm nội dung bổ sung và kêu gọi hành động, bạn phải sửa đổi các mẫu chủ đề. Chẳng hạn, nếu bạn muốn thu hút người mua quay lại cửa hàng trực tuyến của mình và mua một mặt hàng khác bằng mã phiếu giảm giá, bạn cần đặt các đoạn mã PHP ở cuối chức năng của mình. tệp php [chủ đề con]. Đoạn mã PHP diễn ra như thế này
/**
* @snippet Add extra content to order processing email
*/
add_action[ 'woocommerce_email_before_order_table', 'yay_add_content_specific_email', 20, 4 ];
function yay_add_content_specific_email[ $order, $sent_to_admin, $plain_text, $email ] {
if [ $email->id == 'customer_processing_order' ] {
echo 'Get 20% off
Thank you for shopping at YayCommerce! Come back and use the code "BACKFORMORE" to get a 20% off all products!
';
}
}Tuy nhiên, phần này chỉ cho phép bạn chỉnh sửa nội dung chính trong mẫu email. Bạn không có tùy chọn nào cho các nút, cột, hình ảnh hoặc hình nền chân trang. Đây là lúc plugin tùy biến email xuất hiện để trợ giúp
2. Tùy chỉnh email tùy chỉnh WooC Commerce bằng cách sử dụng Plugin YayMail
Lý do nên sử dụng YayMail
YayMail là một công cụ tùy chỉnh email WooC Commerce mạnh mẽ sử dụng giao diện kéo và thả và trình chỉnh sửa xem trước trực tiếp
Thực tế, có nhiều plugin tùy chỉnh email có thể giúp thiết kế email của bạn. Tuy nhiên, YayMail là khuôn khổ tốt nhất bởi vì
- Nó hoàn toàn miễn phí – YayMail cung cấp các tùy chọn hoàn toàn có thể tùy chỉnh cho tất cả 11 mẫu email Woo mặc định
- Nó hoạt động bằng cách Kéo và thả – Vì tôi không có kiến thức về mã hóa và tôi cũng không muốn sửa đổi mã chủ đề
- Nó có trình chỉnh sửa trực tiếp và cho phép tôi xem trước mẫu trên máy tính để bàn/thiết bị di động
- Gửi email kiểm tra chỉ bằng một cú nhấp chuột
Tôi có rất nhiều lý do khác bao gồm cả các tính năng chỉ dành cho phí bảo hiểm để tiếp tục. Nhưng bây giờ, đó chỉ là đủ để cho nó đi
Vì vậy, hãy tiếp tục cài đặt và kích hoạt nó từ bảng điều khiển WordPress của bạn, sau đó bạn có thể dễ dàng truy cập trình tạo email này bằng cách truy cập WooC Commerce > Email Customizer
Tải xuống YayMail
Bắt đầu tùy chỉnh email đặt hàng với plugin miễn phí YayMail
Plugin này thêm một bảng điều khiển bên hoàn toàn mới, nơi bạn có thể tìm thấy các yếu tố nâng cao để tùy chỉnh tất cả các email giao dịch
Các yếu tố này được sắp xếp thành các danh mục cơ bản, chung và WooC Commerce. Từ thanh bên này, bạn có các tùy chọn mạnh mẽ để làm cho email của mình đẹp hơn, chẳng hạn như các nút bổ sung, danh sách hình ảnh, hộp biểu tượng mạng xã hội, dải phân cách, nhiều cột, v.v.
Video dưới đây cho thấy rõ cách bạn có thể tùy chỉnh mọi khối email từ trên xuống dưới
- tiêu đề. Thay đổi logo và điều chỉnh kích thước của nó
- Định dạng văn bản. Tinh chỉnh màu nền, màu tiêu đề, màu văn bản/liên kết
- khoảng cách. Đệm khối và nội dung
- Cái nút. Thêm lời kêu gọi hành động và chỉnh sửa màu sắc, hình dạng, kích thước của nút
- Thông tin công ty và nhiều mạng khác. Hiển thị menu, menu phụ, liên kết điều hướng và phương tiện truyền thông xã hội
Hơn nữa, có các khối nâng cao cho các mẫu email phức tạp hơn với nhiều chi tiết. Ví dụ: nếu bạn muốn hiển thị một hàng gồm 3 cột trong nội dung email, bạn không cần phải tạo HTML từ đầu
Plugin này được tích hợp sẵn các phần tử nên bạn chỉ cần kéo và thả phần tử vào. Chọn, di chuyển và chỉnh sửa nó theo cách bạn muốn
Trong vòng vài phút, bạn có thể tạo mẫu email xác nhận đơn hàng WooC Commerce riêng biệt như mẫu bên dưới
Ngoài ra, với YayMail phiên bản miễn phí, bạn có thể thêm các phần bổ sung vào email của mình. Ví dụ: phần câu hỏi thường gặp để giúp khách hàng điều hướng cửa hàng của bạn tốt hơn
Dưới đây, bạn sẽ tìm thấy thêm mẹo và thủ thuật để thiết kế mẫu email
Cách đặt tiêu đề/chân trang làm mặc định trong mọi email tùy chỉnh WooC Commerce
Đối với các phần tử có thể sử dụng lại như logo đầu trang và chân trang, bạn có thể giữ cho các phần tử đó nhất quán trên tất cả các mẫu bằng cách đặt nó làm mặc định
Sau khi tùy chỉnh nội dung và thiết kế xong các bạn chọn Footer block kéo xuống dưới tích vào Set as default. Điều này giúp làm cho tất cả các mẫu email khác trong cửa hàng của bạn chia sẻ cùng một nội dung và thiết kế logo và chân trang
Ngoài ra, bạn cũng có thể chọn chỉ sao chép khối chân trang này vào những mẫu mà bạn muốn sử dụng
Cách thay đổi màu liên kết văn bản email
Bạn có thể tùy chỉnh mọi khía cạnh của mẫu email, chẳng hạn như làm cho màu liên kết khớp với bảng màu của bạn
Chẳng hạn, để chuyển màu liên kết mặc định từ tím sang cam, chỉ cần làm theo các bước sau
- Chọn Cài đặt [i. e. cài đặt toàn cầu] và mở rộng Cài đặt Email
- Chọn màu Liên kết văn bản và chọn màu mới. Khi bạn chọn một màu mới, nó sẽ tự động hiển thị trong trình chỉnh sửa email ở bên phải
- Sau đó, chỉ cần nhấp vào Lưu để giữ những thay đổi bạn đã thực hiện
3. Gửi nội dung email động với logic có điều kiện
Logic có điều kiện cho phép người tạo mẫu email chèn nội dung bổ sung vào email của họ, nghĩa là nội dung email có thể thay đổi dựa trên các điều kiện hoặc hành động nhất định. Đây là một công cụ mạnh mẽ có thể được sử dụng để tạo các email được nhắm mục tiêu và cá nhân hóa cao
Dưới đây, bạn sẽ tìm thấy video hướng dẫn chi tiết từng bước để giúp bạn gửi nội dung email động
Là một growth hacker, bạn có thể đảm bảo rằng thông điệp được truyền tải trong email giao dịch luôn phù hợp với người nhận. Plugin logic có điều kiện này cho phép bạn hiển thị/ẩn từng khối nội dung email dựa trên các quy tắc của riêng bạn, để đặt tên cho một số
- Khi tổng đơn đặt hàng nhỏ hơn/lớn hơn một số tiền cụ thể
- Khi quốc gia thanh toán ở Hoa Kỳ, Canada hoặc Nhật Bản, v.v.
- Khi các sản phẩm trong giao dịch mua thuộc về một danh mục cụ thể
- Và các điều kiện khác liên quan đến phương thức vận chuyển và siêu dữ liệu sản phẩm
Và dưới đây là một số thiết kế của chúng tôi cho mẫu email xác nhận đơn hàng WooC Commerce được tạo bằng YayMail
suy nghĩ cuối cùng
Từng rất khó tùy chỉnh email xác nhận đơn hàng WooC Commerce. Bạn sẽ phải chỉnh sửa bằng mã hóa tùy chỉnh thành những thứ trực tiếp bên trong mẫu. Và thật dễ dàng để làm rối các tập tin
Vì vậy, thật tuyệt khi thấy bạn có một tùy chọn như YayMail – Công cụ tùy biến email WooC Commerce. Nó cho phép bạn thiết kế các khía cạnh khác nhau bên trong email xác nhận đơn hàng WooC Commerce và các mẫu email tùy chỉnh
Toàn bộ quá trình trở nên dễ dàng với YayMail, vì vậy hãy tải miễn phí ngay bây giờ
Tải xuống YayMail
Những điều cần xem xét khi chỉnh sửa mẫu email WooC Commerce
Bản chất bạn có thể trở thành một nhà thiết kế xuất sắc. Tuy nhiên, bạn không nên ghi đè mọi khía cạnh chặn email bằng sự sáng tạo của riêng mình. Vì người nhận email sử dụng nhiều ứng dụng email/phần mềm khác nhau để đọc email, nhiều yếu tố như phông chữ văn bản, họ phông chữ, phần đệm, v.v. có thể không hiển thị chính xác ở phần cuối của họ như đã thấy ở phần cuối của bạn
Để gửi email xác nhận đơn hàng trông đẹp mắt trên hầu hết các thiết bị và ứng dụng khách, hãy đảm bảo gửi email kiểm tra. Điều đó nói rằng, bạn phải chọn một trình chỉnh sửa/tùy chỉnh email đi kèm với nút Gửi email kiểm tra tiện dụng, giống như những gì có trong YayMail. Đảm bảo rằng plugin bạn đã chọn hỗ trợ bạn
sự giới thiệu
Nếu bạn sử dụng một trong các tiện ích mở rộng được đề cập bên dưới trên trang web WooC Commerce của mình, chúng tôi khuyên bạn nên nâng cấp lên phiên bản YayMail Pro để tương thích hoàn toàn. Phiên bản cao cấp cho phép bạn thêm nhiều biến, mã ngắn, văn bản tùy chỉnh, thông tin theo dõi đơn hàng vào mẫu email xác nhận đơn hàng WooC Commerce