2 cách tùy chỉnh email WooCommerce

2 giờ ago, Hướng dẫn WordPress, 1 Views
2 cách tùy chỉnh email WooCommerce

Giới thiệu về Tùy chỉnh Email WooCommerce

WooCommerce, một plugin thương mại điện tử phổ biến cho WordPress, cung cấp một loạt các email giao dịch để thông báo cho khách hàng về trạng thái đơn hàng, cập nhật tài khoản và các thông tin quan trọng khác. Tuy nhiên, các email mặc định thường có thiết kế chung chung và không phù hợp với thương hiệu của bạn. Vì vậy, tùy chỉnh email WooCommerce là điều cần thiết để tạo trải nghiệm khách hàng chuyên nghiệp và nhất quán.

Bài viết này sẽ hướng dẫn bạn qua hai phương pháp chính để tùy chỉnh email WooCommerce, từ đó giúp bạn cải thiện nhận diện thương hiệu và tăng cường mối quan hệ với khách hàng.

Cách 1: Sử dụng Plugin Tùy chỉnh Email WooCommerce

Một trong những cách đơn giản nhất để tùy chỉnh email WooCommerce là sử dụng plugin. Có rất nhiều plugin miễn phí và trả phí trên thị trường cung cấp giao diện trực quan và dễ sử dụng để bạn có thể tùy chỉnh email mà không cần phải viết code.

Ưu điểm của việc sử dụng plugin:

  • Dễ dàng sử dụng, không yêu cầu kiến thức về code.
  • Cung cấp giao diện trực quan để chỉnh sửa.
  • Nhiều plugin cung cấp các tính năng nâng cao như A/B testing và personalization.
  • Tiết kiệm thời gian và công sức.

Nhược điểm của việc sử dụng plugin:

  • Có thể làm chậm trang web của bạn nếu bạn cài đặt quá nhiều plugin.
  • Một số plugin có thể không tương thích với các plugin hoặc theme khác.
  • Plugin miễn phí thường có ít tính năng hơn plugin trả phí.

Các plugin tùy chỉnh email WooCommerce phổ biến:

  • WooCommerce Email Customizer
  • Kadence WooCommerce Email Designer
  • YayMail – WooCommerce Email Customizer

Hướng dẫn sử dụng plugin WooCommerce Email Customizer (Ví dụ):

  1. Cài đặt và kích hoạt plugin “WooCommerce Email Customizer”.
  2. Trong bảng điều khiển WordPress, điều hướng đến “WooCommerce” > “Email Customizer”.
  3. Chọn loại email bạn muốn tùy chỉnh (ví dụ: Đơn hàng mới, Đơn hàng đã hoàn thành, v.v.).
  4. Sử dụng trình chỉnh sửa trực quan để thay đổi văn bản, logo, màu sắc và các yếu tố khác của email.
  5. Xem trước email của bạn trước khi lưu các thay đổi.

Mỗi plugin có giao diện và tính năng riêng, nhưng quy trình chung là tương tự: chọn loại email, tùy chỉnh và xem trước trước khi lưu.

Cách 2: Tùy chỉnh Email WooCommerce bằng Code (Sử dụng Theme Child)

Nếu bạn là một nhà phát triển hoặc có kinh nghiệm về code, bạn có thể tùy chỉnh email WooCommerce bằng cách sử dụng code. Phương pháp này cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của email, nhưng đòi hỏi kiến thức về HTML, CSS và PHP.

Tại sao nên sử dụng Theme Child?

Việc tùy chỉnh trực tiếp các file của theme gốc là không được khuyến khích vì những thay đổi của bạn sẽ bị ghi đè khi theme được cập nhật. Sử dụng theme child là một cách an toàn và hiệu quả để tùy chỉnh theme mà không ảnh hưởng đến theme gốc.

