Trang chủ » Blog » Wordpress » Cách redirect sang trang cảm ơn trong Contact Form 7

Cách redirect sang trang cảm ơn trong Contact Form 7

bởi

Ảnh đại diện Hoa Sen Digital
tại

Contact Form 7 là plugin hỗ trợ liên hệ được dùng phổ biến trong WordPress. Bạn có thể tạo sự trải nghiệm tốt hơn với khách hàng bằng cách chuyển hướng đến trang cảm ơn sau khi khách hàng thực hiện một thao tác liên hệ trên website.

Để chuyển hướng ngay lập tức sang trang cảm ơn sau khi khách hàng gửi liên hệ thành công, bạn cần phải thực hiện qua 2 bước đơn giản và được trình bày ngắn gọn như thường lệ của Hoa Sen Digital.

Đầu tiên, hãy tạo một trang nội dung cảm ơn

Bạn phải có nội dung gì đó để khách hàng xem trong trang cảm ơn. Hãy tạo một trang có nội dung cơ bản như sau:

  • Lời cảm ơn khách hàng đã liên hệ
  • Xem thêm các sản phẩm, dịch vụ khác
  • Kết nối mạng xã hội

Cách thực hiện: Vào Page > Tạo trang mới > Đăng

Mẹo đơn giản:

  • Đặt tên page ngắn gọn như Cảm ơn hoặc Thank you
  • Viết và trình bày nội dung như trên hoặc nội dung tùy chọn tùy chủ website
  • Hãy làm giao diện trang này đẹp hơn để tăng cảm xúc của khách hàng. Bạn có thể sử dụng page mẫu trong block WordPress (nếu đang sử dụng giao diện mặc định), nếu sử dụng các theme khác thì họ cũng có hỗ trợ một số giao diện page mẫu để bạn sử dụng

Chuyển hướng sau khi liên hệ thành công bằng Contact Form 7 (CF7)

Contact Form 7 hỗ trợ đoạn code script đơn giản để chuyển hướng sau khi gửi mail thành công, bạn cần thêm nó vào phần footer hoặc header của website.

Dưới đây là đoạn code thêm mã script chuyển hướng vào footer:

add_action( 'wp_footer', 'mycustom_wp_footer' ); 
function mycustom_wp_footer() {
?>
     <script>
        document.addEventListener( 'wpcf7mailsent', function( event ) {
        location = 'https://domain.com/thank-you/';
        }, false );
    </script>
<?php
}

Hãy thêm nó vào file functions.php của theme hoặc child theme trong WordPress và nhớ thay đổi địa chỉ url sang địa chỉ page cảm ơn của bạn -> Lưu lại và Bùmmmm. Chúc bạn thành công!

Bạn có thể xem thêm các nội dung thú vị và hữu ích liên quan đến thiết kế website WordPress tại đây.

5/5 – (2 bình chọn)