> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.icommkt.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como ativar o Histórico de navegação no HUB

Com o “Histórico de Navegação”, os usuários poderão visualizar o histórico dos seus últimos dez produtos navegados no site. Essas informações estarão disponíveis em uma "Lista", que será exibida ao clicar no balão correspondente. Os produtos serão exibidos em ordem cronológica decrescente.

### Acesso
1. Entre no módulo **HUB de Notificações**
2. Selecione a guia **Vitrines**
3. Selecione a opção **Histórico de navegação**

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/1_1o7bcgy.jpg)

###### Configurar

Na coluna da esquerda estão as opções de configuração. À direita, a prévia da vitrine.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/2_1lhn3ns.jpg)

* **Bolha**
Ligue ou desligue o botão.

* **Define a posição**
Selecione a posição em que você gostaria que este balão aparecesse em seu site:
• Esquerda
• Certo

* **Texto da bolha (opcional)**
Escrever legenda do botão

* **Selecione a cor da bolha**
Selecione um título para a lista que será exibida com os produtos mais recentes navegados pelo usuário.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/4_1rwec18.jpg)

* **Título da lista**
Título da última lista visualizada

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/3_1w5w6xl.jpg)

* **Mostrar preços**
Ative ou desative o widget para mostrar os preços

* **Define onde o widget será exibido**
• Em todas as páginas.
• Em um específico.
• Todas as páginas, exceto...: Cole as URLs que deseja incluir separadas por um “,”. Você pode filtrar URLs por prefixo adicionando um asterisco (*) ao final. Por exemplo: https://www.yourpage.com/checkout/*. (Isso também se aplica a pop-up de saída e banners)

3. Clique no botão **Salvar** para finalizar

### Aparência

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/apariencia-historico_qkalod.jpg)

Configurar a aparência da vitrine

• Selecione o estilo: arredondado ou quadrado.
• Selecione uma fonte.

* Clique no botão **Salvar mudanças** para finalizar

### Prefiro fazer upload de HTML

Use esta opção para adicionar seu layout em HTML.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/html-historico_1ui3wcr.jpg)

* **Carregue o HTML para o contêiner do produto:** dentro, os produtos serão exibidos substituindo {{products}} pela lista de produtos populares.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/html-1_1djk82p.jpg)

* **Carregue o HTML para cada produto:** Cada produto na tag {{products}} será substituído por este código. Dentro deste HTML, os textos {{name}} {{description}} {{price}} {{image}} {{url}} serão substituídos pelo título, descrição, preço, imagem e URL de cada produto.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/html-2_109bfcb.jpg)

||| Importante! O link que aciona a ação para exibir o widget deve ter o id "wpn-ir-inline". Além disso, links para produtos devem ter a classe "wpn-inline-product-link".

|| Você pode usar o botão USAR CONFIGURAÇÃO PADRÃO para retornar ao modo personalizado

### Visualização

Você pode visualizar a vitrine no setor direito da tela, tanto na versão desktop quanto na versão móvel.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/ultimos-vistos-gif-visualizaci_1ob6f8r.gif)