Như các bạn đã  biết Form liên hệ là một thứ không thể thiếu đối với website . Nó giúp người đọc, khách hàng dễ dàng liên kết gửi thông tin với bạn bất cứ lúc nào . Đối với website wordpress thì plugin Contact Form 7 là lựa chọn hàng đầu vì tính tiện dụng, gọn nhẹ và gửi form hiệu quả cao.

Bài viết này mình sẽ chia sẻ với các bạn một thủ thuật nhỏ . Đó là Redirect URL chuyển hướng người dùng sau khi gửi dữ liệu Contact Form 7 thành công sang trang cảm ơn chẳng hạn … Một điều nhỏ nhưng tạo nên sự chuyên nghiệp , thân thiện đối với khách hàng .

Dùng code snippet Redirect URL

Copy đoạn code sau đây vào cuối file functions.php của theme hoặc child theme mà bạn đang sử dụng và lưu lại.

add_action( 'wp_footer', 'redirect_cf7' ); 
function redirect_cf7() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
       location = 'https://laptrinhwebgiare.com/'; // Đường dẫn trang mà bạn muốn điều hướng tới
}, false );
</script>
<?php
}

Thay đường dẫn trang mà bạn muốn điều hướng tới trong phần location nghen . Thế là xong rất đơn giản

Thay đường dẫn trang mà bạn muốn điều hướng tới trong phần location nghen . Thế là xong rất đơn giản

Dùng plugin Contact Form 7 Redirection

Chúng ta cần cài đặt và kích hoạt plugin Contact Form 7 Redirection

Truy cập vào Form liên hệ => Danh Sách Form rồi chọn mẫu form liên hệ mà bạn muốn điều hướng Redirect URL .

Trong mẫu form liên hệ của bạn bây giờ đã có thêm tab Redirect Settings .

Sau khi người dùng submit form thành công bạn muốn chuyển hướng họ tới trang bất kỳ có sẵn nào đó trong website . Click Choose Page rồi chọn trang bạn muốn .

Còn nếu là liên kết bên ngoài thì nhập link vào External URL .

Trong phiên bản miễn phí của plugin này có 4 tùy chọn. Muốn nhiều tính năng hơn chúng ta cần nâng cấp lên bản pro và phải chịu phí .

• Use external URL : Tích vào nếu muốn dùng liên kết bên ngoài trong phần External URL
• Open page in a new tab : Mở trang trong tab mới .
• Pass all the fields from the form as URL query parameters : Bỏ qua các trường từ biểu mẫu dưới dạng tham số truy vấn .
• Pass specific fields from the form as URL query parameters : Truyền các trường cụ thể từ biểu mẫu dưới dạng tham số truy vấn URL

Chúng ta có thể thêm tập lệnh thực thi JavaScript để chạy sau khi gửi mẫu thành công. Không bao gồm các thẻ <script>

Thế Thôi

Tùy sở thích các bạn mà chọn lựa cách Redirect URL . Mình am hiểu chút về code thì thích dùng cách 1 hơn gọn nhẹ không cần cài thêm plugin . Còn các bạn thì sao ? Dùng cách nào hay có vấn đề gì thì bình luận bên dưới nha . Chúc các bạn thành công !

Tham khảo: https://scanwp.net/blog/contact-form-7-thank-you-page-redirects/