Hôm nay, chúng ta sẽ xem xét các phương pháp khác nhau để tùy chỉnh trang cảm ơn WooC Commerce và cách trang này có thể được sử dụng để cải thiện trải nghiệm khách hàng của bạn. Trang cảm ơn có thể được tùy chỉnh theo nhiều cách khác nhau, trong bài viết này chúng tôi sẽ chỉ cho bạn các phương pháp sau
- Sử dụng plugin để tùy chỉnh trang cảm ơn
- Tạo mã tùy chỉnh để chuyển hướng trang cảm ơn đến một trang khác
- Sử dụng mã tùy chỉnh để sửa đổi các tùy chọn trang cảm ơn [e. g. Tiêu đề]
- Ghi đè mẫu trang cảm ơn
Chắc chắn, chúng tôi muốn khách hàng của mình có trải nghiệm mua sắm tốt nhất có thể. Nhưng chúng tôi thường không dành đủ nguồn lực cho những gì xảy ra sau khi đặt hàng. Rốt cuộc, mối quan hệ sau bán hàng của chúng tôi bắt đầu tại trang cảm ơn WooC Commerce
Do đó, trang nhận đơn đặt hàng có thể được sử dụng làm điểm bắt đầu cho mối quan hệ khách hàng mới này. Ở đó, chúng tôi có thể cung cấp hướng dẫn và công cụ để giữ cho khách hàng hài lòng và gắn bó
Lý do để tùy chỉnh trang “cảm ơn” của WooC Commerce
Trang “cảm ơn” mặc định của WooC Commerce là những gì người dùng nhìn thấy sau khi đặt hàng. Tùy thuộc vào phương thức thanh toán tại thời điểm này, không có thêm tương tác người dùng nào. Vì vậy, đây là thời điểm tốt để cho khách hàng biết điều gì sẽ xảy ra tiếp theo
Ngoài các tin nhắn giao dịch đơn giản, đây là cơ hội để kết nối với khách hàng của bạn. Ví dụ: ngoài chi tiết đơn đặt hàng, bạn có thể hiển thị các kênh hỗ trợ hoặc các câu hỏi phổ biến về sản phẩm đó, cung cấp phiếu giảm giá cho các đơn đặt hàng trong tương lai, v.v.
Vì vào thời điểm khách hàng truy cập trang này, cửa hàng trực tuyến của bạn đã chứa tất cả chi tiết về người dùng và đơn đặt hàng trong đối tượng đặt hàng WooC Commerce. Do đó, có thể tạo người dùng nếu đây là thanh toán với tư cách khách, để tùy chỉnh thông báo tùy thuộc vào nội dung, giá hoặc vị trí của đơn đặt hàng hoặc thêm trường người dùng tùy chỉnh, tùy thuộc vào hồ sơ người dùng được phát hiện cho đơn đặt hàng đó
Hãy xem một số cách khác nhau để triển khai trang cảm ơn WooC Commerce tùy chỉnh này
Như thường lệ với WordPress, có hai cách chính để thêm chức năng bổ sung vào trang web của bạn, một là sử dụng plugin và cách còn lại là xây dựng chức năng tùy chỉnh của riêng bạn bằng cách viết một số mã. Chúng ta sẽ xem xét cả hai phương pháp. Trước tiên, hãy xem cách tùy chỉnh trang cảm ơn WooC Commerce với sự trợ giúp của một số plugin
Tùy chỉnh trang “cảm ơn” của WooC Commerce bằng các plugin miễn phí và trả phí
NextMove Lite
NextMove Lite cho phép bạn tạo các trang cảm ơn WooC Commerce tùy chỉnh. Với nó, bạn có thể thêm một trang cảm ơn hoàn toàn tùy chỉnh, với các yếu tố, video, hình ảnh hoặc mã HTML của riêng bạn. Ngoài ra, có thể thêm phiếu giảm giá động hoặc sử dụng trình tạo trang ưa thích của bạn để tạo các trang của bạn
Trang cảm ơn tùy chỉnh của YITH dành cho WooC Commerce
Trang cảm ơn tùy chỉnh của YITH dành cho WooC Commerce cho phép bạn đặt các trang WordPress tùy chỉnh làm trang nhận được đơn đặt hàng của bạn. Ngoài ra, bạn có thể thêm CSS tùy chỉnh vào trang của mình và thêm mẫu chi tiết đơn hàng WooC Commerce cơ bản
Hơn nữa, YITH có các tính năng cao cấp để mang lại nhiều tùy chỉnh hơn cho các trang cảm ơn của bạn. Với nó, có thể thêm các trang tùy chỉnh cho các sản phẩm và danh mục khác nhau. Có các yếu tố thú vị khác, chẳng hạn như bán thêm, tạo PDF và hộp xã hội cho các trang cảm ơn của bạn
Trang “cảm ơn” tùy chỉnh với chuyển hướng mẫu
Khi nói đến tùy chọn tạo trang cảm ơn WooC Commerce tùy chỉnh của riêng bạn, cũng có nhiều tùy chọn mã hóa. Mỗi người có trường hợp sử dụng của nó, tùy thuộc vào kết quả mong muốn của bạn
Tùy chọn tùy chỉnh đơn giản nhất tương tự như những gì các plugin đã đề cập ở trên của chúng tôi thực hiện. Bạn có thể chuyển hướng từ URL trang cảm ơn WooC Commerce mặc định sang một URL trang tùy chỉnh khác. Trang này thường là trang mà bạn có thể tự do chỉnh sửa, với nội dung tĩnh hoặc động. Đối với điều này, chúng tôi sẽ sử dụng móc. Các móc có thể được áp dụng rất dễ dàng cho các chức năng chủ đề/chủ đề con của bạn. php hoặc tới plugin tùy chỉnh của bạn. Bạn có thể làm điều đó với đoạn mã này
1
2
3
4
5
6
7
8
9
10
//Wp hook cho các mẫu cho mỗi trang
add_action [ 'template_redirect' , 'ui_redirect_wc' ];
hàm ui_redirect_wc []{
//kiểm tra xem trang hiện tại có phải là đơn đặt hàng đã nhận hay không và liệu chúng tôi có khóa đặt hàng hay không
if [ isset [ $_GET['key'] ] && is_wc_endpoint_url[ 'order-received' ] ] {
wp_redirect[ 'url chuyển hướng tới đây' ];
thoát ;
}
}
Đối với ví dụ này, chúng tôi sử dụng móc template_redirect. Nó được điều hành bởi WordPress khi nó quyết định tải trang nào cho URL hiện tại của bạn. Sau đó, chúng tôi kiểm tra xem URL có phải là trang cảm ơn của chúng tôi không và đó có phải là đơn đặt hàng hợp lệ không. Nếu đúng như vậy, chúng tôi sẽ chuyển hướng đến trang cảm ơn tùy chỉnh của chúng tôi
Thay đổi trang “cảm ơn” dựa trên chi tiết đơn hàng
Trong trường hợp muốn thay đổi trang dựa trên chi tiết đơn hàng, chúng ta cần truy cập vào đối tượng đơn hàng WooC Commerce. Vấn đề chính ở đây là tránh để lộ dữ liệu đơn hàng cho những người dùng không nên xem. Vì lý do này, chúng tôi không thể chỉ tin tưởng vào ID đơn hàng, chúng tôi cần sử dụng khóa đơn hàng WooC Commerce
Chắc chắn, có thể thêm các biện pháp bảo mật khác, chẳng hạn như yêu cầu người dùng đăng nhập. Nhưng khóa đủ an toàn vì nó hoạt động như một mật khẩu. Đây là cách chuyển hướng đến trang cảm ơn tùy chỉnh tùy thuộc vào sản phẩm đã mua
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// một lần nữa, chúng ta cần móc chuyển hướng mẫu
add_action [ 'template_redirect' , 'ui_redirect_by_product_id' ];
function ui_redirect_by_product_id []{
//nếu trang hiện tại là đơn hàng đã nhận và nếu có mã đơn hàng
if [ isset [ $_GET['key'] ] && is_wc_endpoint_url[ 'order-received' ] ] {
$order_id = wc_get_order_id_by_order_key[ $_GET['key'] ];
nếu [ . trống [ $order_id ] ] {
$order = wc_get_order [ $order_id ];
foreach [ $order - >get_items[] as $item ] {
//kiểm tra xem một trong các ID của sản phẩm có khớp với ID mong muốn của bạn không
nếu [ $item [ 'product_id'] == 1 ] {
wp_redirect [ 'url chuyển hướng đến đây' ]
thoát ;
}
}
}
}
}
Điều này có thể được sử dụng cho hầu như bất kỳ mục đặt hàng nào của bạn, chẳng hạn như
- Giá đặt hàng
- Số lượng sản phẩm
- Phương pháp vận chuyển
- Phương thức thanh toán
- Địa chỉ giao hàng [quốc gia, thành phố, tiểu bang, mã zip…]
- Email người dùng
Thay đổi nội dung của trang “cảm ơn” WooC Commerce
Cũng có những cách đơn giản hơn để tùy chỉnh trang cảm ơn hiện tại của bạn. Chẳng hạn, nếu bạn chỉ muốn thay đổi một số nội dung của nó, bạn có thể sử dụng bộ lọc WooC Commerce cho điều đó. Bạn có thể thay đổi các thành phần, chẳng hạn như tiêu đề và văn bản của trang bằng một số mã tùy chỉnh
1
2
3
4
5
6
7
8
9
10
11
// bộ lọc WP cho chức năng "the_title", tải tiêu đề trang
add_filter [ 'the_title' , 'ui_custom_order_received_title', 10, 2 ];
function ui_custom_order_received_title [ $title , $id ] {
//kiểm tra xem chức năng trang nhận đơn đặt hàng có tồn tại [đã kích hoạt WC]
//sau đó kiểm tra xem đó có phải là trang hiện tại không
if [ function_exists [ 'is_order_received_page' ] && is_order_received_page[] ] {
$title = "Chào mừng lên tàu. Cảm ơn vì đơn đặt hàng của bạn. “;
}
return $title ;
}
Như thường lệ, điều này cho phép các tiêu đề tùy chỉnh tùy thuộc vào nội dung của giỏ hàng. Chẳng hạn, người dùng đã mua một sản phẩm liên quan đến bóng đá có thể được chào đón bằng một thông điệp thú vị liên quan đến môn thể thao của họ
Tùy chỉnh mẫu trang “cảm ơn”
Cuối cùng, có tùy chọn thay thế mẫu. Nếu bạn mở thư mục plugin WooC Commerce của mình, bạn sẽ tìm thấy thư mục mẫu ở đó bên dưới. mẫu / thanh toán / cảm ơn . .php . Tất nhiên, bạn không nên thay đổi nội dung của các tệp này trực tiếp bên trong thư mục plugin WooC Commerce. Tất cả những gì bạn cần làm là sao chép các tệp trong thư mục WooC Commerce chủ đề hiện tại của bạn và áp dụng tất cả các thay đổi trong đó. Bằng cách này, các thay đổi của bạn sẽ không bị thay thế vào lần tới khi bạn cập nhật plugin WooC Commerce. Bạn có thể thêm một tệp mẫu hoàn toàn tùy chỉnh trong chủ đề của mình và tệp này sẽ được tải dưới dạng trang cảm ơn của bạn. Đối với điều này, bạn chỉ cần thêm nó vào woocommerce/checkout/thankyou.php của chủ đề. Chúng tôi sử dụng tệp wp-plugins/woocommerce/templates/checkout/thankyou.php làm tài liệu tham khảo vì đây là mẫu trang cảm ơn ban đầu.
Phương pháp này cho phép thiết kế toàn bộ tùy chỉnh. Hơn nữa, nó có thể được sử dụng kết hợp với các phương pháp khác được đề cập ở đây, cho các thiết kế tùy chỉnh tùy thuộc vào nội dung đơn đặt hàng
Phần kết luận
Hôm nay chúng tôi đã xem xét các phương pháp khác nhau để tùy chỉnh trang cảm ơn WooC Commerce của bạn. Những phương pháp này biến trang nhận đơn đặt hàng đơn giản của bạn thành một công cụ tiếp thị. Nó có thể được sử dụng cho các phiếu giảm giá tùy chỉnh, tương tác gần gũi hơn với người dùng hoặc thậm chí là giao tiếp
Vào cuối ngày, bạn sẽ có thể áp dụng trang cảm ơn tùy chỉnh phù hợp với nhu cầu của mình. Chúng tôi hy vọng bạn thích, và hẹn gặp lại bạn lần sau