Contact Form 7 E-Mail Doğrulama

WordPress tabamlı web sitelerinde çok sık kullanılan “Contact Form 7” eklentisinin e-posta doğrulama özelliğinin olmadığını fark ettim. WordPress Contact Form 7 ile oluşturulan bir iletişim formunda, ziyaretçi e-posta adresini yanlış girerse, kendisine geri dönüş cevabımızı iletemeyiz ya da cevabımız ziyaretçinin yanlış yazdığı e-posta adresinin sahibine iletilir gibi problemlerle karşılaşabiliriz.

Bu problemin önüne geçebilmek için basit birkaç satır kod ile ziyaretçiye e-posta adresini iki kez girdirip, eşleşme doğrulaması yaptırabiliriz.

Nasıl yapıldığını adım adım anlatıyorum. Sitenizde değişiklik yapmadan önce yedek almayı unutmayın. Sorumluluk size aittir.



WordPress Contact Form 7 E-Mail Doğrulama

#1) İlk adım olarak Contact Form 7 admin menüsünde oluşturduğumuz iletişim formunda, e-posta adresi satırlarını bu şekilde değiştiriyoruz. Burada ilk satırdaki “your-eposta” etiketini sizin kendi kullandığınız etiketle değiştirin.

[email* your-eposta placeholder "E-Posta"]
[email* email-confirm placeholder "Tekrar E-Posta"]

#2) Boş bir metin dosyasına aşağıdaki kodları yapıştırıp cf7app.js ismi ile kaydedin ve temanızın olduğu klasöre kopyalayın. Yine burada “your-eposta” etiketini kendi kullandığınız etiketle değiştirin.

jQuery( document ).ready( function () {
jQuery('.wpcf7-submit').click(function () {
jQuery('.error').remove();
var errorMsg = jQuery('Eposta Adresleri Eşleşmiyor!');
if (jQuery('.your-eposta').find('input').val() !== jQuery('.email-confirm').find('input').val()) {
errorMsg.insertAfter(jQuery('.email-confirm').find('input'));
return false;
} else {
jQuery('.error').remove();
return true;
}
});
} );

#3) Temanızın function.php dosyasında en alt satırdaki ?> kodunun üzerine aşağıdaki kodu yapıştırın ve kaydedin.

function register_scripts() {
if ( !is_admin() ) {
wp_enqueue_script( 'cf7app', get_bloginfo( 'template_url' ) . '/cf7app.js' );
}
}
add_action( 'wp_enqueue_scripts', 'register_scripts' );

POPÜLER KONULAR

YORUMLAR