<style><!--
input[type=text], select {
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
text-align:center;
}
--></style>
<p style="text-align: center;"><strong>Ingresa tu número de pedido o número de seguimiento<br /></strong></p>
<p style="text-align: center;"><input type="text" id="myText" value="" /></p>
<div style="text-align: center;">
<div style="text-align: center;"><span style="font-size: 100%;"> <input style="padding: 10px; cursor: pointer; font-weight: bold; background: #FFFFFF; color: #000; border-radius: 10px; border: 1px solid #999; font-size: 100%;" type="button" value="Consultar" onclick="myFunction()" /></span></div>
</div>

<script>
function myFunction() {
var x = "https://api.enviame.io/s2/companies/2520/deliveries/"+ document.getElementById("myText").value+"/tracking";
window.location.href=x;

}
</script>