Como personalizar caixas de mensagens do java script (alert, confirm)

Bom dia professores!

Gostaria de personalizar as caixas de mensagem de minha aplicação, sou totalmente leigo em js. Vi alguns exemplos na internet (http://alertifyjs.com/) mas estou com dificuldades.

(Obs.: não estou usando Bootstrap nem frameworks php)

Obrigado

code:

<script>

	$(document).ready(function(){

 $('.indisponivel').click(function(){
 alert('Produto indisponível no momento');
 });

$('.disponivel').click(function(){
 var produto_nome = $(this).attr('name');
 var produto_id = $(this).attr('id');
 var post_link = $(this).attr('link');

 var retorno = confirm( produto_nome + ".\n Confirmar pedido? ");
 if (retorno == true) {
 $.get(post_link)
 .done(function( data ) {
 location.reload();

 })
 .fail(function() {
 alert( "ERRO!!!" );
 });
 } else {

 }
});

});

	</script>

	 

	 

	 

	 

	 

	![imagem](https://forum.imasters.com.br/monthly_2017_04/58e24a36d09bb_WhatsAppImage2017-04-03at10_05_54.jpeg.7477e89701545bbd89f89c0f35452027.jpeg)

	![imagem](https://forum.imasters.com.br/monthly_2017_04/58e24a441707c_WhatsAppImage2017-04-03at10_10_02.jpeg.347d8d32493d910c521eacd7ab687945.jpeg)