- Introdução
- Instalação do Tema
- Minha loja
- Cores
- Banners e Imagens
- Layout
- Edição no Código
- Thumb e Imagens
- Dicas Essenciais
- Introdução
Bem-vindo ao guia completo de configuração do tema para sua loja! Neste manual, você encontrará todas as instruções necessárias para realizar as configurações dentro do painel administrativo da sua loja e garantir a instalação completa do tema.
Certifique-se de ler todo o conteúdo deste documento e seguir cuidadosamente cada passo para garantir que seu tema seja instalado e configurado corretamente. Este tema foi cuidadosamente desenvolvido com um layout pré-determinado em mente, e ao final deste guia, você será capaz de configurá-lo na sua loja exatamente como foi apresentado no momento da aquisição.
Se você ainda não adquiriu o tema, não se preocupe! Você pode adquiri-lo facilmente clicando no link.
Siga adiante e transforme a aparência da sua loja com o nosso tema exclusivo!
Suporte
Para garantir que suas dúvidas sejam prontamente atendidas, disponibilizamos suporte exclusivamente por e-mail, através de chamados. Para obter assistência, basta acessar nossa página de suporte de temas, onde você encontrará respostas rápidas para perguntas comuns e a opção de abrir um chamado para entrar em contato conosco, caso necessário.
Se precisar de suporte relacionado à plataforma Tray, recomendamos acessar a Central de Atendimento e especificar o motivo do seu contato através do seguinte link: Central de Atendimento Tray.
Além disso, sugerimos visitar a Central de Atendimento da Tray, onde você encontrará uma ampla variedade de artigos e instruções sobre como configurar sua loja, disponíveis neste link: Central de Atendimento da Tray.
Garantia
A garantia de suporte gratuito é válida por um período de 6 meses após a compra do tema. Para solicitar assistência, entre em contato com nossa equipe de suporte através da Central de Ajuda e Suporte.
O suporte inclui:
– Esclarecimento de dúvidas sobre o tema e suas configurações.
– Correção de possíveis bugs e comportamentos incorretos do tema.
– Suporte sempre considerando a versão mais recente do tema.
Por favor, observe que o suporte não cobre:
– Processo de instalação do tema.
– Cadastro ou configurações no painel do lojista.
– Recursos da plataforma que não são nativos do tema.
– Customizações e melhorias do tema.
– Cópias do tema ou versões com edições no código HTML e CSS principal.
– Garantia e atualizações de performance da loja e pontuação de pagespeed.
– Lojas onde o logo da Softcommerce foi removido do rodapé.
Se precisar de assistência dentro das diretrizes de suporte, não hesite em entrar em contato conosco. Estamos aqui para ajudar!
- Instalação do Tema
Após a confirmação do pagamento do tema, você poderá publicá-lo em sua loja virtual.
Siga o passo a passo:
1ª Acesse sua loja virtual.
2º Vá para “Minha Loja” e clique em “Aparência da Loja”.
3º Localize o tema “Softfashion”.
4º Por fim, clique em “Publicar”.
Recomendamos que faça todas as alterações desejadas de cores e banners antes de publicar o tema. Isso evita mal funcionamento do tema, especialmente se já estiver realizando vendas.
Lembre-se de salvar as alterações para garantir que sua loja virtual esteja sempre atualizada. Pode haver um período de cache da plataforma de pelo menos 30 minutos para as mudanças serem aplicadas.
- Minha loja
Na aba “Minha loja” você irá editar informações básicas sobre loja, como: canais de atendimento, redes sociais, e a logo da sua marca.
Painel da Tray > Minha loja > Aparência da loja > Editar tema > Minha loja
Redes sociais: Cadastre a URL completa de cada perfil das suas redes sociais.
– X (Twitter)
– Youtube
– TikTok
Informações de contato: cadastre suas informações de contato, será exibido no rodapé da loja.
– Telefone 01
– Telefone 02
Cadastre o horário de atendimento e o endereço da loja para exibição do rodapé do site.
Texto exibido abaixo da logo no rodapé das paginas. Adicione uma pequena história sobre sua empresa ou destaque as vantagens de utilizar seus serviços.
Ative ou desative o banner de aviso de cookies. Certifique-se de colocar o link da sua página de política de privacidade.
- Cores
Painel da Tray > Minha loja > Aparência da loja > Editar tema > Cores
Personalize as cores utilizadas no seu tema de acordo com a sua preferência. Defina nas abas as cores do seu tema e dos elementos da página. Clique no campo de cor para abrir o disco de seleção de cores ou informe o código hexadecimal da cor desejada. Saiba mais sobre código hexadecimal aqui.
Caso você queira uma personalização de cores mais básica, basta preencher só as cores na aba “Cores gerais do tema”. Se você quer mudar cores específicas, em cada aba você encontra campos para definir as cores. Caso não queira colocar nenhuma cor e aplicar as cores padrão, deixe o campo sem nenhum conteúdo, inclusive o #.
- Banners
Os banners da loja devem ser cadastrados pelo painel administrativo da Tray em Marketing > Banners.
No painel de edição do tema (Painel da Tray > Minha loja > Aparência da loja > Editar tema > Banners) você tem acesso a aba banners. Nessa aba você pode configurar as seguintes informações:
Confira abaixo os gabaritos dos banners. Nele você encontrará a posição que deve cadastrar e as dimensões dos banners.
Logo da loja:
Para cadastrar a logo da sua loja, clique aqui e veja o passo a passo.
Favicon:
Para cadastrar o favicon da sua loja, clique aqui e veja o passo a passo.
- Layout
Na aba “Layout” você irá configurar vários elementos e funcionalidades do tema.
Painel da Tray > Minha loja > Aparência da loja > Editar tema > Layout
Nesta aba você pode configurar as seguintes funcionalidades:
– Escolha uma das opções disponíveis para a fonte da loja
– Proporção da imagem do produto: Vertical ou Quadrado
– Imagens quadradas: 1000px X 1000px
– Imagens verticais: 1600px X 960px
– Essas dimensões são recomendadas para melhor funcionamento do tema
– Comprar pelo Whatsapp: deseja exibir o botão na página de produtos e vitrine?
– Personalize a mensagem que será enviada ao clicar no botão do Whatsapp
– Botão flutuante: escolha a posição do botão flutuante. O botão flutuante contem o botão do Whatsapp e das redes sociais.
Ative ou desative a barra superior (topbar) e informe o texto que deseja exibir. Além disso, você pode escolher a velocidade do slider para telas menores.
Escolha o formato de exibição do menu de categorias.
– Dentro do menu: O menu vai ficar recolhido, igual na versão mobile. Ao clicar no ícone do menu, irá expandir e mostrar todas as categorias.
– Abaixo do cabeçalho: Menu tradicional com todas as categorias visíveis.
Configure a exibição do banner interativo de cupom. O cupom já deve estar criado na plataforma, aqui você apenas irá informar o nome e prazo de validade.
A régua fio fica localizada abaixo dos banners principais na página home. Você pode escolher se quer a régua com ou sem ícone. Caso queira com ícones, utilize em formato SVG com tamanho máximo de 250x250px.
Na aba de vitrine de produtos você irá configurar as vitrines da página home. Escolher se quer exibir os produtos em ordem aleatória, se deseja exibir os selos de produtos e se deseja mostrar a segunda imagem do produto ao passar o mouse no card. Personalize também os ícones dos selos: destaque, lançamentos e selo adicional. Além disso, outras opções configuráveis para as suas vitrines.
Vitrine de produtos:
Tema tem 3 vitrines de produtos, o qual você pode escolher o título, quantidade de produtos e o tipo de produto que será exibido: Mais vendidos, lançamentos, destaques, frete grátis ou promoção.
Vitrine com vídeo:
Criamos uma seção exclusiva para você combinar um vídeo e produtos. É recomendado criar uma categoria específica para esta seção, algo como “Coleção Inverno” ou “Lançamento”. Dessa forma somente os produtos pertencentes a essa categoria serão exibidos. Esta é uma oportunidade para combinar o vídeo com os produtos selecionados, proporcionando uma experiência mais envolvente para os clientes. Aqui você irá colocar o link do vídeo, link do canal e escolher a categoria ou subcategoria.
Categorias mais vendidas:
Nosso tema também tem um carrossel que classifica as categorias mais vendidas, resgatando as imagens do produto de cada categoria. Na aba de identificador dos produtos você pode preencher o ID do produto, para resgatar a foto do produto para a vitrine. Caso você deixe em branco, será escolhido uma foto aleatória daquela categoria. As categorias mais vendidas são resgatadas pela API da Tray, não é possível a alteração manual.
O filtro de busca na home é uma funcionalidade exclusiva do nosso tema. Aqui exibiremos um filtro na página inicial, para o cliente encontrar o produto que ele deseja. Esse filtro irá exibir todas as características cadastradas na sua loja.
Na vitrine de marcas você pode cadastrar as logos das marcas que você trabalha. Basta fazer upload da imagem e o link da marca. Você pode obter o link das marcas no seu painel administrativo, em produtos > marcas e fabricantes.
A seção de marcas também pode ser usada com outras finalidades, é livre para cadastrar qualquer imagem e qualquer link. Você pode colocar categorias e até destacar diferenciais da sua empresa ou serviços.
A seção “Quem somos” é exibido na home da loja. Você pode cadastrar um título, descrição e imagem ou vídeo. Essa seção também permite que você cadastre qualquer informação, por exemplo destacar um produto.
A imagem da seção quem somos deve ser cadastrada em Marketing > Banners > Banner Extra 9
Aqui você poderá cadastrar vídeos shorts do Youtube sobre seus produtos e loja. Basta colar o link do vídeo.
Nessa aba você pode criar um feed de suas redes sociais, como o Instagram. Basta cadastrar as imagens, link de direcionamento e o título da seção.
Nessa aba você pode criar um feed de suas redes sociais, como o Instagram. Basta cadastrar as imagens, link de direcionamento e o título da seção.
Cadastre os depoimentos da sua loja diretamente aqui. Você pode adicionar até 12 depoimentos, eles ficarão exibidos em formato de carrossel. Preenche o nome do usuários, o texto do depoimento e caso queira dar mais credibilidade, informe algum perfil de rede social do usuário que avaliou.
Na aba de Newsletter, cadastre o título e subtítulo que deseja para a seção. Os e-mails cadastrados na newsletter ficam disponíveis no painel administrativo da loja, em marketing > assinantes da newsletter.
Nessa aba você pode criar um feed de suas redes sociais, como o Pinterest. Basta cadastrar as imagens, link de direcionamento e o título da seção.
O popup de cupom serve como uma forma de retenção do usuário e captação de lead. No tema Softfashion você pode escolher quando exibir o popup e personalizar ele totalmente.
Defina as opções para a página de produto. Ao ativar a opção do autoplay, o vídeo do produto será exibido sem som no carregamento da página de produto. O produto precisa ter vídeo cadastrado.
Selecione a quantidade de imagens que serão exibidas na versão desktop. Se as imagens forem quadradas, recomendamos no máximo 2 imagens. Se as imagens forem verticais, você pode exibir até 3 imagens por vez.
- Edição no código
Antes de fazer qualquer edição nos códigos HTML e CSS do seu tema, é altamente recomendável criar uma cópia de segurança. Isso garantirá que, caso ocorra algum problema, você possa facilmente restaurar o tema para sua funcionalidade original. É importante ressaltar que a Softcommerce não se responsabiliza por quaisquer problemas decorrentes de edições no código. Não oferecemos suporte técnico e garantia para temas que sofreram alterações no código.
Lembre-se de que a edição do código do seu tema requer conhecimento avançado em HTML, CSS e JS. Caso contrário, há o risco de o tema deixar de funcionar corretamente na sua loja. Nosso tema foi projetado com várias personalizações através do painel do tema e do painel administrativo da Tray, facilitando assim o controle da sua loja. No entanto, entendemos que você possa desejar fazer modificações mais profundas.
- Thumb e Imagens
O tema Softfashion foi totalmente projetado para destacar as imagens do seu produto. Você pode usar as imagens em dois formatos: quadrado e vertical. Para ambos os formatos, orientamos que você solicite ao suporte da Tray a alteração do tamanho da Thumb para 700x700px para você extrair ao máximo o que o tema Softfashion proporciona. Logo abaixo, deixamos um modelo de como você deve solicitar a alteração da Thumb de produto:
Título do ticket: Alteração do tamanho da Thumb
Solicitação: Solicito a alteração do tamanho da thumb do produto (90px X 90px) para 700px X 700px.
Como solicitar?
No painel da sua loja, clique no ícone de atendimento e depois em abrir chamado suporte.
- Dicas Essenciais
Para você extrair o máximo de performance do tema Softfashion, separamos algumas dicas para você aplicar na sua loja.
Otimização de Imagens
– Prefira o formato JPG caso sua imagem não precise ter fundo transparente.
– Respeite as dimensões do gabarito de banners, evite cadastrar imagens com dimensões superiores as recomendadas.
Formatação
Nos campos de descrição do produto e páginas institucionais, evite colar texto com formatação de outros site, isso carrega linhas de CSS que não são necessárias. Sempre que for colar algum texto, utilize o comando CTRL+SHIFT+V para colar o texto sem formatação
Pesquisa por voz
A pesquisa por voz é ativada quando o usuário clica no botão de microfone na barra de pesquisa. Na primeira sessão, o navegador irá solicitar permissão para acessar o microfone, depois ficará armazenado nos cookies do navegador a permissão. Este recurso não é compatível com todos os navegadores (Firefox, Opera e algumas versões do Safari). Quando o navegador não possui suporte para a pesquisa por voz, o botão do microfone é ocultado automaticamente.
Para obter melhores resultados na busca por voz, recomendamos que você deixe as configurações de busca da plataforma desta forma:
Acesse o painel administrativo da loja > Configurações > Loja > Busca > Comportamento de busca