> ## 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 Itens Popular no HUB

Mais populares, mostra os produtos em alta no seu site. Com esta ferramenta, os usuários descobrirão quais são os produtos mais visitados. Todas as pessoas que acessarem o site verão a mesma lista, composta por produtos populares, ordenados em ordem decrescente. Para criar esta lista, levaremos em consideração o número de visitas de cada produto.

### Acesso

1. Entre no módulo **HUB de Notificações**
2. Selecione a guia **Vitrines**
3. Selecione a opção **Itens populares**

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

### Configurar

Configure a vitrine

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/configuracion-itens-populares_104euk.jpg)

* **Bolha acesa**
Ative ou desative o botão de energia da bolha.

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

* **Bolha de título**
Selecione (opcional) um título para o balão de até 35 caracteres.

* **Selecione a cor da bolha**
Selecione uma cor na paleta

* **Título da listagem**
É aquele que será exibido com os últimos produtos navegados pelo usuário.

* **Mostrar preços**
Ative ou desative a opção

* **O widget será exibido em**
Selecione uma opção:
• Em todas as páginas.
• Em um específico.
• Todas as páginas, exceto (definir).

### Aparência

Configurar a aparência da vitrine

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

• 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-itens-populares_1xg01a8.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_cyn3pb.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_2x1cw3.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 o design da vitrine a versão para Desktop e Mobile.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/gif-itens-visualizacion_gl07ma.gif)