Các bước tùy chỉnh email WooCommerce bằng code:

  1. Tạo một theme child: Nếu bạn chưa có theme child, hãy tạo một theme child cho theme hiện tại của bạn. Có rất nhiều hướng dẫn trực tuyến về cách tạo theme child.
  2. Sao chép các file email vào theme child: Các file template email WooCommerce nằm trong thư mục /wp-content/plugins/woocommerce/templates/emails/. Sao chép các file email bạn muốn tùy chỉnh vào thư mục /wp-content/themes/your-child-theme/woocommerce/emails/. Lưu ý: Cấu trúc thư mục phải được giữ nguyên.
  3. Chỉnh sửa các file template: Mở các file template đã sao chép trong theme child của bạn và thực hiện các thay đổi bạn muốn. Bạn có thể chỉnh sửa HTML, CSS và PHP để thay đổi giao diện và chức năng của email.
  4. Sử dụng WooCommerce Hooks: WooCommerce cung cấp nhiều hooks cho phép bạn thêm hoặc sửa đổi nội dung của email mà không cần phải chỉnh sửa trực tiếp các file template. Ví dụ, bạn có thể sử dụng hook woocommerce_email_header để thêm logo của bạn vào đầu mỗi email.

Ví dụ về tùy chỉnh header email bằng hook:

Thêm đoạn code sau vào file functions.php của theme child của bạn:


  add_action( 'woocommerce_email_header', 'add_custom_email_header', 10, 2 );

  function add_custom_email_header( $email_heading, $email ) {
    echo '<img src="' . get_stylesheet_directory_uri() . '/images/logo.png" alt="Logo" style="margin-bottom:10px;">';
  }
  

Đoạn code này sẽ thêm logo của bạn vào đầu mỗi email WooCommerce. Đảm bảo thay thế /images/logo.png bằng đường dẫn thực tế đến logo của bạn.

Các file template email WooCommerce quan trọng:

  • email-header.php: Chứa header của email.
  • email-footer.php: Chứa footer của email.
  • email-order-details.php: Hiển thị chi tiết đơn hàng.
  • customer-processing-order.php: Email gửi cho khách hàng khi đơn hàng đang được xử lý.
  • customer-completed-order.php: Email gửi cho khách hàng khi đơn hàng đã hoàn thành.

Ưu điểm của việc tùy chỉnh bằng code:

  • Kiểm soát hoàn toàn giao diện và chức năng của email.
  • Tùy chỉnh linh hoạt hơn so với việc sử dụng plugin.
  • Không phụ thuộc vào plugin của bên thứ ba.

Nhược điểm của việc tùy chỉnh bằng code:

  • Yêu cầu kiến thức về HTML, CSS và PHP.
  • Có thể tốn thời gian và công sức hơn so với việc sử dụng plugin.
  • Dễ mắc lỗi nếu không cẩn thận.

Lời khuyên khi tùy chỉnh email WooCommerce

  • Sử dụng màu sắc và logo thương hiệu của bạn: Đảm bảo email của bạn phù hợp với thương hiệu của bạn để tạo sự nhận diện thương hiệu mạnh mẽ.
  • Giữ nội dung ngắn gọn và súc tích: Khách hàng thường không có thời gian để đọc những email dài dòng.
  • Sử dụng lời kêu gọi hành động rõ ràng: Khuyến khích khách hàng thực hiện hành động mong muốn, chẳng hạn như truy cập trang web của bạn hoặc để lại đánh giá.
  • Kiểm tra email của bạn trước khi gửi cho khách hàng: Đảm bảo rằng email của bạn hiển thị chính xác trên các thiết bị và ứng dụng email khác nhau.
  • Sử dụng công cụ phân tích để theo dõi hiệu quả của email: Điều này sẽ giúp bạn xác định những gì hoạt động tốt và những gì cần cải thiện.

Kết luận

Tùy chỉnh email WooCommerce là một cách tuyệt vời để cải thiện trải nghiệm khách hàng và tăng cường nhận diện thương hiệu. Bạn có thể chọn một trong hai phương pháp tùy chỉnh email, tùy thuộc vào kỹ năng và nhu cầu của bạn. Sử dụng plugin là một lựa chọn đơn giản và dễ dàng cho người mới bắt đầu, trong khi tùy chỉnh bằng code cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của email. Bất kể phương pháp nào bạn chọn, hãy nhớ tuân theo các lời khuyên được đề cập ở trên để tạo ra những email hiệu quả và chuyên nghiệp.