A la respuesta de cómo implementar un `Sweetalert2`, sólo tienes que añadir las librerías necesarias, `jQuery` y las propias de `sweetalert2` y luego modificar la sintaxis del `alert`. Aquí te dejo una muestra funcionando. y [aquí][1] su web con más información sobre los parámetros configurables <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.11.0/sweetalert2.css"/> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.11.0/sweetalert2.js"></script> </head> <body> <script> function alerta(){ swal({ title: "¡ERROR!", text: "Esto es un mensaje de error", type: "error", }); } alerta(); </script> </body> </html> <!-- end snippet --> En cuanto a lo de las comillas es posible que [esta respuesta][2] te ayude un poco. [1]: https://sweetalert2.github.io/ [2]: https://es.stackoverflow.com/a/34013/7478