Passar para o conteúdo principal
Como adicionar tarja de aviso sobre as Greves dos Correios no topo da loja

[Disponível para planos pagos] Explicação sobre as greves dos Correios e aplicação de código para aviso no topo do site.

Atualizado há mais de 5 meses

🚨 Importante saber:

  • A personalização sugerida nesse artigo poderá quebrar o código da sua loja, por isso, não realize sem o conhecimento prévio ou auxílio de desenvolvedores;

  • Esse código deverá ser aplicado na sua loja temporariamente, até que os Correios normalizem as suas operações;

  • Para remover o código, basta apagar a página do código que será criada;

  • Não nos responsabilizamos por alterações neste código.

Explicando a greve dos Correios

Os Correios estão em greve, por isso, os serviços de entrega estão sendo realizados de forma mais lenta e sem um prazo claro para normalização.

O status da sua encomenda está como "Objeto em transferência - por favor aguarde", que significa que ela está em posse dos Correios, no entanto, devido à greve, o processamento e a entrega devem demorar um pouco mais do que o habitual.

Nesse caso, o que te recomendo é notificar seu cliente sobre a greve e também configurar um prazo adicional de alguns dias nas formas de envio.

Tão logo os Correios normalizarem os envios, as encomendas serão entregues.


Sobre a tarja de aviso da greve dos Correios.

Solução: A customização servirá para alertar os clientes sobre um possível atraso da chegada da encomenda devido à greve dos Correios. E toda a configuração será realizada via código HTML na sua loja.


Após configurado, será apresentado dessa forma:


Como adicionar a tarja de greve dos Correios na minha loja?

Para adicionar a tarja de greve dos Correios no topo da sua loja, siga os passos abaixo:

  1. No menu lateral da sua loja, acesse: Personalize sua loja;

  2. Clique em: Incluir código HTML;

  3. Clique em: Adicionar código

Dessa forma, abrirá a página de adição de códigos e preencha as seguintes informações:

  • Descrição: Aviso Correios;

  • Local de publicação: Cabeçalho;

  • Página de publicação: Todas as páginas

  • Tipo: HTML


Agora, no campo de Conteúdo, cole o código abaixo:


<!-- Tarja de Aviso -->

<div id="tarja-aviso" style="background-color: #ffcc00; color: #000; text-align: center; padding: 10px; font-weight: bold; position: relative; display: none;">

Atenção: Devido à greve dos Correios, as entregas podem sofrer atrasos. Contamos com a sua compreensão!

<button onclick="fecharTarja()" style="position: absolute; right: 10px; top: 5px; background-color: transparent; border: none; font-size: 16px; cursor: pointer;">&times;</button>

</div>

<script>

function fecharTarja() {

document.getElementById('tarja-aviso').style.display = 'none';

localStorage.setItem('tarjaFechada', 'true');

}

window.onload = function() {

if (!localStorage.getItem('tarjaFechada')) {

document.getElementById('tarja-aviso').style.display = 'block';

}

}

</script>


Por último, clique em: Salvar alterações.

Pronto! Dessa forma, será aplicada a tarja informando sobre a Greve dos Correios.

Respondeu à sua pergunta?