- Introdução
- Instalação do Tema
- Minha loja
- Cores
- Banners e Imagens
- Layout
- Extensões
- Edição no Código
- 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 pelo tema Constrular Softcommerce, 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 “Constrular”.
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.
– Youtube
Informações de contato: cadastre suas informações de contato, será exibido no rodapé da loja.
– Telefone 01
– Telefone 02
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:
– Filtro lateral: deseja exibir na página de busca e categoria? (Ativado por padrão)
– Comprar pelo Whatsapp: deseja exibir o botão na página de produtos e vitrine?
– 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.
Selecione o ícone de cada categoria, para ser exibido no menu principal. O tamanho do ícone não deve passar 200x200px e deve ser formato SVG.
A régua fio fica localizada abaixo do banner principal rotativo na página home. Faça upload do ícone em SVG e informe o título e descrição. Na versão mobile a régua funciona em formato de slider.
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.
O tema possuí 4 vitrines. Para cada uma você pode configurar:
- Título
- Tipo de vitrine (como será resgatado os produtos)
- Quantidade de produtos exibida
- Formato de exibição
Em “Bloco de banners central” você pode escolher o título da seção dos banners extras.
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 vídeo. No vídeo você tem a opção de autoplay, se ativada o vídeo executa automaticamente no mudo.
Essa seção também permite que você cadastre qualquer informação, por exemplo destacar um produto.
Aqui você poderá cadastrar vídeos verticais e 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.
A seção nossos conteúdos também pode ser chamada de notícias ou blog. O cadastro das notícias é através do painel administrativo da loja, em marketing > notícias da loja.
No painel de edição do tema, você pode escolher o nome para seção, como “Blog”, “Conteúdos”, “Dicas”.
Os depoimentos da loja não estão disponíveis em todos os planos da Tray. Caso esteja disponível no seu, acesse marketing > avaliações da loja, ative a opção e aprove as avaliações. No painel de edição do tema você pode escolher o nome da seção e definir se deseja ou não exibir a seção.
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.
O popup da newsletter serve como uma forma de retenção do usuário e captação de lead. No tema Constrular 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.
- Extensões
Calculadora de M²
O tema Constrular tem uma super funcionalidade que pode ajudar muitos lojistas a alavancarem as vendas. Se você vende algum produto por m², você precisa deste recurso. Ao ativar a opção de metro quadrado, será exibido uma calculadora na página de produto, onde o cliente pode digitar a área que ele possuí e então a calculadora retorna quantos m² ele precisa e recomenda uma sobra de 10%. Após o cálculo, o cliente pode adicionar a quantidade calculada diretamente no carrinho. Além disso tudo, o tema ainda muda a forma de exibição de preço dos produtos, e exibe o preço por m² no lugar do preço principal.
Para obter todas as funcionalidades da calculadora de m², você precisa fazer alguns ajustes no seu cadastro de produtos.
1 – No painel administrativo da loja, acesse produtos > características > adicionar característica
– O nome da característica deve ser: “M2”
– Cadastre uma opção para poder salvar a característica criada.
2 – Vincule a característica M2 as categorias que desejar. Acesse produtos > categorias > editar categoria
Selecione a característica M2.
3 – Edite o cadastro do produto.
Dentro do cadastro do produto, na seção de características, deve aparecer o campo M2 para você preencher.
O valor preenchido neste campo será usado para calcular o preço por M² e também na calculadora de área. Essa funcionalidade foi desenvolvida com foco no comércio de pisos e revestimentos, mas pode ser adaptada desde que respeite os requisitos. O valor que você deve preencher no campo M2 é a metragem quadrada que possuí 1 unidade do estoque cadastrado. Por exemplo, o seu produto é piso laminado, cada unidade do seu estoque representa 1 caixa, e cada caixa possuí 2,5 m² de cobertura, portanto no campo M2 você vai preencher 2.5.
Após configurar seguindo esses passos, o seu produto deve ser apresentado desta forma:
Você pode ativar ou desativar a funcionalidade no painel do tema, na aba “Extensões”. Este recurso não muda a exibição dos produtos no carrinho de compras e checkout.
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! 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
- 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.
- Dicas Essenciais
Para você extrair o máximo de performance do tema Constrular, 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