Código Pagina de Rastreio – Script Yampi

1 – Adicione o Script 1 em uma nova Pagina Informativa

2 – Adicione o Script 2 no campo de Código CSS Personalizado dentro da personalização do Tema

Script 1

<!-- INICIO - PAGINA DE RASTREIO -->
<p style="font-weight: bold; text-align: center;">Insira seu n&uacute;mero de rastreamento abaixo.</p>
<div style="text-align: center;"><input id="YQNum" class="textorastreio" maxlength="50" type="text" placeholder="LO235569205CN" />
<div id="container"></div>
<br />
<div id="YQContainer"></div>
<script src="//www.17track.net/externalcall.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num===""){
alert("Digite o seu código de rastreio.");
Retorna;
}
YQV5.trackSingle({
YQ_ContainerId:"YQContainer",
YQ_Height:800,
YQ_Fc:"0",
YQ_Lang:"pt-br",
YQ_Num:num
});
}
// ]]></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    var button = document.createElement('button');
    button.type = 'button';
    button.innerHTML = 'Buscar';
    button.className = 'botaorastreio';
 
    button.onclick = function() {
        doTrack()
    };
    var container = document.getElementById('container');
    container.appendChild(button);
}, false);
</script>
<!-- FIM - PAGINA DE RASTREIO -->

Script 2

/* INICIO - BARRA DEGRADE CHECKOUT */
.textorastreio {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: .375rem;
  border: 1px solid;
  width:50% !important;
}

.botaorastreio {
  color: #fff;
  background-color: #335eea;
  border-color: #335eea;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: .375rem;
  border: 1px solid transparent;
  width:150px !important;
}

.botaorastreio:hover {
  background-color: #1E3DA0;
}
/* INICIO - BARRA DEGRADE CHECKOUT */