Release Notes - Versao 1 10

331 visualizações

Publicada em

Release Notes - Funcionalidades novas e Melhorias

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Release Notes - Versao 1 10

  1. 1. Versão 1.10
  2. 2. Veja algumas melhorias e novidades da versão 1.10: Edição de áreas especiais nos templates Integração MundiPagg – Implementação Visa Electron Serviços Adicionais (Embalagem para Presente) Relatórios Personalizados (Exportador de Dados) Design de Estrutura por Rota Cálculo de frete com divisão automática para grandes pacotes Paginar Listas de Produtos no Site Melhorias no Desconto Progressivo Mudança no cálculo de frete do carrinho Compra em Grade Responsiva SEO de Conteúdos do Core Melhorias de SEO (Canonical) Dashboard Admin Mobile NOVO NOVO NOVO NOVO NOVO NOVO NOVO MELHORIA MELHORIA MELHORIA MELHORIA MELHORIA MELHORIA
  3. 3. Edição de áreas especiais nos templates NOVO Os arquivos de templates do Core formam um papel importante na definição de conteúdos da loja, através dos mesmos o lojista tem a possibilidade de customizar totalmente o design em todas as áreas da sua loja. Nesta versão foi adicionada a possibilidade de edição de áreas especiais como as marcações de <head> das páginas mestres (masters), aquelas que definem o conteúdo principal, e isto é herdado em todos os templates e rotas do site, foi adicionado também a possibilidade de termos páginas mestres diferentes por tipo de conteúdo conforme padrão já existente para os templates normais.
  4. 4. Edição de áreas especiais nos templates NOVO A localização das páginas mestre (masters) é determinada por convenção, ou seja, os arquivos devem respeitar uma estrutura definida que pode ser configurada através do seguinte menu: Configs -> Configurações Gerais -> O valor do campo "Templates Master" é uma configuração vital para o funcionamento da plataforma e deve ser devidamente preenchido, devendo ser separados pelo caractere '|' e mantendo a convenção prioritária mais à esquerda. Por padrão, foi definida a seguinte convenção: /Custom/Content/Themes/{theme}/Templates/Masters/{routename}/{resource} /Custom/Content/Themes/{theme}/Templates/Masters/{resource} /Custom/Content/Themes/Shared/Templates/Masters/{routename}/{resource} /Custom/Content/Themes/Shared/Templates/Masters/{resource} /Custom/Content/Themes/Default/Templates/Masters/{routename}/{resource} /Custom/Content/Themes/Default/Templates/Masters/{resource} + Prioridade -
  5. 5. Edição de áreas especiais nos templates Dentro desta convenção temos os parâmetros destacados os quais definem os argumentos que serão substituídos no momento em que o arquivo for procurado na estrutura de pastas. Os parâmetros disponíveis para definição da convenção são os seguintes: {theme}: Tema do canal sendo requisitado. {routename}: Nome da rota sendo requisitada. {resource}: Define o nome do arquivo de master que será utilizado pela configuração de design. Ex.: 1Column.template, 2ColumnsLeft.template 2ColumnsRight.template, 3Columns.template e SinglePage.template. No painel do sistema administrativo podemos configurar as rotas existentes na loja: Configs -> Rotas Seguem algumas rotas padrões e seus nomes: MaintenanceRoute: Rota de manutenção do site. HomeRoute: Página inicial. ProductRoute: Detalhe do produto. SearchRoute: Página de pesquisa. SearchSuggestRoute: Página de sugestões de pesquisa. ErrorRoute: Página de erro da plataforma. *Para verificar outros padrões de rotas, entrar em “Aparência -> Gerenciador de Arquivos -> Default -> Templates -> masters” e abrir o arquivo “read.me”. NOVO
  6. 6. Edição de áreas especiais nos templates Exemplo de estrutura de pastas de templates: No painel do sistema administrativo: Aparência -> Gerenciador de arquivos -> 1: Diretório que que contém os templates master. 2: Templates master por rotas. 3: Diretórios com templates de inclusão padrões do sistema Ex: Contém templates como PageHeader.template e PageFooter.template. 4: Arquivos de layout, afetam todas as páginas que utilizam determinado layout. 5: Documentação da utilização e configuração das páginas mestre no admin. NOVO 1 2 3 4 5
  7. 7. Edição de áreas especiais nos templates NOVO Uma master estará definida simplesmente pela existência do arquivo em uma das pastas da convenção. Caso seja necessário retornar à uma master anterior, o arquivo deve ser renomeado ou excluído. É importante lembrar que alterações realizadas nas masters contidas no tema padrão (Default) serão sobrescritas a cada instalação de nova versão da plataforma.
  8. 8. Edição de áreas especiais nos templates Exemplo de configuração e utilização: Aqui vamos demonstrar como configurar um template master para uma landing page. Primeiramente deve ser definido qual será o layout a ser utilizado. No painel do sistema administrativo: Aparência -> Configurar design -> Landing Pages -> Buscar pela rota criada NOVO
  9. 9. Edição de áreas especiais nos templates Após a definição do layout, as poderemos criar um template master específico para a nova landing, para isto siga os seguintes passos: - Crie uma pasta com o “nome único” da landing page. - Crie o arquivo de template com o nome do template* utilizado na definição do layout. No painel do sistema administrativo: Aparência -> Gerenciador de arquivos -> (Diretório do tema) -> Templates -> Masters *Nomes dos templates: NOVO
  10. 10. Edição de áreas especiais nos templates NOVO Para customização de uma master, foram criadas algumas tags que devem ser atentamente observadas: {% page_snippets 'header' %}: Identifica onde deve ser renderizado os widgets / snippets instalados. Valores possíveis de posição de conteúdo: header e footer. {% page_speed %}: Renderiza um marcador identificando o tempo de carregamento da página. Deve ser o último marcador da página. {% page_assets 'Register' %}: Realiza o registro dos recursos e deve sempre constar no inicio de uma master. *Para verificar outras tags existentes, entrar em “Aparência -> Gerenciador de Arquivos -> Default -> Templates -> masters” e abrir o arquivo “read.me”.
  11. 11. Integração MundiPagg – Implementação Visa Electron NOVO Realizada a implementação do meio de pagamento de cartão de débito para os clientes que possuem contrato com o gateway de pagamento MundiPagg. É possível configurar o novo tipo de cartão através do meio de pagamento existente “Gateway MundiPagg” + No painel do sistema administrativo: Configs -> Meios de pagamento
  12. 12. Serviços Adicionais (Embalagem para Presente) NOVO Esta funcionalidade permite que seja possível vender embalagens para presente relacionado a um produto dentro do carrinho de compras como um serviço adicional. Essas embalagens comportam-se como um produto normal, podendo possuir estoque e preço caso necessário. O produto de embalagem também pode ser pesquisável e comprável, caso necessário ser vendido separadamente. Abaixo seguem todas as configurações necessárias para a utilização dos serviços adicionais na loja.
  13. 13. Serviços Adicionais (Embalagem para Presente) 1. Adicionando um metadado para variação: Primeiramente deve ser criado um metadado de produto para variação. Ele deve ser criado como um metadado do tipo “Listagem simples” para que seja possível utilizar nas variações. No painel do sistema administrativo: Configs -> Metadados-> Adicionar Metadado NOVO
  14. 14. Serviços Adicionais (Embalagem para Presente) Na aba de “Opções”, os tipos das embalagens deverão ser definidos. Ex:. Rígida, flexível, embalagem plástica, cesta. No painel do sistema administrativo: Configs -> Metadados-> Adicionar Metadado-> Aba Opções -> Adicionar opção NOVO
  15. 15. Serviços Adicionais (Embalagem para Presente) 2. Criando a definição de produto NOVO Devemos criar uma nova definição de produto, com algumas configurações desejáveis para este tipo de produto. Recomenda-se que produtos de embalagem para presente não sejam pesquisáveis, para que o cliente não realize uma compra separada deste produto. Foi realizado uma nova configuração para aceitar preço zero caso seja necessário criar embalagem sem adicionar nenhum custo para o cliente. Se a embalagem para presente possuir variação, o metadado deve estar configurado corretamente. *Caso seja realizada alguma configuração na definição do produto e a mesma for redefinida diretamente no produto, a configuração que irá prevalecer será a da definição do produto.
  16. 16. Serviços Adicionais (Embalagem para Presente) 2.1. Definição de produto com metadado de variação: No painel do sistema administrativo: Catálogo-> Definições de produto-> Adicionar definição -> Aba “Dados Gerais”: No campo variações selecionar o metadado de variação criado anteriormente. Aba “Comportamentos”: Preencher as seguintes opções conforme a seguinte tela: NOVO *Para configurar a definição sem metadado de variação apenas preencha os dados principais do produto em “Dados Gerais”
  17. 17. Serviços Adicionais (Embalagem para Presente) 3. Como configurar um serviço adicional com produtos: 3.1. Criando um produto: Para adicionar um produto com o metadado de variação: No painel do sistema administrativo: Catálogo-> Produto-> Adicionar Produto No campo “Definição” selecionar a definição de embalagem criada anteriormente. *Preencher os demais dados referente ao produto e skus. NOVO
  18. 18. Serviços Adicionais (Embalagem para Presente) Criando e adicionando um sku com o metadado de variação: No painel do sistema administrativo: Catálogo-> Produto-> Adicionar Produto -> Criar E Associar Novo SKU - > NOVO Na aba “Dados gerais do SKU” o campo embalagem está disponível para preenchimento, e deve ser preenchida com o tipo apropriado conforme as opções definidas nos metadado.
  19. 19. Serviços Adicionais (Embalagem para Presente) 3.2. Configurando o serviço: Esta funcionalidade cria o serviço de embalagem para presente. No painel do sistema administrativo: Catálogo ->Produtos e serviços adicionais -> Adicionar produto/serviço adicional NOVO 1: O tipo de serviço disponível será embalagem para presente. 2: Nesta fase o usuário só irá poder realizar a escolha de uma embalagem para presente no fluxo do carrinho de compras. 3: Define se o campo da embalagem para presente é de preenchimento obrigatório para o cliente, no carrinho de compras. 1 2 3
  20. 20. Serviços Adicionais (Embalagem para Presente) 3.2. Configurando o serviço: Esta funcionalidade cria o serviço de embalagem para presente. No painel do sistema administrativo: Catálogo ->Produtos e serviços adicionais -> Adicionar produto/serviço adicional NOVO 4: É possível selecionar os produtos que irão ofertar a embalagem para presente, ou adicionar uma lista de produtos. 5: Determina qual embalagem para presente vai ser ofertada. 6: Neste campo os produtos que foram criados para embalagem para presente 4 devem ser selecionados. 5 6
  21. 21. Serviços Adicionais (Embalagem para Presente) 4. Como configurar um serviço adicional com lista de associação: 4.1. Criando uma lista de associação: No painel do sistema administrativo: Catálogo-> Lista de associação-> Adicionar Lista No campo “Tipo de Lista” selecionar a opção “Serviços e produtos adicionais”. NOVO
  22. 22. Serviços Adicionais (Embalagem para Presente) No painel do sistema administrativo: Catálogo-> Lista de associação-> Adicionar Lista No campo “Tipo de Lista” selecionar a opção “Serviços e produtos adicionais”. Dentro do produto, na aba “Associações” a lista criada anteriormente será apresentada. Selecionar o produto de embalagem para presente criado anteriormente. NOVO
  23. 23. Serviços Adicionais (Embalagem para Presente) 4.2. Configurando o serviço: Aqui é possível ligar o serviço à uma lista de associação. No campo origem a opção “Definidos na lista de associação do produto” deve ser selecionada. Selecionar a lista criada no campo “Lista de associação”. NOVO No painel do sistema administrativo: Catálogo-> Produtos e serviços adicionais-> Adicionar produto/serviço adicional
  24. 24. Serviços Adicionais (Embalagem para Presente) NOVO 5. Apresentação das embalagens na loja:  Quando o produto possuir uma embalagem para presente com preço, será apresentado da seguinte forma no carrinho de compras.  Quando o produto possuir uma embalagem para presente sem preço, será apresentado da seguinte forma no carrinho de compras.  Quando o produto possuir uma embalagem e a embalagem possuir variação, será apresentado da seguinte forma no carrinho de compras.
  25. 25. Serviços Adicionais (Embalagem para Presente) Quando a embalagem para presente possuir preço e a mesma for combinada com promoções, alguns pontos deverão ser observados.  Na promoção direta em produtos, categorias, marcas: o desconto será aplicado apenas no item e não no preço do pacote para presente.  Na promoção desconto no pedido : o desconto será aplicado apenas no item e não no pacote para presente.  No desconto em meios de pagamento: o desconto será aplicado no pedido inteiro, porém não será descontado no frete. NOVO
  26. 26. Relatórios Personalizados (Exportador de Dados) Esta funcionalidade permite criar relatórios de uma forma mais ágil por parte da equipe de suporte; desde que o relatório siga um determinado padrão poderemos criar relatórios sem a necessidade de instalação de uma nova versão da plataforma, obtendo assim uma agilidade maior na entrega de relatórios personalizados aos clientes. • Cada ajuste neste tipo de relatório ou uma nova implementação deverá ser solicitada através de um chamado no suporte, mediante a criação de um orçamento. No painel do sistema administrativo: Relatórios -> Customizados NOVO
  27. 27. Design de Estrutura por Rota NOVO Esta funcionalidade permite que se configura o design específico de qualquer rota da loja. Assim como as configurações de estrutura já existentes, é possível inserir diferentes personalizações para a mesma, como widgets, templates , arquivos de css e javascripts. Ao criar uma rota genérica na configuração de design ela será apresentada automaticamente na configuração de recursos e o mesmo ocorre quando a criação da rota inicia através da configuração de recursos.
  28. 28. Design de Estrutura por Rota • Passos para configurar o design de uma rota genérica: • Selecionar a página desejada: Ex.: colocar no campo da rota apenas o conteúdo após o endereço da loja ou canal. www.sualoja.com.br/faq/fale-conosco ou www.sualoja.com.br/canal/conteudo/marcas • Selecionar qual é a estrutura da página e editar o template para o tipo de página selecionada. No painel do sistema administrativo: Aparência -> Configurar design NOVO
  29. 29. Design de Estrutura por Rota • Para configurar os recursos de uma rota genérica: • Selecionar a página desejada: Ex:. colocar no campo da rota apenas o conteúdo após endereço da loja ou canal. www.sualoja.com.br/faq/fale-conosco ou www.sualoja.com.br/canal/conteudo/marcas No painel do sistema administrativo: Aparência -> Configurar recursos NOVO
  30. 30. Cálculo de frete com divisão automática para grandes pacotes NOVO Atualmente, ao ultrapassar o limite de 30Kg ou as dimensões permitidas pelos Correios as formas de entrega deixavam de ser exibidas no carrinho de compras e no checkout. Para contornar esta dificuldade a plataforma ao identificar que o limite foi ultrapassado, passa a calcular o custo de entrega dividindo o peso em múltiplos pacotes, fazendo com que as formas de entrega dos correios possam ser escolhidas. Ex: Carrinho de compras com 10 Produtos e 4Kg cada. No momento em que a plataforma identifica que o carrinho possui 40Kg, a mesma divide em 2 pacotes, enviando solicitações de cotações separadas aos serviços dos correios mas agrupando as mesmas ao mostrar aos clientes. O tempo de entrega exibido será o maior entre os 2 ou mais pacotes, lembrando que o tempo de entrega é o resultado da soma dos dias informados pelos Correios aos dias para envio do produto com ou sem estoque.
  31. 31. Cálculo de frete com divisão automática para grandes pacotes Cabe ressaltar que essa divisão só acontece para realização dos cálculos dos custos e prazos de entrega, com o intuito de tornar disponível as formas de entrega dos Correios. • Para ativar a divisão dos pacotes: • “Correios.MaxPackageSize”: define o tamanho máximo para pacotes. • “Correios.SplitPackages”: quando preenchido com “True” ativa a nova funcionalidade e quando preenchido com “False” mantem a funcionalidade inativa. A configuração deve ser realizada manualmente para cada forma de entrega. No painel do sistema administrativo: Backoffice -> Meios de Entrega -> Selecionar uma formar de entrega -> Configuração de Gateway NOVO
  32. 32. Cálculo de frete com divisão automática para grandes pacotes Quando a plataforma realizar o cálculo em mais de um pacote, haverá no pedido a informação de quantos pacotes foram necessários para realização do cálculo. Porém cabe ao lojista definir se enviará em mais de um pacote. Para fins de integração de pedidos, os mesmos continuam a ser enviados como se contivessem apenas 1 pacote, contendo apenas 1 código de rastreamento do objeto. Após conclusão da compra a quantidade de pacotes em que o pedido foi divido é informada no painel do sistema no seguinte campo “DELIVERY_OPTION_PKG”. No painel do sistema administrativo: Backoffice -> Pedidos NOVO
  33. 33. Paginar Listas de Produtos no Site NOVO Foi criada a opção de poder mostrar uma lista de produtos paginada no site através da configuração do widget de listagem de produtos. Antes dessa opção somente era possível listar uma quantidade limitada de produtos.
  34. 34. MELHORIA Melhorias no Desconto Progressivo Ao criar uma promoção de desconto progressivo a mesma era aplicada e apresentada apenas no pedido, sem ter a opção de escolher uma forma de pagamento específica para desconto. Foi realizado uma melhoria para ser possível criar uma promoção com desconto progressivo diretamente nas formas de pagamentos. Com este novo tipo de promoção é possível escolher os meios de pagamento como boleto, cartão de crédito, etc. É possível visualizar o desconto diretamente nas listagens (vitrines, categorias, carrinho, etc.), quando a opção “Calcular promoção na listagem de produtos” for selecionada no painel administrativo.
  35. 35. MELHORIA Melhorias no Desconto Progressivo No painel do sistema administrativo: Marketing -> Promoções -> Adicionar Promoções -> Promoção em Pagamento -> Desconto progressivo em meios de pagamento Aba “Condições e Benefícios”: * Os preços dos produtos com desconto, nas vitrines, não serão atualizados de acordo com a faixa em que o carrinho se encontra. Será exibido o valor com desconto, apenas de acordo com o preço do produto.
  36. 36. Foi criado uma configuração para que o lojista opte por não calcular as taxas e prazos de entrega no carrinho de compras. Desta forma as operações no carrinho serão mais rápidas pois não dependerão do cálculo do frete, o qual as vezes pode ter um tempo de processamento alto devido aos tempos de resposta dos serviços das transportadoras. Obs.: O carrinho de compras deve passar por uma customização, para que o campo de cálculo do frete, seja retirado. No painel do sistema administrativo: Configs -> Configurações de sistema -> Configurações por grupo -> Compras MELHORIA Mudança no cálculo de frete do carrinho
  37. 37. Foi realizada uma melhoria para possibilitar que no canal mobile possam ser comprado skus distintos de um mesmo produto. Para isto foi implementado o widget compra em grade responsiva. Com esta nova funcionalidade, o cliente poderá selecionar a quantidade que deseja de cada sku diretamente no detalhe do produto. *A configuração do widget deve ser realizada através de chamado no suporte mediante orçamento. MELHORIA Compra em Grade Responsiva
  38. 38. MELHORIA SEO de Conteúdos do Core Esta funcionalidade permite que os cadastros de SEO sejam realizados de uma forma mais abrangente para os conteúdos da loja, assim teremos cadastros genéricos e específicos, o que vai melhorar o SEO da loja em geral. Os cadastros genéricos serão administrados através das configurações gerais da loja. Para os cadastros específicos de um conteúdo, a administração será feita na própria tela de cadastro (produtos, categorias e marcas). Será possível definir as descrições de páginas como home, conteúdo, listas, flags ou até mesmo definir os mesmos dados para todas as páginas através da opção padrão. As alterações das informações de SEO serão definidas por grupos de configuração.
  39. 39. SEO de Conteúdos do Core 1. Hierarquia de configurações: MELHORIA Para exibir as informações na loja, será utilizada a seguinte hierarquia: • Primeiro busca-se a informação definida na entidade, a qual pode ser um produto, uma categoria ou marca específica. • Por segundo a busca será realizada dentro da configuração geral definida para a entidade: (produtos, categorias, marcas). • Em terceiro a busca será realizada dentro de configuração geral na opção “Padrão”. A hierarquia é dada a cada atributo (título , título alternativo, meta description, meta keywords e descrição). Ex.: Na entidade marca foi preenchido apenas o título da página, porém os outros atributos não foram preenchidos, logo a busca será feita visando encontrar os outros atributos no próximo nível da hierarquia, e assim sucessivamente até chegar na última hierarquia.
  40. 40. Ao adicionar as informações de um mesmo atributo em mais de uma hierarquia será levada em consideração o último nível definido. Ex.: Ao adicionar o título da página a uma marca específica e na entidade dentro da configuração do sistema: Será exibido na loja desta forma: MELHORIA SEO de Conteúdos do Core
  41. 41. 1.1. Configurando um atributo específico: Em marcas foi inserido a aba “Descrições (SEO)”, para que seja possível definir o título da página, título alternativo, meta description, meta keywords e descrição internamente em cada marca, assim como já acontecia em categorias. No painel do sistema administrativo: Catálogo -> Marcas MELHORIA SEO de Conteúdos do Core
  42. 42. SEO de Conteúdos do Core 1.2. Configurando um atributo genérico: MELHORIA Será possível definir as informações de forma generalizada para as seguintes páginas: home, categorias, marcas, flags, listas, metadados e produtos. No painel do sistema administrativo: Configs -> Configurações Gerais -> Configuração de sistema -> Configurações por grupo -> Conteúdo -> SEO -> Home
  43. 43. SEO de Conteúdos do Core 1.3. Configurando o atributo padrão: MELHORIA A configuração padrão será concatenada com os outros conteúdos, porém a mesma não será utilizada para definição de produtos e categorias. No painel do sistema administrativo: Configs -> Configurações Gerais -> Configuração de sistema -> Configurações por grupo -> Conteúdo -> SEO -> Padrão
  44. 44. A metatag canonical é um elemento html que ajuda a prevenir conteúdo duplicado na internet. Desta forma foram feitas algumas otimizações na plataforma afim de diminuir a duplicação de conteúdos e melhorar a descoberta dos mesmos na loja para os robôs de busca. • Conteúdos paginados: O conteúdo de uma url após o caractere “#” não é enviado para o servidor pelo browser e desta forma não é encontrado pelos bots de indexação do google, o que gerava um problema para os mesmos identificarem os conteúdos paginados da loja. Por exemplo, quando o cliente acessa a página http://www.suapagina.com.br/categoria#/pagina-2, é realizada uma chamada ajax para retornar o conteúdo, o que é algo não identificável para os robôs de busca, dessa forma foram colocadas querystrings adicionais e ajustes nas metatags para os mesmos poderem achar mais facilmente o conteúdo e não reconhece-los como duplicado. • Páginas com querystrings Todas as urls terão os parâmetros de querystring removidos da metatag canonical, exceto em páginas que possuam paginação. Exemplos de metatag canonical: Página inicial: http://www.suapagina.com.br/?utm_source=source http://www. suapagina.com.br/ Login: http://www. suapagina.com.br/Login?url=/painel-do-cliente http://www. suapagina.com.br/login Listagem: Pagina 1: http://www.suapagina.com.br/{resource} Next: http://www.suapagina.com.br/{resource}?pg=2 Pagina 2: http://www.suapagina.com.br/{resource}?pg=2 Prev: http://www.suapagina.com.br/{resource} Next: http://www.suapagina.com.br/{resource}?pg=3 Última página: http://www.suapagina.com.br/{resource}?pg=n Prev: http://www.suapagina.com.br/{resource}?pg=n-1 MELHORIA Melhorias de SEO (Canonical)
  45. 45. Esta funcionalidade permite que a dashboard do painel do sistema administrativo seja visualizada de forma responsiva em dispositivos móveis. É possível realizar filtros por dia, mês, ano, períodos específicos e completos nos pedidos captados e adquiridos assim como já temos na versão desktop. Para voltar a versão desktop foi adicionado o botão , que irá permitir o retorno a este tipo de navegação dentro do browser do dispositivo móvel. Acessar o painel do sistema administrativo de um smartphone: MELHORIA Dashboard Admin Mobile

×