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

    vietnguyen1106 Thành Viên Mới

    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

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,620
    Đã được thích:
    1,132
    Đ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 111 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/
     
  3. vietnguyen1106

    vietnguyen1106 Thành Viên Mới

    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
     


Like và Share ủng hộ ITSEOVN