🔧Layout
Last updated
Last updated
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:
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:
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:
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!
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:
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:
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:
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.
