Adicionar uma mensagem informativa em destaque

Neste artigo vamos te mostrar como adicionar uma mensagem informativa acima da barra de navegação da loja.

Este recurso pode ser usado para destacar informações importantes para os usuários, fornecer um link ou simplesmente adicionar o texto que você quiser.

Vamos te mostrar como adicionar um nav-header na loja como este:

1. Vá para Painel de Controle > Configurações > Avançado

2. Copie o seguinte código:

<script>
var huincha = document.querySelector('#Nav');
var header = document.querySelector('.Header').classList.remove('fixed-top');
huincha.insertAdjacentHTML( 'beforebegin', '<div class="alert" role="alert" style="margin-top:0px; margin-bottom: 0px; text-align: center; background-color: #1b5990; color: #ffffff; font-weight: bold; border-radius: 0">Faça login e encontre todos os seus ebooks na seção Minhas Publicações.</div>');
</script>

NOTA:

• Você pode modificar o texto em negrito adicionando o que deseja comunicar aos usuários.

0">Faça login e encontre todos os seus ebooks na seção Minhas Publicações.</div>');

• Você pode modificar a cor do texto e a cor de fundo adicionando o código HTML de cada cor em background-color e color (cor do texto).

3. Cole o código na caixa Custom before </body> code.

4. Salve as alterações.

Pronto! Você já deve ter o componente disponível na tela de início da loja.

Se quiser modificar ainda mais a personalização, você precisará ter conhecimento em HTML, CSS e JavaScript ou pode consultar um especialista.

Esperamos que este tutorial tenha sido simples para você. Se tiver dúvidas, escreva para support@publica.la.

Atualizado em: 11/05/2026