Tạo trang cảm ơn sau khi submit trong Contact form 7 như thế nào?

Thảo luận trong 'Mã nguồn mở Wordpress' bắt đầu bởi seolagi, 6/1/22.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,031
    Đã được thích:
    81
    Điểm thành tích:
    48
    Mình muốn bắt sự kiện sau khi khách ấn Submit xong trong form liên hệ của Contact form 7 thì như thế nào nhỉ mọi người, nghĩa là sau khi khách hàng điền thông tin hợp lệ thành công và ấn submit ok thì web sẽ chuyển hướng sáng trang cảm ơn (trang thank you) thì làm sao. Bạn nào có cái code cho mình với nhé, hướng dẫn chi tiết giúp, cảm ơn.
     
    Cảm ơn đã xem bài:

    Tạo trang cảm ơn sau khi submit trong Contact form 7 như thế nào?

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,918
    Đã được thích:
    1,202
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn add code javascript sau vào header hay footer của web nhé:
    HTML:
      document.addEventListener( 'wpcf7submit', function( event ) {
            if ( event.detail.contactFormId == '111' && event.detail.status=='mail_sent') { //Thay 111 thành ID của form liên hệ
                location = 'https://itseovn.com/cam-on'; //Thay thành link cần chuyển hướng
            }
        }, false );
     
    seolagi thích bài này.
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,918
    Đã được thích:
    1,202
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Còn muốn bài bản thì add vào file javascript sau đó add vào function.php của themes hơi phức tạp mà sau này dễ quản lý thì làm như sau:

    Bước 1: Tạo 1 file js với tên: itseovn.js và copy code sau bỏ vào.

    Tiếp theo copy file này bỏ vào mục gốc của themes: /js/itseovn.js
    HTML:
    jQuery(document).ready(function () {
        document.addEventListener( 'wpcf7submit', function( event ) {
            if ( event.detail.contactFormId == '111' && event.detail.status=='mail_sent') { //Thay 111 thành ID của form
                location = 'https://itseovn.com/cam-on'; //Thay thành link cần chuyển hướng
            }
        }, false );
    });
    
    Bước 2: Vào function.php của themes thêm code sau vào để khai báo file (bước này là bước khai báo file js kia cho wordpress biết lấy ra sử dụng mỗi khi chạy web)
    PHP:
    //load javascript cho web add them
    add_action('after_setup_theme''itseovn_theme_setup');

    if ( ! 
    function_exists'itseovn_theme_setup' ) ){
        function 
    itseovn_theme_setup(){
            
    add_action'wp_enqueue_scripts''itseovn_ajax_script');
        }
    }
    //khai báo file mới tạo tên itseovnajax.js cho wordpress cho vào web
    function itseovn_ajax_script() {
        
    wp_enqueue_script('itseovn_ajax'get_stylesheet_directory_uri() . '/js/itseovn.js', array(), '1.0.0'true );
        
    wp_localize_script'itseovn_ajax''ajax_obj',
            array( 
    'ajax_url' => admin_url'admin-ajax.php' ), 'smart_nonce' => wp_create_nonce'itseovnajax-nonce' )  ) );
    }
     
    seolagi thích bài này.
  4. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,031
    Đã được thích:
    81
    Điểm thành tích:
    48
    Cảm ơn ad, rất chi tiết ạ
     
  5. nguyendung1988
    Tham gia ngày:
    17/3/22
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Bài rất chi tiết, cảm ơn
     


Chủ để tương tự : Tạo trang
Diễn đàn Tiêu đề Date
Mã nguồn mở Wordpress Code và Plugin Tạo hộp thoại thông báo trang bảo trì cho WordPress 2/3/18
Mã nguồn mở Wordpress Xin code tự động tạo user trong function.php wordpress 6/10/23
Mã nguồn mở Wordpress Lỗi khi tạo subfolder website wordpress, subfolder web vào mục con không được 26/6/23
Mã nguồn mở Wordpress Tạo Popup đặt hàng từ Contact Form 7 Wordpress 13/4/22
Mã nguồn mở Wordpress Tắt đăng ký tạo thành viên mới trong Flatsome Wordpress 18/12/21