Gökhan BARAN
Full Stack Developer
© 2017-2024 All rights reserved.
Contact Form 7 Eklentisine SweetAlert Ekleme
Contact Form 7 Eklentisine SweetAlert Ekleme için takip ederek, Contact Form 7 ile mesaj gönderildiğinde kullanıcıya görsel bir geri bildirim sağlayabilirsiniz.
Temanızın header.php dosyasına head tagları içine aşağıdaki kütüphaneleri ekleyin.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
Temanızın Footer.php dosyasında uygun bir yere kodları ekleyin.
<scirpt>
document.addEventListener('wpcf7mailsent', function(event) {
swal("Başarılı!", "Mesajınız başarıyla gönderildi.", "success");
}, false);
document.addEventListener('wpcf7mailfailed', function(event) {
swal("Hata!", "Mesajınızı gönderirken bir hata oluştu.", "error");
}, false);
</script>