Móc trang cảm ơn WooC Commerce
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 Show
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 CommerceTrang “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 LiteNextMove 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 CommerceTrang 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ẫuKhi 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 Thay đổi trang “cảm ơn” dựa trên chi tiết đơn hàngTrong 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ư
Thay đổi nội dung của trang “cảm ơn” WooC CommerceCũ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 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ậnHô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 |