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í su web con más información sobre los parámetros configurables
<!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>
En cuanto a lo de las comillas es posible que esta respuesta te ayude un poco.