Bạn đã gặp những tình trạng như thế này chưa?
Khi mua sắm trực tuyến trên các nền tảng như Shopee, Lazada hay Tiki, có lẽ bạn đã từng nhận thấy rằng sau khi đăng nhập, bạn sẽ được đưa trở lại trang trước đó, chẳng hạn như trang sản phẩm bạn đang xem. Điều này giúp trải nghiệm mua sắm không bị gián đoạn, giúp bạn tiếp tục thao tác mà không cần mất công tìm lại sản phẩm.
Nếu bạn đang xây dựng một website bán hàng bằng WooCommerce và muốn tích hợp tính năng này, bài viết hôm nay sẽ mang đến giải pháp hữu ích. Việc duy trì trải nghiệm liền mạch cho khách hàng không chỉ giúp nâng cao sự thuận tiện mà còn có thể gia tăng tỷ lệ chuyển đổi, giúp khách hàng dễ dàng hoàn tất đơn hàng mà không gặp trở ngại nào.
Cách Redirect (Điều hướng) về trang cũ sau khi đăng nhập
Mặc định, sau khi đăng nhập vào WooCommerce, người dùng sẽ được chuyển hướng đến trang Tài khoản. Tuy nhiên, nếu muốn họ quay lại trang trước đó để tiếp tục thao tác, bạn cần can thiệp bằng code.
Giải pháp đơn giản nhất là thêm một đoạn mã vào tệp functions.php của theme hoặc child theme mà bạn đang sử dụng. Nếu muốn đảm bảo mã không bị mất khi cập nhật theme, bạn cũng có thể sử dụng plugin Code Snippets để chèn và quản lý một cách an toàn.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | //* Redirect users to their previous page function muathemewpgiare_capture_referrer_url_for_auth() { if ( isset( $_SERVER['HTTP_REFERER'] ) && !empty( $_SERVER['HTTP_REFERER'] ) && !strstr( $_SERVER['HTTP_REFERER'], 'my-account' ) ) { set_transient( 'muathemewpgiare_auth_referrer_url', esc_url( $_SERVER['HTTP_REFERER'] ), 60 * 60 * 24 ); } } add_action( 'woocommerce_before_customer_login_form', 'muathemewpgiare_capture_referrer_url_for_auth' ); add_action( 'woocommerce_register_form', 'muathemewpgiare_capture_referrer_url_for_auth' ); add_filter( 'woocommerce_login_redirect', 'muathemewpgiare_redirect_after_login_to_referrer', 10, 2 ); function muathemewpgiare_redirect_after_login_to_referrer( $redirect, $user ) { $referrer_url = get_transient( 'muathemewpgiare_auth_referrer_url' ); if ( $referrer_url ) { delete_transient( 'muathemewpgiare_auth_referrer_url' ); return $referrer_url; } return $redirect; } add_filter( 'woocommerce_registration_redirect', 'muathemewpgiare_redirect_after_registration_to_referrer' ); function muathemewpgiare_redirect_after_registration_to_referrer( $redirect ) { $referrer_url = get_transient( 'muathemewpgiare_auth_referrer_url' ); if ( $referrer_url ) { delete_transient( 'muathemewpgiare_auth_referrer_url' ); return $referrer_url; } return $redirect; } |
my-account
bằng slug trang tài khoản của bạn. Ví dụ nếu nó là muathemewpgiare.com/tai-khoan
thì các bạn điền tai-khoan
.Lưu lại, xóa cache và kiểm tra kết quả. Thật đơn giản phải không nào? Chúc các bạn thành công!
Muathemewpgiare chúc các bạn thành công.