> ## 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).

# Carrossel Itens Populares no Notification Hub

Os produtos mais populares serão exibidos em formato de carrossel acima do rodapé da página inicial do site. Na versão para desktop, até 7 produtos podem ser mostrados.

### Acesso

1. Acesse o módulo **Hub de Notificações**

2. Selecione a função de **Carrosséis**

3. Acesse a opção **Mais Populares**

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-1_1qqdn27.jpg)

### Configuração

Você pode configurar o carrossel de forma personalizada.

1. Escolha um título
Será exibido como cabeçalho do carrossel. Por exemplo: "Os produtos mais escolhidos"

2. Cor do link

3. Mostrar preços
Com esta opção, você pode escolher se deseja exibir o preço dos produtos mais populares ou não.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-2_qqvz9.jpg)

### Aparência

Configure o visual do carrossel.

1. Linha do contêiner do produto
Selecione esta opção para delimitar em um quadro os produtos que serão exibidos no carrossel. Você pode escolher entre estilo quadrado ou arredondado.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-3_1tw65it.jpg)

2. Cores
Selecione:

* Cor da borda

* Cor de fundo

* Cor do título

* Cor do preço

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-4_19jtr2s.jpg)

### Upload de HTML

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

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-5_qewosw.jpg)

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

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-6_4aec8o.jpg)

* **Carregue o HTML para cada produto:** Cada produto da 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/itens-populares-7_19a1jl4.jpg)

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

### Visualização

Você pode visualizar o design do carrossel na janela de configuração.

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