Cách ẩn nút Gửi của Contact Form 7 sau khi nhấn nút
Bình thường thì plugin contact form sẽ tự làm mờ cái nút submit đó đi sau khi chúng ta bấm vào nút đó nhưng có thể khách hàng sẽ ngứa tay hoặc chờ lâu quá làm họ bấm thêm vài lần nữa dẫn đến có thể trùng data hoặc 1 vấn đề nào đó mà bạn muốn ẩn nút đó đi để họ chỉ có thể bấm được một lần trong quá trình gửi đó.
Thì bây giờ đây là giải pháp ẩn nút đăng ký ngay sau khi nhấn nút
Cách thực hiện , chúng ta sẽ dùng đoạn code sau được chèn vào file js custom của theme , hoặc file footer của theme bạn đang dùng , hoặc nếu bạn đang dùng theme flatsome thì bạn copy trực tiếp chúng bỏ vào phần Footer Script của Theme Advaned nhé.
jQuery(document).ready(function() { /*..*/ fixCF7MultiSubmit(); }) function fixCF7MultiSubmit(){ jQuery('input.wpcf7-submit[type="submit"]').click(function() { jQuery(this).css("display","none"); jQuery('.ajax-loader').append("<span class='text_load'>Đang thực hiện </span>"); }); jQuery('.wpcf7').bind("wpcf7submit",function(){ jQuery('.text_load').remove(); jQuery(this).find('input.wpcf7-submit[type="submit"]').css('display',"block"); }); }
Giải thích xíu về code này nó sẽ vận hành như sau :
+ Bước 1 sau khi click vào nút gửi thì nó sẽ ẩn đi
+ Bước 2 sau khi form đã được submit và đồng thời với việc ra thông báo thì nút đó sẽ được hiển thị trở lại
Như vây thì sẽ không còn tình trang khách hàng đang trong quá trình chờ form gửi lên mà nóng ruột quá click thêm vài lần nữa nhé.
Nếu có bất cứ gì thắc mắc comment xuống phía dưới để mình giải đáp nhé.
Cần thiết kế website ,chạy quảng cáo các thể loại, seo từ khóa … và các dịch vụ liên quan tới marketing online liên hệ mình để có giá ưu đãi nhé.
Cám ơn bác nhé. Để thử chèn vào blog em xem thế nào!