Hướng dẫn sư dụng contact form 7 nâng cao

By Sơn Thanh Hướng Dẫn Wordpress

Khi sử dụng form trong website WordPress có lẽ đôi lúc bạn đã nghĩ ra những ý tường như làm thế nào để lấy tiêu đề hay link của bài viết hay tiêu đề trang mà người dùng đang quan tâm tới nơi chứa form .Vậy contact form 7 có những tính năng nâng cao nào ? sau đây cùng dịch vụ thiết kế website WordPress chuyên nghiệp Sơn Web khám phá nhé !

Cấu hình thông báo khi gửi mail trong contact form 7

Mặc định trong form contact form 7 bạn sẽ thay đổi được thông báo khi bạn cấu hình gửi mail thành công hay thất bại ? Vậy muốn thay đổi nỏ thì bạn cần làm thế nào ? Để chỉnh sửa phần này , bạn chỉ việc vào phần message của contact form 7 và thay đổi nội dung mà bạn muốn như hình sau :

cấu hình contact form 7 nâng cao

Bạn sẽ dễ dàng thay đổi các thông báo gửi mail thành công hay thất bại với nội dung theo ý mình.

Thay đổi cấu hình contact form 7 khi gửi mail thành công

Bạn để ý bên cạnh phần cấu hình message , còn có phần Addiontional settings giúp bạn có thể chuyển hướng hay redirect tới 1 trang bất kỳ khi gửi mail thành công. Hoặc viết 1 hàm funciton javascript cho form gửi 1 thông báo hay bất kỳ điều gì bạn muốn.

Bạn có thể xem ví dụ về functions javascript sau :

on_sent_ok: "tocheckout();"
function tocheckout(){
val = jQuery('input:radio[name=radio-checkout]:checked').val();
if ( val == "thanh toán qua Pay.VTC"){

document.getElementById("btn-checkoutol").click()

}
else {
jQuery(".btn-close").click()
}

}

on_sent_ok: "tocheckout();"

function tocheckout(){

val = jQuery('input:radio[name=radio-checkout]:checked').val();

if ( val == "thanh toán qua Pay.VTC"){

document.getElementById("btn-checkoutol").click()

}

else {

jQuery(".btn-close").click()

}

Nếu bạn thiết kế website du lịchthiết kế website du lịch bằng WordPress tại Sơn Web vui lòng liên hệ theo số : 0932.644.183

Đánh giá bài viết

Hướng dẫn sư dụng contact form 7 nâng cao