Trang cảm ơn sau khi khách hàng điền Contact Form 7

Thảo luận trong 'Thắc mắc và hỏi đáp về CNTT' bắt đầu bởi vietnguyen1106, 1/11/22.

  1. vietnguyen1106
    Tham gia ngày:
    1/11/22
    Bài viết:
    2
    Đã được thích:
    1
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Chào các bác, em có tạo 1 CF7 có 2 checkbox riêng, e chuyển hướng sau khi khách hàng submit form sẽ về trang cảm ơn. Bây giờ e muốn sau khi khách hàng chọn checkbox 1 và submit sẽ chuyển về trang cảm ơn 1 và khách hàng chọn checkbox 2 sẽ chuyển về trang 2 thì cách làm như nào ạ. e là tay ngang học làm wordpress nên cũng hơi mù, cảm ơn các bác
     
    Cảm ơn đã xem bài:

    Trang cảm ơn sau khi khách hàng điền Contact Form 7

    Bác sĩ Đỗ Văn Hiếu thích bài này.
  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Của bạn đây nhé, vào contact form 7 tạo 1 checkbox như sau:

    checkbox.jpg

    Đổi lại tên theo ý của bạn nhé.

    Vào footer của web add code javascript sau vào:
    HTML:
    <script>
    $(document).ready(function () {
        document.addEventListener( 'wpcf7submit', function( event ) {
            if ( event.detail.contactFormId == '100000' && event.detail.status=='mail_sent') { //Thay 100000 thành ID của form
                var inputs = event.detail.inputs;
                for ( var i = 0; i < inputs.length; i++ ) {
                    if ( inputs[i].name == "checkbox-itseovn" && inputs[i].value == "Value_1" ) {
                        location = 'https://itseovn.com/cam-on-1'; //Thay thành link cần chuyển hướng
                    }else if ( inputs[i].name == "checkbox-itseovn" && inputs[i].value == "Value_2" )
                    {
                        location = 'https://itseovn.com/cam-on-2'; //Thay thành link cần chuyển hướng
                    }
                }
            }
        }, false );
    });
    </script>
    
    • Với: 100000 là id của contact-form-7.
    • Value_1, Value_2 là giá trị của từng cái checkbox.
    • checkbox-itseovn: là name tên của cái checkbox.
    Tham khảo đầy đủ ở đây: https://contactform7.com/dom-events/
     
    Chỉnh sửa cuối: 26/6/23
  3. vietnguyen1106
    Tham gia ngày:
    1/11/22
    Bài viết:
    2
    Đã được thích:
    1
    Điểm thành tích:
    3
    Giới tính:
    Nam
    cảm ơn bác rất nhiều ạ, rất hữu ích
     
  4. ken home
    Tham gia ngày:
    3/2/23
    Bài viết:
    3
    Đã được thích:
    0
    Điểm thành tích:
    1
    Có cách nào design cho form này đẹp hơn không nhỉ
     


Chủ để tương tự : Trang cảm
Diễn đàn Tiêu đề Date
Thắc mắc và hỏi đáp về CNTT Giới thiệu về Keolive.com - Trang Thông Tin Bóng Đá và Cập Nhật Tỉ Số Trực Tiếp 18/10/24
Thắc mắc và hỏi đáp về CNTT [Wordpress]Cách thêm sidebar mua sản phẩm cho mỗi trang sản phẩm 21/9/22
Thắc mắc và hỏi đáp về CNTT Cách liên hệ với Facebook khi gặp lỗi fanpage, trang cá nhân 10/12/19
Thắc mắc và hỏi đáp về CNTT Tại sao mình không theo dõi được trang web thông qua google analytics vậy? 12/10/18
Thắc mắc và hỏi đáp về CNTT Hỏi trang web kiểm tra ssl CERTIFICATE và Key REQUEST 6/12/17