🔧Layout

sta é a maior seção do nosso painel, nela você encontrará diversas opções de personalização como: fonte da loja, cabeçalho, diferenciais competitivos, vitrine de produtos, carrossel de categorias, depoimentos, notícias, newsletter, instagram, rodapé, contador de frete grátis, categorias e busca, página do produto e popup de cookies. Agora vamos conversar sobre cada uma delas.

Fonte da loja: Nesta subseção, você poderá definir a fonte da sua loja. No campo "links da fonte" você deverá adicionar os links de importação da sua fonte. O nosso tema utiliza a fonte "Josefin Sans" sans-serif", esta fonte e muitas outras estão disponíveis no site de fontes do Google (Google fontes). E no campo "Família da fonte", você deve informar apenas nome e família da fonte, como no print abaixo, não sendo necessário o prefixo "font-family:" ou mesmo o sufixo ";". Segue o exemplo:

Observação importante: Caso preenchido de forma incorreta, isso poderá acarretar na quebra dos estilos da sua loja.

Cabeçalho: Nesta subseção você poderá selecionar o posicionamento da logo no cabeçalho, poderá selecionar se prefere utilizar o cabeçalho sobre o banner principal (com o background transparente por padrão), ou utilizá-lo da maneira tradicional. Poderá adicionar um texto ao conteúdo da seção de atendimento ao lado do carrossel de diferenciais competitivos e também ativar a seção de diferenciais competitivos rotativos (em "Exibir diferenciais em slide") em sua loja e adicionar os textos de cada diferencial. É possível cadastrar até 6 diferenciais. Os campos suportam HTML como escrita, dando mais flexibilidade de personalização aos textos dos seus diferenciais. Também é possível adicionar um botão ao lado direito da logo com link personalizado. No nosso exemplo adicionamos o botão "Seja revendedor". Seguem os exemplos nos print's abaixo:

Cabeçalho padrão

Além disto, é possível alterar o texto padrão do campo de pesquisa em "texto do campo de pesquisa:" e inserir um texto mais divertido. É possível também definir a quantidade de categorias exibidas na versão desktop em "quantidade de categorias a serem exibidas".

Ainda no cabeçalho adicionamos as opções de rastreamento com apenas o melhor rastreio, e adicionamos a opção de preview do carrinho. Como nos prints abaixo:

Obs: No preview do carrinho é possível adicionar um contador promocional, de frete grátis, por exemplo, com base apenas no valor da sacola de compras. Para incentivar o seu cliente a comprar mais. Adicionamos essa opção no painel como "Contador de frete grátis"

Diferenciais competitivos (em grid): Nesta subseção você poderá optar pela exibição dos diferenciais competitivos em grid localizados abaixo do banner principal e editar as informações de cada diferencial. A estrutura de campos utilizada para o cadastrado das informações é em linha, o ícone do diferencial fica à esquerda, título e descrição do diferencial à direita. É possível cadastrar até 5 diferenciais competitivos. Na linha prime adicionamos a opção de exibir os diferenciais em carrosséis na versão mobile. Como demonstrado na imagem abaixo:

Imagem dos diferenciais competitivos em grid.

Vitrine de produtos: Nesta subseção você pode tornar a listagem de produtos aleatória e também pode tornar opcional a exibição das etiquetas do produto. Pode ativar a seção promocional e definir as características de exibição dos produtos na vitrine:

Seçao de novidades

Seção promocional

No layout disponibilizamos três seções de produtos mais a seção promocional. Você pode escolher um dos segmentos de produto disponibilizados pela Tray (Mais vendidos, Lançamentos, Destaques, Frete Grátis, Promoção) para exibí-los em cada seção e também o layout de exibição e a quantidade de produtos por seção.

No print acima temos as configurações dos carrosséis de produtos. É possível selecionar a quantidade de produtos à serem exibidos na versão desktop e mobile. É possível alterar a proporção de exibição da imagem e também o modelo de exibição das informações de pagamento do produto. E na linha prime adicionamos a opção de exibir o botão "Compre pelo WhatsApp" que redireciona o usuário ao whatsapp solicitando informações do produto selecionado.

