Contact Form 7 (CF7) là một plugin miễn phí vô cùng tiện lợi và hiệu quả để thu thập dữ liệu qua form. Thông thường sau khi hoàn thành form và bấm vào nút gửi đi, chúng ta sẽ nhận được thông báo “Bạn đã gửi thành công” hoặc “Gửi đi thất bại”. Tuy phần lớn mọi người đều muốn như vậy nhưng một số khác lại cần cần phải chuyển hướng sang trang đích sau khi hoàn thành form CF7 để tối ưu hiển thị hoặc cung cấp thêm thông tin cho người dùng. Trang đích cuối cùng có thể là Thank-you-page hoặc trang chủ,.. Dù sao thì hướng dẫn này cũng sẽ giải quyết được vấn đề của bạn.
Để chuyển hướng về trang đích (ví dụ: http://example.com/) sau khi hoàn thành form, chúng ta cần thêm đoạn script dưới đây vào giao diện đang sử dụng.
1 2 3 4 5 | <script> document.addEventListener( 'wpcf7mailsent', function( event ) { location = 'http://example.com/'; }, false ); </script> |
Chú ý thay đổi http://example.com/ về trang đích của bạn muốn.
Ngoài ra, có một cách khác đơn giản hơn là tải plugin Contact Form 7 Redirection về cài đặt > kích hoạt > cấu hình URL bất kỳ là xong.
Chúc các bạn thành công.
Mình không muốn chuyển hướng mất trang khách hàng đang coi, mà muốn mở 1 trang mới riêng thank-you thì sửa code ntn bạn
Một cách đơn giản, sử dụng dễ dàng là bạn hãy cài plugin này https://wordpress.org/plugins/wpcf7-redirect/ nhé
Cảm ơn bác Tường đã chia sẻ. Em dùng Contact form 7 để tạo form đặt hàng. Muốn cài đặt chuyển tiếp sau khi khách hàng đặt hàng để đo lường chuyển đổi.
Đọc mấy bài toàn hướng dẫn cơ bản. Bài này đúng vấn đề em đang tìm. Thanks