Passar para o conteúdo principal

Como adicionar um alerta personalizado na página de carrinho?

Neste artigo, explicamos como configurar um alerta visual na página de carrinho de compras do seu e-commerce.

Atualizado há mais de 2 semanas

Como adicionar um alerta personalizado na página de carrinho?

Neste artigo, explicamos como configurar um alerta visual na página de carrinho de compras do seu e-commerce. Essa funcionalidade permite que você destaque avisos importantes como promoções, mensagens institucionais ou regras para o fechamento do pedido.

Onde essa mensagem aparece?

A mensagem é exibida como uma faixa destacada logo acima das formas de pagamento no carrinho:


Como configurar o alerta no Admin

Siga o passo a passo abaixo para inserir ou editar a mensagem:

1. Acesse o Admin do sistema

  • Vá até o menu: Configurações > Parâmetros

2. Filtre pela chave cart-component

Utilize o campo de busca para localizar a chave correta:

3. Clique no botão de editar da linha correspondente

4. Localize ou crie o campo "checkout-alert"

Já dentro do campo de parâmetros, procure pela chave checkout-alert:

  • Se a chave já existir, adicione o conteúdo entre as aspas:

"checkout-alert": "Promoção válida até amanhã! Aproveite frete grátis acima de R$ 300,00.",

  • Se a chave ainda não existir, adicione a linha no local adequado da estrutura:

...

"checkout-alert": "Promoção válida até amanhã! Aproveite frete grátis acima de R$ 300,00."

...

💡 Dica: Você pode usar emojis e HTML básico, como <b> para negrito, para destacar ainda mais o conteúdo.

Boas práticas e recomendações

  • Clareza na mensagem: Use frases diretas e relevantes. Evite textos muito longos.

  • Estilização consciente: Utilize emojis, negrito ou cores apenas quando realmente necessário, para não distrair o cliente.

  • Atualização periódica: Lembre-se de atualizar ou remover alertas que tenham prazos ou datas específicas.

  • Evite duplicidade: Use apenas uma mensagem de destaque por vez para não confundir o usuário.

Respondeu à sua pergunta?