Olá galera queria compartilhar com vocês, acabei de fazer.
Crie uma página, clique na opção (código fonte) e cole.
Olá galera queria compartilhar com vocês, acabei de fazer.
Crie uma página, clique na opção (código fonte) e cole.
Coloca onde? e vai aparecer onde?
Crie uma página e insira em na opção (código fonte) no editor de texto
Vai ficar assim…
Reparei, estou verificando.
Mas parece que é um problema da página dos correios.
Configurei e deu super certo, obrigada
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…
Realmente, falta muita coisa…
@Willliam_Fortuna…
Bom Dia, utilizamos seu código e o mesmo está funcionando.
Obrigado pelo compartilhamento.
Grupo Fibra Real.
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.
Antes que eu esqueça, muito obrigado
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!
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:
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
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.