En lugar de tu código de $('#info').html('<div class="alert alert-success margin-bottom-30">message has been sent...</div><button type="reset" class="close" data-dismiss="alert" aria-hidden="true" onClick="kapat()" >×</button><br />'); Pon el siguiente código, (omite la inclusión de la librería si, tú ya la tienes agregada) <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> Swal.fire({ position: 'top-end', icon: 'success', title: 'Your work has been saved', showConfirmButton: false, timer: 1500 }) <!-- language: lang-html --> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script> <!-- end snippet --> El diseño del alert varia segun lo configures, aca te dejo un ejmplo de todos los posibles https://sweetalert2.github.io/#examples ---------------------------------------------------- Si quieres que cuando le des click , limpie el formulario solo tienes que: Swal.fire({ position: 'top-end', icon: 'success', title: 'Your work has been saved', showConfirmButton: true, timer: 1500 }).then(function () { $('#idFormulario').trigger("reset"); })