O carrossel de produtos similares da Brilliant permite mostrar alternativas parecidas ao produto que um cliente está visualizando diretamente na página do produto. Dessa forma, ele poderá descobrir outras opções sem precisar voltar ao catálogo.
Neste artigo, você aprenderá como adicionar e configurar o carrossel de produtos similares da Brilliant nas páginas de produto da sua loja Shopify.
Tempo de implementação: 10 min.
Dificuldade: Fácil.
Quando usar?: Quando quiser mostrar recomendações de produtos similares nas páginas de produto da sua loja.
Antes de começar
Antes de adicionar o carrossel, verifique se:
- O Brilliant Control Center está ativado no seu tema da Shopify.
- A habilidade Produtos similares está ativada em Habilidades.
- Seu tema da Shopify permite adicionar blocos de aplicativos nas páginas de produto.
Os temas Online Store 2.0 da Shopify, como o Dawn, são compatíveis com blocos de aplicativos.
ETAPA 1. Acesso ao modelo de produto
(Nesta seção, explicamos como acessar o editor do tema no qual você deseja adicionar o carrossel de produtos similares.)
1. No painel de administração da Shopify, acesse "Online store > Themes".
2. Localize o tema publicado ao qual deseja adicionar o carrossel e clique em Edit theme.
3. No editor de temas, clique em Products.
4. Selecione Default product ou o modelo de produto no qual deseja mostrar o carrossel.
ETAPA 2. Adição e configuração do carrossel de produtos similares
2.1. Adição do carrossel
(Nesta seção, explicamos como adicionar o carrossel de produtos similares da Brilliant pelo Editor de temas da Shopify e como definir sua posição na página de produto.)
5. No editor de temas da Shopify, clique em Add section no menu lateral.
6. Acesse a aba Apps e selecione Similar products carousel.
7. Arraste o carrossel da barra lateral esquerda até a posição em que deseja exibi-lo no seu site.
Recomendamos adicionar o carrossel como uma seção independente abaixo das informações do produto, para que ele possa ocupar toda a largura disponível.
2.2. Personalização do carrossel
(Nesta seção, explicamos como configurar o conteúdo e a aparência do carrossel.)
8. No editor de temas da Shopify, clique em Similar products carousel para abrir as configurações.
9. Na barra lateral direita, você poderá configurar as seguintes opções:
- “Nome”: define o nome do bloco no editor de temas. Esse nome não é exibido para seus clientes.
- “Texto do título”: define o título exibido acima do carrossel. O valor padrão é “Você também pode gostar”.
- “Cor do texto do título”: define a cor do título.
- “Tamanho da fonte do título”: define o tamanho da fonte do título.
- “Cor do texto de Ver mais”: define a cor de Ver mais.
- “Tamanho da fonte de Ver mais”: define o tamanho da fonte de Ver mais.
- “Produtos visíveis no desktop”: define quantos produtos são exibidos simultaneamente no desktop, de 1 a 6.
- “Preenchimento vertical”: define o espaço vertical ao redor do carrossel.
- “Preenchimento horizontal”: define o espaço horizontal ao redor do carrossel.
- “Espaçamento entre produtos”: define a separação entre os cartões de produto.
- “Produtos visíveis no celular”: define quantos produtos são exibidos simultaneamente em dispositivos móveis, de 0 a 3. Se você selecionar “0”, o carrossel não será exibido no celular
10. Clique em Salvar para aplicar as alterações. Depois de salvas, o carrossel será exibido nas páginas que usam o modelo de produto ao qual ele foi adicionado.
2.3. Personalização dos cartões de produto
(Nesta seção, explicamos como configurar na Brilliant a aparência dos cartões de produto exibidos no carrossel de produtos similares.)
11. Volte ao painel de administração da sua loja Shopify e acesse “Apps > Brilliant”.
12. Na Brilliant, acesse “Design > Cartão de produto” e, na barra lateral direita, configure a aparência geral dos cartões de produto, como a proporção das imagens ou as bordas.
13. Clique em Salvar para aplicar as alterações.
Perguntas frequentes
1. Por que não vejo os produtos reais no editor da Shopify?
No editor de temas, é exibida uma prévia com produtos de exemplo para que você possa verificar como ficará o design. Na sua loja, cada página de produto exibirá seus próprios produtos similares.
2. Por que aparece o aviso de que Produtos similares está desativado?
Esse aviso indica que a habilidade Produtos similares está desativada na Brilliant.
Acesse Habilidades e ative Produtos similares para que o carrossel possa ser exibido na sua loja.
3. Adicionei o carrossel, mas ele não aparece na minha loja
Verifique se:
- Você salvou as alterações no editor de temas.
- Você adicionou o carrossel ao tema publicado na Shopify.
- A Brilliant está ativada em Início.
- A habilidade Produtos similares está ativada em Habilidades.
- O catálogo terminou de ser processado.
- Se o carrossel não aparecer somente no celular, verifique se “Produtos visíveis no celular” não está definido como “0”.
Se a Brilliant não encontrar produtos similares para um item específico, o carrossel não será exibido nessa página.
4. Posso escolher quais produtos aparecem no carrossel?
A Brilliant seleciona automaticamente os produtos similares.
Para evitar que determinados produtos apareçam nas recomendações, acesse “Configurações > Gerenciamento de produtos” e adicione as etiquetas deles à lista negra.
5. Também posso adicionar o carrossel de produtos que combinam?
Sim. É possível adicionar o Carrossel de produtos similares e o Carrossel de produtos que combinam na mesma página de produto.
Saiba como configurá-lo em Adicionar carrossel de produtos que combinam da Brilliant.
6. Como posso remover o carrossel?
- Acesse o editor de temas da Shopify.
- Selecione Similar products carousel.
- Clique em Excluir seção ou Excluir bloco, dependendo de como você o adicionou. Você também pode usar Ocultar sem excluí-lo.
- Clique em Salvar.
Sucesso!
O carrossel de produtos similares já está pronto para ser exibido nas páginas de produto da sua loja Shopify.
Ficou com alguma dúvida?
Lembre-se de que nossa equipe de suporte está à sua disposição. Você pode entrar em contato escrevendo para support@getbrilliant.ai.
Continue aprendendo!
Para aproveitar todo o potencial da sua conta na Brilliant, recomendamos continuar com os seguintes artigos:
Guia para instalar a Brilliant, para configurar a Brilliant na sua loja Shopify.
Funcionalidades da Brilliant, para conhecer os recursos disponíveis na Brilliant.
Adicionar carrossel de produtos que combinam da Brilliant, para mostrar produtos complementares nas páginas de produto.
Perguntas frequentes sobre a Brilliant, para esclarecer as dúvidas mais comuns sobre seu funcionamento e configuração.