Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.all.min.js"></script>
Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.
<script>
$(document).on('click', '#success', function(e) {
swal(
'Success',
'You clicked the Success button!',
'success'
)
});
</script>
<button id="success" class="btn btn-outline-success">Success</button>
<button id="error" class="btn btn-outline-danger">Error</button>
<button id="warning" class="btn btn-outline-warning">Warning</button>
<button id="info" class="btn btn-outline-info">Info</button>
<button id="question" class="btn btn-outline-secondary">Question</button>
<script>
$(document).on('click', '#success', function(e) {
swal(
'Success',
'You clicked the Success button!',
'success'
)
});
$(document).on('click', '#error', function(e) {
swal(
'Error!',
'You clicked the error button!',
'error'
)
});
$(document).on('click', '#warning', function(e) {
swal(
'Warning!',
'You clicked the warning button!',
'warning'
)
});
$(document).on('click', '#info', function(e) {
swal(
'Info!',
'You clicked the info button!',
'info'
)
});
$(document).on('click', '#question', function(e) {
swal(
'Question!',
'You clicked the question button!',
'question'
)
});
</script>