O carrossel de produtos que combinam da Brilliant permite mostrar produtos complementares que combinam com o produto que o cliente está consultando diretamente na página do produto. Dessa forma, ele poderá descobrir outros produtos para completar a compra sem precisar voltar ao catálogo. Por exemplo, se um cliente estiver vendo uma calça, o carrossel poderá sugerir uma camisa, um cinto ou sapatos que combinem com ela.
Neste artigo, você aprenderá como adicionar e configurar o carrossel de produtos que combinam 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 que combinam 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 que combinam 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 template de produto
(Nesta seção, explicamos como acessar o editor do tema no qual você deseja adicionar o carrossel de produtos que combinam.)
1. No painel de administração da Shopify, acesse "Loja virtual > Temas".
2. Localize o tema publicado ao qual deseja adicionar o carrossel e clique em Editar tema.
3. No editor de temas, clique em Produtos.
4. Selecione Produto padrão ou o template de produto no qual deseja mostrar o carrossel.
ETAPA 2. Adição e configuração do carrossel de produtos que combinam
2.1. Adição do carrossel
(Nesta seção, explicamos como adicionar o carrossel de produtos que combinam 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 Adicionar seção no menu lateral.
6. Acesse a aba Aplicativos e selecione Carrossel de produtos que combinam.
7. Arraste o carrossel da barra lateral esquerda até a posição em que deseja exibi-lo na sua loja.
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 Carrossel de produtos que combinam 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 os 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 o espaç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 em dispositivos móveis.
10. Clique em Salvar para aplicar as alterações. Depois de salvas, o carrossel será exibido nas páginas que utilizarem o template de produto ao qual ele foi adicionado.
2.3. Personalização dos cartões de produto
(Nesta seção, explicamos como configurar pela Brilliant a aparência dos cartões de produto exibidos no carrossel de produtos semelhantes.)
11. Volte ao painel de administração da sua loja da Shopify e acesse “Aplicativos > Brilliant”.
12. Na Brilliant, acesse “Design > Página 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 que combinam.
2. Por que aparece o aviso de que Produtos que combinam está desativado?
Esse aviso indica que a habilidade Produtos que combinam está desativada na Brilliant.
Acesse Habilidades e ative Produtos que combinam 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 que combinam está ativada em Habilidades.
- O catálogo terminou de ser processado.
- Se o carrossel não aparecer apenas no celular, verifique se “Produtos visíveis no celular” não está definido como “0”.
Se a Brilliant não encontrar produtos que combinem para um artigo 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 que combinam.
Para impedir que determinados produtos apareçam nas recomendações, acesse “Configurações > Gerenciamento de produtos” e adicione as etiquetas à lista de bloqueio.
5. Também posso adicionar o carrossel de produtos semelhantes?
Sim. É possível adicionar o Carrossel de produtos que combinam e o Carrossel de produtos semelhantes na mesma página de produto.
Saiba como configurá-lo em Adicionar carrossel de produtos semelhantes da Brilliant.
6. Como posso remover o carrossel?
- Acesse o editor de temas da Shopify.
- Selecione Carrossel de produtos que combinam.
- 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 que combinam 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 com eles 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 da Shopify.
Funcionalidades da Brilliant, para conhecer os recursos disponíveis na Brilliant.
Adicionar carrossel de produtos semelhantes da Brilliant, para mostrar alternativas semelhantes nas páginas de produto.
Perguntas frequentes sobre a Brilliant, para esclarecer as dúvidas mais comuns sobre seu funcionamento e configuração.