Visual Merchandising - Hotsites

Dentro de Vitrines, exibimos um módulo de “Visual Merchandising”, onde nele você pode cadastrar Hotsites e ordenações para hotsites. No artigo de “Ordenações de Hotsites” você pode encontrar como ordenar um hotsite de acordo com vários critérios, acesse este artigo para definir a ordenação dos produtos que serão exibidos no hotsite.

Agora, veja como criar um hotsite, filtrando e destacando produtos de acordo com critérios e definições que preferir.

Acesso ao Visual Merchandising

Para ter o acesso à essas telas, é necessário liberar as permissões de “visual merchandising” no controle de acessos em “Perfis”.

Criando um novo Hotsite

Para criar um novo hotsite, acesse o módulo de Visual Merchandising no menu e em listagem de hotsites clique em “+ Novo Hotsite”. Após isso você será redirecionado para a tela de criação de hotsite e a partir disso teremos as seguintes opções para serem preenchidas:

• Configurações do Hotsite
• Performance
• Definição e priorização dos produtos por critérios
• Produtos, kits e listas individuais
• Resultado dos Produtos Ordenados

Configurações do Hotsite

Neste campo, você vai definir as configurações básicas do hotsite, como:

• Nome do hotsite: defina o nome para o hotsite, ele não pode ser igual ao nome de um hotsite já existente.
• Status: informe se o hotsite já está ativo ou inativo.
• Data de início: defina uma data de início para o hotsite, ele só passará a ser exibido após a data de início, por isso é importante realizar a indexação da loja após a criação para que esta leitura de lançamento seja feita e o hotsite disponibilizado na data correta
• Data Final: esta data indica quando o hotsite deverá parar de ser exibido.
• Atualização automática da vitrine: este item só aparecerá em hotsites automáticos, ele indica que um hotsite automático deverá parar de ser atualizado com novos itens que sejam adicionados a uma categoria por exemplo e permite que ele seja editado..
• URL do Hotsite: insira a url que o hotsite vai ter, ela não pode ser igual à um hotsite já existente.
  • Hotsites automáticos possuem URL fixa que não pode ser alterada.
• Número de produtos por página: defina quantos spots de produtos aparecerão em cada página do hotsite, se esse valor for 0, não serão exibidos produtos no hotsite.
• Seleciona a ordenação: Este campo se refere às ordenações de hotsites, temos ordenações padrões da plataforma e ordenações personalizáveis, confira sobre as ordenações acessando o artigo “Ordenações de Hotsites”.
• Banners: vincule banners para serem exibidos em seu hotsite
• Conteúdos: vincule conteúdos para serem exibidos em seu hotsite

Hotsites automáticos

Hotsites automáticos são hotsites criados automaticamente através de algum recurso que gere hotsites na plataforma, estes recursos podem ser Marcas, Categorias, Coleções, Autores, Gêneros e Editoras. Eles geralmente são atualizados de acordo com o vínculo, ou seja, sempre que vincular um produto nestes campos citados acima, eles aparecerão automaticamente no hotsite.

Esses hotsites contém a label “hotsite automático” e não podem ser atualizados pelo modo “wizard”, apenas via expressões.

Performance

Defina todos os dados de SEO de seu hotsite, como Title, Meta description e etc, você pode conferir o que cada campo deste item faz acessando o artigo de “Otimização de SEO”, onde possui um tópico exclusivo para otimizações de SEO para hotsites.

Definição e priorização dos produtos por critérios

Nesta etapa, você pode selecionar os produtos pelo modo código, que seriam as expressões utilizadas na plataforma, ou através do método Wizard, uma solução inovadora desenvolvida para facilitar a seleção de produtos no Hotsite.

No modo Wizard, você pode definir critérios que estejam vinculados a produtos para que eles sejam adicionados ao hotsite, por exemplo, você pode selecionar o critério “categoria” e as categorias “feminino” e “masculino”, desta forma todos os produtos que estiverem na categoria masculino ou feminino, seriam exibidos no hotsite, no exemplo abaixo, os dois valores adicionados são as categorias mencionadas.

Agora digamos que os produtos precisam possuir mais critérios, você pode selecionar para que que sejam exibidos os produtos das categorias “Feminino” e “Masculino” E que sejam da coleção “Inverno”, para fazer essa lógica “E” temos o botão abaixo do critério, sendo possível selecionar “E” e “OU”. 

