Script para rastrear mercadorias via correios (Já está pronto - Insira)

Olá galera queria compartilhar com vocês, acabei de fazer.

Crie uma página, clique na opção (código fonte) e cole.

10 curtidas

Coloca onde? e vai aparecer onde?

Crie uma página e insira em na opção (código fonte) no editor de texto

image

Vai ficar assim…

1 curtida

Capturar

http://www2.correios.com.br/sistemas/rastreamento/resultado_semcontent.cfm

1 curtida

Reparei, estou verificando.

Mas parece que é um problema da página dos correios.

1 curtida

Configurei e deu super certo, obrigada

2 curtidas

Pra vê como é tão fácil a Loja Integrada resolver essa questão e eles nem ai com a gente!
As vezes parece que abandonaram a plataforma…

4 curtidas

Realmente, falta muita coisa…

1 curtida

@Willliam_Fortuna
Bom Dia, utilizamos seu código e o mesmo está funcionando.
Obrigado pelo compartilhamento.
Grupo Fibra Real.

3 curtidas

Alguem sabe como eu poderia colocar um botão (apontando pra esse pagina de rastreio) la parte de cima da pagina do lado do numero do Whatsapp

Obrigado.

1 curtida

Antes que eu esqueça, muito obrigado

2 curtidas

Obrigado, Willian!

Valeu, mesmo!

Arrumei uma alternativa improvisada, pelo menos é o que me parece:
Abri uma página com o script do Willian.
Depois fiquei masturbando minha mente para encontrar uma alternativa válida para ter um botão, então decidi abrir uma página para o produto “rastreie seu pedido”, com valor a consultar, para não aparecer o valor na página do produto.
Preenchi a descrição de uma forma a me satisfazer e criei uma categoria. Ao criar a categoria, criou-se um botão.
Agora há um botão na minha loja para o cliente rastrear o seu pedido.
Como disse, não sei se é a melhor alternativa, mas me atende.
Visita minha loja: https://desejosocultos.lojaintegrada.com.br/

Espero ter ajudado!

1 curtida

Utilize esse para barra:

<script type="text/javascript" charset="utf-8">
    
    $('.barra-inicial .lista-redes').before(

      '<div class="rastreio-btn span1">'+ 
        '<li class="rastreio-topo"><i class="fa fa-truck"></i>Rastreio Rápido</li>'+
         '<div class="rastreio-content">'+
          '<p>Digite seu código de rastreamento</p>'+
            '<input type="text" name="OrderTracking" id="OrderTracking">'+                
            '<button type="submit" class="rastreio">RASTREAR</button>'+
         '</div>'+
      '</div>'
    );
    
    $(".rastreio").click(
            function() {
                var numerosro = document.getElementById('OrderTracking').value;
                window.open('http://rastreie.me/'+numerosro,'_blank');
            }
        );

    $('.rastreio-btn').hover( 
    function () {
        $('.rastreio-content').fadeIn(400).show();
    },
    
    function(){
        $('.rastreio-content').fadeOut(400).hide();
    });
    
    </script>

<style>

/* Rastreio/barra-inicial*/

.rastreio-content {position: absolute;background: rgb(255, 255, 255);z-index: 999;padding: 10px;text-align: center;border-radius:0px;border: 1px solid rgba(228, 228, 228, 0.59);display: none;box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);margin-top: 7px;}
.rastreio-btn {cursor: pointer;background: rgba(255, 255, 255, 0);width:150px; height:31px ;width: auto!important;}
.rastreio-topo{color:#ffffff;text-align: center;width:140px;/* font-weight: 700; /height:24px;font-size:10.4px;text-transform:uppercase;margin-left: -2px;top: 7px;position: relative;}
.rastreio-topo:hover { color:#ffffff; text-align: center;width:140px; height:24px;font-size:10.4px; text-transform:uppercase; margin-left: -2px; top: 7px; text-decoration: underline;position: relative; }
.rastreio-topo i, .atd-inicial i { font-size:14px; color: #ffffff; margin-right: 6px; }
.rastreio-topo i:hover, .atd-inicial i:hover { font-size:14px; color: #ffffff; margin-right: 6px; }
.rastreio-content p {font-size: 10.7px;font-weight: 500;text-transform: uppercase;/
letter-spacing: 1px; */color: #717171;}
.rastreio-content h1 {font-size: 32px;color: #000;}
#OrderTracking {width: 160px;border: 0;box-shadow: none;background-color: rgba(245, 245, 245, 0); box-shadow: inset 0px 0px 0px 1px rgb(204, 204, 204) !important; border-radius:0px;}
.rastreio {background: #ea1725;margin-top: -10px;padding: 3px 5px 5px 5px;border-radius: 3px;font-family: ‘Open Sans’;font-size: 11px;border-radius: 0px;margin-left: 5px;color: #fff;font-weight: 500;}
.rastreio:hover {background: #c1131f; color: #ffffff !important;}

</style>

Vai ficar assim:

image

3 curtidas

Obrigado, vou testar depois.

Verei também, obrigado.

Apareceu mas ficou tudo desconfigurado.

Pode detalhar pra gente onde colocar esse seu link? Vc escreveu para barra mais não compreeendi.

Esse código é para barra inicial, onde ficam localizados os ícones de redes sociais e dados de contato, para inclui-lo.

Painel > Minha loja > Aparência > Código HTML

  • Coloque como HTML
  • Todas as páginas

Willliam_Fortuna

Esse código é para barra inicial, onde ficam localizados os ícones de redes sociais e dados de contato, para inclui-lo.
Painel > Minha loja > Aparência > Código HTML
Coloque como HTML
Todas as páginas

Boa tarde!
Você informou 02 códigos
O primeiro foi com a descrição - Utilize esse para barra:
E o segundo foi com descrição - /* Rastreio/barra-inicial*/

Qual devo inserir no código HTML, para que seja visualizado na barra inicial?

Desde já agradeço o código de rastreio no rodapé!
Ficou Show!

O primeiro mencionado é para utilizar em página e o segundo na barra inicial.

Insira o segundo no html.