Rastreio de Correios na Home

adamac · Abril 7, 2017, 7:36pm

Caros colegas,

Já vi algumas lojas que oferecem uma ferramenta de rastreio dos envios via Sedex.Gostaria de oferecer este serviço na minha loja também. Alguém sabe me informar como fazer ou indicar algum link que explique?

obrigado

Willliam_Fortuna · Abril 7, 2017, 9:18pm

Oi, segue um código para ajuda-lo, caso seja necessário, depois coloco somente o código da ferramenta.

<script type="text/javascript">
 $(function(){
    var centralAtendimento = $('.centraldeatendimento');
    $('#cabecalho .conteudo-topo .superior .span8').append(centralAtendimento);
    $(".rastreio").click(
        function() {
            var numerosro = document.getElementById('OrderTracking').value;
            window.open('http://websro.correios.com.br/sro_bin/txect01$.QueryList?P_LINGUA=001&P_TIPO=001&P_COD_UNI='+numerosro,'_blank');
        }
    );
    var telefone = $('.span6 table.table tbody tr:nth-child(3) td:nth-child(2) span').html();
    $('.numerotelefone').html(telefone);
    var whatsapp = $('.span6 table.table tbody tr:nth-child(4) td:nth-child(2) span').html();
    $('.numerowhatsapp').html(whatsapp);
    var skype = $('.span6 table.table tbody tr:nth-child(5) td:nth-child(2) span').html();
    $('.nomeskype').html(skype);
    var email = $('.span6 table.table tbody tr:nth-child(7) td:nth-child(2) span').html();
    $('.email').html(email);  
    $(".dropdown").hover(          
        function() {
            $('.dropdown-menu', this).stop( true, true ).fadeIn("fast");
            $(this).toggleClass('open');
            $('b', this).toggleClass("caret caret-up");                
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).fadeOut("fast");
            $(this).toggleClass('open');
            $('b', this).toggleClass("caret caret-up");                
    });
});

.centraldeatendimento {
    position: absolute;
    top: 80px;

}
.dropup, .dropdown {
    position: relative;
    left: 345px;
    font-weight: 700;
    font-size: 14px;
    width: 10px;
    border-radius: 5px 5px 5px 5px;
    height:25px;
    background: #FFFFFF;
  
}
.dropdown ul.dropdown-menu {
    margin-top: 0px;
    margin-left: 0px;
    background: #FFFFFF;
    width: 235px;
    padding: 0px 12px;
    text-align: center;
    left: -45px;
}
.rastreio {
    background: #2A2A2A;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
}
.rastreio:hover {
    color: #ffd700;
}
.duvidas {
    margin-top: 5px;
    font-size: 16px;
    color: #CC2229;
    font-weight: 900;
}
.email {
    margin-top: 5px;
    font-size: 15px;
    color: #ffd700;;
    font-weight: 900;
}
.telefone {
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #08c;
}
.whatsapp {
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #08c;
}
.skype {
    font-size: 14px;
    font-weight: 900;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ffd700;
}
label {
    font-size: 11px;
    font-weight: bold;
    color: #2A2A2A;
    margin-top: -5px
}
p.numerotelefone {
    margin: 0 0 10px;
    text-transform: none;
    font-size: 13px;
}
p.numerowhatsapp {
    margin: 0 0 10px;
    text-transform: none;
    font-size: 13px;
}
p.nomeskype {
    margin: 0 0 10px;
    text-transform: none;
    font-size: 14px;
}
p.email {
    margin: 0 0 10px;
    text-transform: none;
    font-size: 14px;
}
p.faleconosco {
    margin: 0 0 10px;
    text-transform: none;
    font-size: 14px;
}
p.telefonehora {
    font-size: 10px;
    margin-top: -12px;
    color: #34A853;
}
p.hora {
    font-size: 12px;
    margin-top: -7px;
    color: #34A853;
}
.botao.pequeno {
    font-size: 12px;
    padding: 3px 10px;
    color: white;
    font-weight: bold;
}
.open>.dropdown-menu {
   min-width: 100px;
}

Atendimento

adamac · Abril 7, 2017, 10:17pm

Obrigado William, vou experimentar e depois te falo. Aonde ele será exibido?

adamac · Abril 7, 2017, 10:21pm

Acho que vou precisar apenas do codigo da ferramenta.
Pelo que pude ver, o que você mandou é algo mais completo com outras coisas.