Quando for selecionada a opção “E” os produtos precisarão atender todos os critérios listados para que sejam exibidos.

Quando for selecionada a opção “OU” os produtos que atenderem um critério OU outro serão adicionados.

Exemplo:

No print acima, selecionamos a opção “E”, ou seja, todos os produtos que estiverem na categoria “Masculino” ou  “Feminino” E TAMBÉM forem da coleção “Inverno”, serão adicionados ao hotsite.

Lógica: 

• Produtos da categoria masculino ou feminino que forem da coleção inverno aparecerão.
• Produtos da coleção inverno mas que estiverem na categoria “infantil”, por exemplo, não serão apresentados no hotsite pois, o parâmetro “E” especifica que o produto precisa atender todos os critérios para ser selecionado.

No outro exemplo abaixo, selecionamos a opção “OU”, isso quer dizer que todos os produtos das categorias “Femininos”, “Masculinos” OU  da coleção inverno deverão ser retornados.

Lógica: 

• Produtos da categoria masculino ou feminino que forem da coleção inverno aparecerão.
• Produtos da coleção inverno mas que estiverem na categoria “infantil”, por exemplo, também serão adicionados ao hotsite, pois, o parâmetro “OU” faz com que todos os produtos que atenderem um critério ou outro sejam exibidos.

O modo código, que seria por expressões, você pode entender como funciona acessando o artigo sobre “Expressões de Hotsites”. Neste modo os campos de destaque e inclusão de produtos avulsos ou por planilha são desabilitados.

Produtos, kits e listas individuais

Além dos filtros do modo Wizard, também podemos inserir produtos, kits e listas de compras individualmente no hotsite, seja através da busca e filtros de produtos, ou através de importação de arquivo.

Busque produtos por nome ou sku, filtre através de categorias, marcas, preço ou estoque, selecione os produtos e os inclua no hotsite.

Também é possível adicionar produtos fazendo upload de arquivos, basta baixar o modelo, preencher com os IDs dos produtos, listas de compras e kits separados por vírgulas (arquivo CSV) e fazer a importação.

O arquivo é preenchido com os IDs dos produtos em uma coluna e com os IDs de kits e listas de compras em outra. O arquivo deve conter apenas duas colunas, pois, listas de compras e kits podem ser incluídos juntos.

Este arquivo é em formato .CSV e pode ser editado no excel (ou aplicativo de planilhas) ou até mesmo no bloco de notas, da seguinte forma:

Kits e listas junto com produtos:

Repare que temos mais listas do que produtos, por isso vem a vírgula e depois o id da lista.

Se for uma importação apenas com produtos, não precisamos colocar vírgulas e nem outros ids:

Se for uma importação apenas de listas, precisa ter a vírgula antes do ID da lista:

Resultado dos produtos ordenados

Neste campo é possível visualizar a ordem que os produtos serão apresentados no hotsite e destacar até 100 produtos. Os produtos serão exibidos na “Lista de Produtos Ordenados” exatamente como serão apresentados no hotsite, o que define a ordenação destes produtos é a ordenação vinculada no hotsite nas configurações.

Repare que os produtos já estão separados por cores, respeitando a ordenação que foi criada no artigo “Ordenações de Hotsites” e os produtos serão apresentados na ordem que você estiver vendo.

Se por acaso na sua seleção de produtos existirem casos de maior destaque, onde você deseja que esses produtos sejam exibidos acima da ordenação definida, você pode destacar estes produtos, para este exemplo, destacaremos as bolsas para que elas sejam exibidas acima dos demais produtos.

Produtos destacados serão exibidos em primeiro no hotsite, acima da ordenação definida, você pode reordenar produtos dentro de “Lista de produtos destacados” por meio de drag and drop clicando nos pontos do lado esquerdo e arrastando para a posição desejada:

Ou então, digitando a posição que o item deve ficar:

Então, nosso hotsite ficou configurado da seguinte forma:

As bolsas serão exibidas em primeiro lugar no hotsite, seguindo a ordem destacada definida:

Após acabarem os itens destacados, o hotsite irá exibir os itens de acordo com o que vemos no preview:

Na vitrine do site, os produtos aparecerão desta forma:

Repare que os produtos foram exibidos exatamente na ordem do hotsite, com os 3 primeiros produtos destacados sendo as bolsas e os demais produtos na sequência respeitando a ordenação configurada por cores.