Nás últimas atualizações, implementamos a funcionalidade que permite a alteração da proporção das imagens dos produtos exibidos na vitrine. Ao selecionar uma das opções: Exibição quadrada. (Proporção 1x1) ou exibição retangular (proporção 0.7/1). O preview de produto ao lado das opções fará a simulação da alteração da imagem de produto na vitrine. Veja o print acima!

Exibição em slides (com botão do WhatsApp)

Modo de exibição em slides

Na última imagem acima, a opção "grid com botão de carregar mais" está ativada. Após atingir o limite definido no painel o botão "carregar mais" irá redirecionar o cliente para um link que poderá ser definido no painel no campo "Link de redirecionamento para "carregar mais". Observação: caso não seja preenchido, a loja redirecionará o usuário para a página de pesquisa com o resultado de todos os produtos da loja.

Carrossel de categorias: adicionamos essa seção na linha prime. Ative a opção e veja como adicionar para exibir imagens em suas categorias. Apenas as categorias com imagens serão exibidas no carrossel. Print abaixo:

Depoimentos: Nesta subseção você pode optar por exibir o bloco de depoimentos na página inicial em uma seção que antecede a Newsletter. Adicionamos campos para que você possa informar o nome, quantidade de estrelas (ao lado do nome) e depoimento. Veja abaixo:

Bloco de depoimentos na home.

Notícias: Nesta subseção, você poderá optar pela exibição da seção de notícias que será exibida na sua página inicial.

Newsletter: Nesta subseção, você poderá ocultar/exibir a seção da newsletter e adicionar informações relacionadas ao popup de cadastro (título e texto).

Instagram: Nesta seção, além do campo de exibição opcional, você poderá inserir o título da seção (como: siga-nos no instagram) e também o @meu_negocio da sua loja. O campo "script de integração com o instagram" deve receber um script, embed, ou código html de integração com o plugin de exibição de posts. Segue o print:

Implementação do script de integração com instagram

Rodapé: Nesta seção, você poderá personalizar os links de acessos disponíveis no rodapé. Na primeira coluna, ao desativar a opção de personalização da coluna "Institucional", o site irá exibir todas as páginas internas cadastradas no painel da Tray. Ao deixá-lo ativado, você poderá personalizar o título e link das páginas exibidas na coluna Institucional.

Os itens da seção "Links adicionais em Contato", recebem por padrão o telefone, WhatsApp e e-mail cadastrado na seção Minha Loja, os campos dessa seção, devem ser utilizados caso você queria disponibilizar algum link de contato adicional para os seus clientes. Lembre-se de clicar no botão ao lado do título "Links adicionais em Contato" para ativar essa funcionalidade.

Abaixo na seção de "Textos informativos", você poderá informar o horário de funcionamento da sua loja e também algumas informações jurídicas sobre o seu negócio.

Contador de frete grátis: Esta seção é utilizada para informar uma promoção baseada em valor mínimo para o seu usuário. Você poderá editar o valor que o cliente deverá adicionar ao carrinho para que o contador possa receber a promoção e pode editar as frases anes de atingir o valor mínimo e após. Obs. importante: Este contador, é apenas visual. Para que o cliente obtenha a promoção, é necessário configurar a promoção antes, no painel da sua loja. Veja como configurar

Categorias e busca: Nesta subseção você pode ocultar o filtro inteligente presentes nas páginas de categoria e busca.

Página do produto: Nesta subseção você poderá ocultar ou exibir as seções de produtos relacionados e últimos produtos vistos. Seguem os prints abaixo:

Implementação dos produtos relacionados e últimos vistos

Popup de cookies: Nesta subseção você pode informar o texto e a url da sua página de política de privacidade. O popup já possui um texto padrão, mas ao preencher esse campo, suas alterações serão implementadas no popup.