O carrossel de produtos que combinam da Brilliant permite exibir produtos complementares que combinam com o produto que o cliente está visualizando diretamente na página do produto. Dessa forma, ele pode 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 você quiser exibir 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 às 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. Acessar o modelo 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 "Online store > Themes".
2. Localize o tema publicado ao qual você 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 você deseja exibir o carrossel.
ETAPA 2. Adicionar e configurar o carrossel de produtos que combinam
2.1. Adicionar o 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 Add section no menu lateral.
6. Acesse a aba Apps e selecione Products that combine carousel.
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. Personalizar o 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 Products that combine 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 distância 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 usam o modelo de produto ao qual ele foi adicionado.
2.3. Personalizar os 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 semelhantes.)
11. Volte ao painel de administração da sua loja da Shopify e acesse “Apps > 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 o design ficará. 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 somente no celular, verifique se “Produtos visíveis no celular” não está definido como “0”.
Se a Brilliant não encontrar produtos que combinam 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 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 Products that combine 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 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 Shopify.
Funcionalidades da Brilliant, para conhecer os recursos disponíveis na Brilliant.
Adicionar carrossel de produtos semelhantes da Brilliant, para exibir 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.