elevenonestore · Abril 8, 2017, 11:54am

Este código é HTML? tentei na minha loja e não funcionou

Willliam_Fortuna · Abril 8, 2017, 3:46pm

Inclua o primeiro e o segundo como tipo HTML.

Não tem erro!

pitu · Abril 8, 2017, 4:37pm

Erro no rastreio dos pedidos via PAC OU SEDEX.
Alguem esta experimentando o mesmo tipo de erro?
Quando coloco para ratrear os pedidos, aparece um erro que o OBJETO NAO FOI ENCONTRADO.

sexyprodutos · Abril 10, 2017, 1:25pm

Também estamos com problema de rastreamento em nossa loja, há vários dias nenhum pedido está sendo
rastreado e aparece sempre a mesma mensagem, OBJETO NÃO ENCONTRADO OU VER NOS CORREIOS.

adamac · Abril 10, 2017, 1:57pm

Não tem CSS?? Ambos em Cabeçalho ou rodapé? Em que lugar da loja isso deve ser exibido?

Willliam_Fortuna · Abril 11, 2017, 12:10am

Rodapé, coloca ambos como HTML

adamac · Abril 11, 2017, 1:32pm

Não está funcionando.

Lucas_Alves · Agosto 14, 2017, 3:09pm

Está dando erro na primeira linha!

adamac · Agosto 14, 2017, 6:53pm

O código é do William Fortuna. Ele que me forneceu.

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail
Livre
de vírus. www.avast.com
https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail.
<#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

Willliam_Fortuna · Agosto 27, 2017, 3:57pm

Oi galera, mude esse link.

Por:
http://rastreie.me/

Willliam_Fortuna · Setembro 1, 2017, 1:33am

Atualizado, somente rastreio.

 <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>

Buyall-USA · Novembro 30, 2017, 5:13am

Olá, tem como fazer igual a caixa de pesquisa nao? com a area de pesquisa ja e o botao ao lado como a figura do caminhão dentro do botão e dentro da caixa de pesquisa escrito a frase “digite seu código de rastreiamento” ficaria mais pratico para o cliente, evita muitos cliques

erica_rosa · Dezembro 3, 2017, 2:18am

Colei os dois códigos não aconteceu nada. Como faco para deixar igual a sua loja @William_Fortuna?

Alguém conseguiu?

Point_Distribuidora · Setembro 15, 2020, 9:22pm

Este site de rastreio não funciona

Leonardo_Vicentini_F · Setembro 15, 2020, 9:42pm

CSS:

.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-content > p:hover {
    color: black;
}
.rastreio-topo {
    color: black;
    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: black;
    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: black;
    margin-right: 6px;
}
.rastreio-topo i:hover,
.atd-inicial i:hover {
    font-size: 14px;
    color: black;
    margin-right: 6px;
}
.rastreio-content p {
    font-size: 10.7px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: black;
}
.rastreio-content h1 {
    font-size: 32px;
    color: #000;
}
#OrderTracking {
    width: 160px;
    color: #000;
    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: black;
    font-weight: 500;
}
.rastreio:hover {
    background: #c1131f;
    color: black;
}


$('.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://sro.magazord.com.br/correios.php?objeto='+numerosro,'_blank');
            }
        );

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

Point_Distribuidora · Setembro 18, 2020, 7:05pm

Olá @Leonardo_Vicentini_F campeão pode me ajuda com duas coisinhas na minha loja. Eu queria saber se tem como remover o texto pagina inicial o marcado da foto abaixo;

E também queria altera o link do botão home e da logo que quando clicar ir para uma pagina personalizada. Tem como amigo fazer este ai por mim já faz tempo que procuro.

Tópico		Respostas	Visualizações
Código correios Frete e Envio	2	236	9 de Abril de 2020
Entrega pelos correios Frete e Envio	5	239	3 de Setembro de 2021
Script para rastrear mercadorias via correios (Já está pronto - Insira) Frete e Envio	48	23324	30 de Setembro de 2020
ALTERAÇÃO SITE CORREIOS - Consulta Rastreamento Correios Frete e Envio	15	1196	20 de Dezembro de 2021
Gostaria de colocar uma opção para o comprador acompanhar a entrega- Por favoooorrrrr! Layout	12	871	13 de Janeiro de 2022

Rastreio de Correios na Home

Tópicos relacionados