Nội dung bài viết
Redirect URL cảm ơn Contact Form 7
Với các bạn sử dụng trang web cá nhân hoặc doanh nghiệp sẽ luôn có một trang liên hệ. Và trên WordPress thì Contact Form 7 là một trong những plugin hàng đầu về tạo form này. Ngoài mục đích chính là tạo form liên hệ, plugin này cũng được dùng để tạo form đăng ký, đặt hàng, subscribe,…
Việc chuyển hướng sang 1 trang (Thank You Page) ngay sau khi submit là 1 việc không thể thiếu. Nó giúp tăng trải nghiệm người dùng, đo lường hiệu quả Marketing.
Đối với phiên bản thấp hơn 5.0 thì việc này được thực hiện rất đơn giản bằng việc sử dụng phương thức on_sent_ok
trong phần Additional Settings
Nhưng vấn đề là kể từ plugin này được nâng cấp lên phiên bản 5.0 thì phương thức on_sent_ok
đã bị loại bỏ. Thay vào đó, bạn phải sử dụng DOM events trong Javascript
Cách chuyển hướng trang trong contact form 7
Đối với website bạn chỉ có một form liên hệ thì sử dụng code sau:
<script type="text/javascript"> document.addEventListener( 'wpcf7submit', function( event ) { location = 'https://phonuiit.com/thank-you'; //Thay thành link bạn muốn chuyển hướng }, false ); </script>
Đối với website có nhiều form. Bạn sử dụng code sau nếu bạn muốn mỗi form chuyển hướng về 1 link khác nhau
<script type="text/javascript"> document.addEventListener( 'wpcf7submit', function( event ) { if ( event.detail.contactFormId == '1') { //Thay 1 thành ID của form location = 'https://phonuiit.com/thank-you-1'; //Thay thành link cần chuyển hướng } if ( event.detail.contactFormId == '2') { //Thay 2 thành ID của form location = 'https://phonuiit.com/thank-you-2'; //Thay thành link cần chuyển hướng } }, false ); </script>
Việc còn lại là bạn chỉ cần chọn đoạn code phía trên và bỏ vào file header.php
hoặc footer.php
của theme bạn đang sử dụng.
Tổng kết
Vậy là PhonuiiT.com đã hướng dẫn bạn Redirect URL cảm ơn Contact Form 7.
Contact Form 7 là một Plugin hàng đầu được chọn trong hầu hết các website WordPress. Qua bài viết này hy vọng đã giúp được bạn làm nổi bật hơn trang liên hệ của mình nhé.
Ngoài ra, bạn có thể đọc đầy đủ về Dom Events trong bài viết sau của Contact Form 7: https://contactform7.com/dom-events/