Criar Mensagem de Alerta Sobre Frete

Pessoal,
boa noite! Tudo bem?

Minha loja (www.ecotopaquarios.com.br) comercializa, alem de produtos específicos para aquários, plantas aquáticas.

A questão é que plantas aquáticas são seres vivos e, por isso, opções de envio que demoram muitos dias para serem entregues podem ser um problema para a planta. Basicamente, envios que demorem mais de 3 dias úteis são ruins…

Ja coloquei uma observação sobre isso na descricao de cada planta, na página de descrição do produto, entretanto, gostaria de folocar uma mensagem de aviso na hora que o cliente tem para escolher seu frete, já que, infelizmente, muitos cliente não param para ler a descrição do produto e, para piorar, optam por prazos longos, que, em geral, são mais baratos.

Ja passei por uma situação onde um cliente escolheu o prazo de 13 DIAS ÚTEIS para o envio da planta… Claro que ela não chegaria viva…

Por conta disso, gostaria de poder adicionar esta observação em algum lugar mais “objetivo”.

Vou colocar em anexo exemplos de outras lojas que fazem o que eu gostaria de fazer, para que fique mais claro.

Muito obrigado!


3 curtidas

Boa tarde, amigo! Será que um aviso acima do frete ajuda?

Se ajudar, segue o código e os passos para implantação:

Incluir código HTML > Adicionar Código

  1. Descrição: Coloque o nome que quiser
  2. Local de publicação (Rodapé): Página do produto
  3. Tipo: HTML
<script>
$(document).ready(function(){ 
    $("#formCalcularCep").before("<div class='novo-alerta'><strong>Coloque o seu título</strong><p>Alguma mensagem que queira colocar para avisar todas as pessoas</p></div>");
   });
</script>

<style>
   .novo-alerta {
    display: table;
    align-items: center;
    justify-content: center;
    background-color: #ff7c02;
    border: 0px solid #dddddd;
    border-radius: 5px;
    height: 45px;
    margin-top: 0px;
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
    width: 90% !important;
    box-shadow: 0 1px 4px 0 #b1b1b147;
}

.novo-alerta strong {
    color: white;
    font-size: 16px;
}

.novo-alerta p {
    color: white;
    font-size: 14px;
}
</style>

Caso queira estilizar basta mudar as cores ou dimensões na tag <style*

2 curtidas

Ficou bom esse script, parabéns pela dica.
Por acaso, para aparecer igual na página do carrinho, saberias como fazer. Fiz um teste, mudando a página para o carrinho, mas não funcionou. :slight_smile:

1 curtida

Nossa! Sensacional! Muito obrigado mesmo!!! Ficou EXCELENTE!!! Tô tão feliz!!!

Muito obrigado!!!

1 curtida

Bom dia! Tem como sim. Só preciso de um print mostrando o lugar que você quer que fique.

1 curtida

Bom dia! Ah, que legal. Segue print do local que creio ser o melhor para a visualização do cliente. :wink:

1 curtida

O estilo continua o mesmo! Qualquer coisa só avisar que te ajudo.

<script>
$(document).ready(function(){ 
    $("#formCalcularCep").before("<div class='novo-alerta'><strong>Coloque o seu título</strong><p>Alguma mensagem que queira colocar para avisar todas as pessoas</p></div>");
    $("form#formCalcularFrete").after("<div class='novo-alerta'><strong>Coloque o seu título</strong><p>Alguma mensagem que queira colocar para avisar todas as pessoas</p></div>");
   });
</script>

3 curtidas

Amigo, ficou perfeito! Muito obrigado por ajudar. Sucesso!

1 curtida

Irmão, bom dia! Tudo bem?

Revivendo o post de 1 ano atrás… kkkkk Mais uma vez, obrigado pela ajuda!

O que eu preciso alterar no código, para colocar a mensagem no CARRINHO?

Muito obrigado!!!

Bom dia, estou fazendo uma pesquisa sobre alerta, gostaria de saber se consigo determinar o alerta para uma determinadas classe de produto!

Tenha um Otimo dia.

Segue exemplo do que eu fiz.