Como inserir uma frase de sucesso na página de finalização do pedido?

Olá lojista, temos um pequeno ajuste que consideramos importante. Como deixamos isso personalizável, acaba que muitas pessoas deixam passar batido. Então, pensando nisso, estamos fazendo um tutorial para ajudar você a realizar essa mudança em sua loja. 

Para começar acesse Configurações > Aparência > Layout e plugins.

No local Páginas, clique no botão Confirmar Compra.

Nesse momento, você está acessando o layout da página de confirmação de compra da sua loja. Recomendamos que insira o plugin Espaço Vazio e  Texto personalizado, e organize conforme essa imagem abaixo:

Depois, no plugins Texto personalizado, insira fragmento a seguir:

<center><b class="ped-sucesso">Pedido realizado com sucesso!</b></center>

Salve.

Depois adicione um plugin código html logo abaixo do anterior e insira o código a seguir:

<script type="text/javascript">
document.write('<p id="confirm">'+'Olá ' + '<b id="nome-cliente">' + _clientePedido.nome + ' ' + _clientePedido.sobrenome + '</b>' + ' seu pedido está sendo processado. Assim que for ' + '<b id="aprovado"> aprovado</b>'+', será enviado um ' + ' <b id="confirma-pagamento">e-mail de confirmação do pagamento</b> ' + '. Caso queira saber o status atual do seu pedido, acesse o' + ' <a href=/pedido?i=' + _idPedido + '> link</a>'+'</p>')
</script>

Obs: A parte de negrito no código deve ser substituída pelo domínio da sua loja, por exemplo: https://www.lojanova.com.br.

Salve.

Depois acesse Editar CSS pelo link.

Na seção Estilos, insira o código abaixo:

.ped-sucesso {
  font-size: 25px;
  color: #4caf50;
  text-decoration: underline;
}
#confirm {
font-size: 15px;
}

O resultado será algo como:

Lembrando que qualquer alteração na página de confirmar compra, pode ser realizado nessa página Confirmar Compra.