Tray - Cosméticos DevRocket

A DevRocket tem o foco em desenvolvimento e soluções para internet, ajudando a sua marca crescer on-line. Saiba mais sobre nós:

Site: devrocket.com.br 

Facebook: DevRocket

Instagram: DevRocket

Twitter: DevRocket

Blog: DevRocket

Contato Comercial: comercial@devrocket.com.br 

Tel / WhatsApp (14) 99902-1354

Contato Suporte: suporte@devrocket.com.br

Tel / WhatsApp (14) 99869-6227

Qualquer dúvida sobre configurações do tema, entre em contato através do suporte.

** Você tem o direito ao nosso suporte por 180 dias e lhe responderemos em até 48 horas úteis.

Importante:

• Não prestamos suporte gratuito para lojas que retirarem nosso logotipo do tema, e caso haja implementações ou alterações de terceiros que ao serem inseridos tenham causado algum tipo de problema.
• O suporte é para dúvidas e possíveis falhas do tema, lembrando que todos os nossos testes ocorrem no tema padrão atualizado DevRocket.
• Para configurações e alterações de código padrão, o mesmo é realizado via orçamento através de e-mail ou WhatsApp.
• Configurações e funcionalidades nativas da plataforma é de responsabilidade do lojista ou por meio de orçamento através do e-mail e WhatsApp.
• Não recomendamos a alteração HTML/CSS/JS do tema instalado, caso não possua conhecimento em programação.
• A DevRocket não possui obrigatoriedade em prestar suporte para funcionalidades da plataforma e para suporte com relação à alteração da estrutura do código do tema.
• Todo e qualquer tipo de problema com relação à plataforma, como configuração de frete, formas de pagamento, integrações e outros, deve ser tratado diretamente com o suporte da plataforma.
• Recomendamos cadastrar os produtos com as imagens padrões, sendo todas do mesmo tamanho de 1000 x 1000px para ficar conforme o demonstrativo.
• Solicitar diretamente na Tray a alteração de thumb de 180 x 180px para 450 x 450px.

Ao comprar o tema Cosméticos DevRocket e o pagamento ser compensado, o mesmo ficará disponível para publicação na sua loja virtual.

Acesse: Minha Loja » Design da Loja » Temas Instalados e não Publicados » Publicar.

(caso queira, poderá realizar todas as alterações desejadas de cores e banners, e publicar somente no final, assim não atrapalhará o fluxo da sua loja virtual, caso já esteja lançada e ocorrendo vendas).

Recomendamos sempre salvar os procedimentos realizados para sempre refletir na loja virtual, lembrando que pode haver um cache de até 30 minutos.

Divulgue suas redes sociais na sua loja virtual e proporcione uma divulgação mais rápida e eficaz para seus clientes.

Acesse: Minha Loja » Design da Loja » Editar Tema » Redes Sociais

Preencha os campos de Facebook, Twitter, Instagram, YouTube, Pinterest e TikTok com a URL completa.

Exemplo: https://pt-br.facebook.com/suaempresa

WhatsApp: Preencha com o DDD e o número, onde ao ser preenchido, automaticamente o ícone do WhatsApp flutuante apresenta em sua loja virtual.

Exemplo: (00) 00000-0000

Frase WhastApp: Preencha com a frase desejada.

Exemplo: Olá, precisa de mais informações?

YouTube - Vídeo na Página Inicial: Copie e cole a URL do vídeo desejado do YouTube.

Exemplo: https://www.youtube.com/watch?v=Vv0_PSzRWlE

* Por padrão do tema, o vídeo na home não apresenta na versão mobile.

Para habilitar os recursos da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Recursos.

Filtro Inteligente: ao ativar, o filtro inteligente é apresentado nas categorias da loja virtual ao acessar tanto em desktop, quanto em mobile.

Para habilitar as notícias da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Notícias

Habilitar Notícias: ao ativar, ativa a exibição das notícias página inicial. O mesmo é uma funcionalidade da plataforma: Notícias da Loja

Habilitar Notícias no Mobile: ativa a exibição das notícias página inicial na versão mobile

Título da Seção de Notícias: informar qual o título desejado para apresentar na home.

Exemplo: Notícias / Dicas / Blog

Tamanho indicado para imagens nas notícias: 400 x 400px

* Por padrão do tema, as notícias da loja não apresenta na versão mobile.

Para habilitar os Pedidos Via WhatsApp da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Pedidos Via WhatsApp.

Habilitar Pedidos via WhatsApp (Listagem de Produtos): Sim ou Não, onde aparecerá o ícone do WhatsApp ao lado da foto do produto na home e na página de categorias;

Habilitar Pedidos via WhatsApp (Página de Produtos): Sim ou Não, onde aparecerá a opção do WhatsApp abaixo do botão comprar para o cliente clicar e ser redirecionado automaticamente;

Frase para Pedidos via WhatsApp: inclua a frase desejada para apresentar antes do link do produto quando o cliente ao clicar for redirecionado;

Observação: O link do produto é capturado automaticamente e apresentará juntamente com a frase escolhida a cima, e será redirecionado para o número de WhatsApp configurado na opção de "Redes Sociais".

Essa opção é ideal para lojas que desejam manter todo o processo de configuração/migração sem que o cliente final visualize.

Para habilitar a Loja em Manutenção da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Loja em Manutenção.

Habilitar Loja em Manutenção: Sim ou Não, ao selecionar essa opção, os produtos, categorias e demais funcionalidades serão ocultas para a não visualização do cliente;

Título da Loja em Manutenção: inclua o título desejado para apresentar na página de manutenção;

Frase da Loja em Manutenção: inclua a frase desejada para informar seus clientes;

Cor do Título: inclua a cor desejada para o título da página de manutenção;

Cor da Frase: inclua a cor desejada para a frase da página de manutenção;

Cor de Fundo: inclua a cor desejada para o fundo da página de manutenção.

Se configurado, quando o cliente acessar a loja, apresentará conforme imagem acima, seguindo a frase e cores configuradas.

Essa opção é para habilitar o alerta de notificação de que seu site usa cookies, porém o mesmo é somente visual do tema, lembrando que a plataforma que cuida de todas as informações e base de dados.

Para saber mais como a plataforma Tray está perante a LGPD entre em contato diretamente com a plataforma.

Para habilitar o alerta de LGDP da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » LGPD.

Habilitar LGPD: Sim ou Não, ao selecionar essa opção aparecerá a mensagem na página da loja quando o cliente acessar pela primeira vez.

Título LGPD: é o título que ficará internamente no código do seu tema.

Frase: inclua a frase desejada que apresentará para seu cliente aceitar quando acessar a sua loja.

Nome Página: inclua o nome da página que receberá o hiperlink para redirecionar quando o cliente clicar para leitura.

URL Página: inclua a URL da página que está configurada no painel da sua plataforma Tray com todas as informações.

Cor do Botão: inclua a cor desejada para o botão de aceite do alerta.

Cor de fundo: inclua a cor desejada para a a cor de fundo do alerta.

Essa opção é para habilitar ou não a funcionalidade onde, o cliente é obrigado a logar na loja virtual para só assim apresentar o preço do produto.,

Para habilitar a Regra de Preço da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Regra Preço.

Quando habilitado o preço não apresenta na home conforme abaixo:

Assim como na home, na página do produto o preço também não é apresentado conforme abaixo:

Vamos deixar a sua loja virtual com as cores da sua marca.

Opção de Cabeçalho: Escolha entre a opção "Cabeçalho Flutuante", "Menu Flutuante" ou "Cabeçalho/Menu Normal".

Tamanho Full Banners: Escolha entre a opção "Tamanho Normal" ou "100% da Tela".

Páginas Extras no Cabeçalho: Sim ou não;

Páginas Extras no Menu Mobile: Sim ou não;

Habilitar Rastreio: Sim ou Não, caso utilize Correios, poderá ativar o rastreio na sua loja virtual.

Cor Primária: inclua a cor desejada para linhas do "notícias da loja" e fundo do botão "topo".

Cor Secundária: inclua a cor desejada para rastreio e fundo da frase no rodapé.

Cor Títulos: inclua a cor desejada para os títulos da loja virtual.

Cor Textos em Geral: inclua a cor desejada para os textos da loja virtual em geral.

Cor do texto do "Palavras mais buscadas": é necessário ativar a exibição no painel da sua loja virtual, e assim inclua a cor desejada.

Cor do título do "Palavras mais buscadas": é necessário ativar a exibição no painel da sua loja virtual, e assim inclua a cor desejada.

Cor do texto da "Notícia": é necessário ativar a exibição no painel da sua loja virtual, e assim inclua a cor desejada para o texto.

Cor do título da "Notícia": é necessário ativar a exibição no painel da sua loja virtual, e assim inclua a cor desejada para o título.

Cor do título das avaliações da loja: é necessário ativar as avaliações pelo painel da loja virtual, e assim inclua a cor desejada.

Cor do fundo das avaliações da loja: é necessário ativar as avaliações pelo painel da loja virtual, e assim inclua a cor desejada para o fundo das avaliações.

Cor do fundo do cabeçalho: inclua a cor desejada para o fundo do cabeçalho, onde apresenta a barra de busca.

Cor de fundo da loja: a cor do fundo da loja irá ser alterado, conforme o padrão do tema.

Cor dos ícones do cabeçalho: inclua a cor desejada para os ícones do cabeçalho (carrinho, pedidos e conta).

Cor dos títulos dos ícones do cabeçalho: inclua a cor desejada para os títulos do cabeçalho (carrinho, pedidos e conta).

Cor do fundo da quantidade do carrinho: inclua a cor desejada para a bolinha que apresenta a quantidade no ícone do carrinho.

Cor do texto da quantidade do carrinho: inclua a cor desejada para o número que apresenta na bolinha no ícone do carrinho.

Cor do texto do Instagram: inclua a cor desejada para a chamada do Instagram acima do rodapé.

Cor do link do Instagram: inclua a cor desejada para o seu perfil do Instagram acima do rodapé.

Cor do fundo do campo adicional: inclua a cor desejada para o fundo do campo adicional do produto, onde o mesmo deverá ser habilitado no painel da loja.

Cor do texto do campo adicional: inclua a cor desejada para o texto do campo adicional do produto, onde o mesmo deverá ser habilitado no painel da loja.

A barra do topo fica acima do cabeçalho, onde informa o e-mail, WhatsApp e login.

Habilitar Barra Topo: Sim ou Não, poderá desabilitar essa funcionalidade quando desejar e deixar o visual da sua loja mais clean.

Cor de fundo: inclua a cor desejada para a barra topo da sua loja virtual.

Cor dos ícones: inclua a cor desejada para os ícones da sua loja

Cor do texto: inclua a cor desejada para o texto do barra topo.

Cor do fundo ao passar o mouse: inclua a cor desejada para destacar os links ao passar o mouse no barra topo.

Possibilidade de inserir os ícones de Contato, Ofertas, Conta, Pedidos e Carrinho.
 

Quantidade de Categorias no Menu: inclua a quantidade desejada para apresentação de categorias no menu;

Orientação das subcategorias no Menu: horizontal/vertical;

Cor de fundo: inclua a cor desejada para o fundo do menu.

Cor do texto: inclua a cor desejada para o texto do menu.

Cor do ícone do menu mobile: inclua a cor desejada para o ícone do menu no mobile.

Apresentar imagem de produto por categoria: Sim ou Não, ao habilitar essa funcionalidade inclua as imagens na categoria e o link desejado para o redirecionamento da imagem.

Tamanho recomendado da imagem 300 x 300 px.

Habilitar botão "Comprar" (Listagem): possibilidade de colocar sim ou não, onde habilita o botão que é apresentado na home.

Texto do botão: insira o texto desejado para apresentar no botão.

Cor do título da vitrine: inclua a cor desejada para o título da vitrine.

Cor do nome do produto e parcelamento: inclua a cor desejada para o nome do produto e parcelamento na vitrine.

Cor do preço principal do produto: inclua a cor desejada para o preço do produto.

Cor do botão "Comprar": insira a cor desejada para o botão da home.

Cor do texto do botão "Comprar": insira a cor desejada para o texto do botão "Comprar" na home.

Habilitar Newsletter: Sim ou Não - possibilidade de escolher se deseja apresentação da newsletter na loja;

Cor do fundo: inclua a cor desejada para o fundo da newsletter;

Cor do título: inclua a cor desejada para o título da newsletter;

Cor do subtítulo: inclua a cor desejada para o subtítulo da newsletter;

Cor do fundo do botão: inclua a cor desejada para o fundo do botão no qual o cliente se cadastra;

Cor do texto do botão: inclua a cor desejada para o texto do botão;

Cor da borda do campo nome e e-mail: inclua a cor desejada para a borda;

Cor do texto do campo nome e e-mail: inclua a cor do texto dos campos;

Título: inclua o título desejado para apresentar na newsletter da loja;

Texto: inclua a frase desejada para apresentar na newsletter da loja;

Texto do botão: inclua a frase desejada para apresentar no botão da newsletter;

Habilitar newsletter Pop-Up: Sim ou Não;

** O pop-up apresenta a cada 24 horas para o mesmo acesso.

Cor das redes sociais: inclua a cor desejada para as redes sociais da loja;

Cor da mensagem de rodapé: inclua a cor desejada para a mensagem do rodapé;

Quantidade de produtos por Seção: o padrão é 12, porém poderá colocar a quantidade desejada;

Habilitar efeito na imagem (listagem): Sim ou Não, caso deseje, poderá desabilitar o efeito de trocar a foto para a foto secundária;
Cadastrar os produtos com as imagens padrões, sendo todas do mesmo tamanho de 1000 x 1000px para ficar conforme o demonstrativo.

Ativar caixa do produto ao passar o mouse: Sim ou Não, ao ativar a caixa irá apresentar no envolto do produto ao passar o mouse;

Cor do preço principal: inclua a cor desejada para o preço principal;

Cor de fundo do botão "comprar": inclua a cor desejada para o botão "comprar";

Cor do texto do botão "comprar": inclua a cor desejada para o texto do botão "comprar";

Cor do fundo do botão de quantidade: inclua a cor desejada para o fundo do botão de quantidade;

Cor do símbolo do botão de quantidade: inclua a cor desejada para o símbolo do botão de quantidade;

Cor de fundo do botão do frete: inclua a cor desejada para o fundo do botão de frete;

Cor do texto do botão do frete: inclua a cor desejada para o texto do botão de frete;

Cor de fundo das abas: inclua a cor desejada para o fundo das abas dos produtos;

Cor do texto das abas: inclua a cor desejada para o texto das abas dos produtos;

Cor do título dos produtos visitados: inclua a cor do título dos produtos visitados;

Cor do título dos produtos relacionados: inclua a cor desejada para o título dos produtos relacionados;

Cor do subtítulo dos produtos visitados: inclua a cor desejada para o subtítulo dos produtos visitados;

Cor do subtítulo dos produtos relacionados: inclua a cor desejada para o subtítulo dos produtos relacionados;

Cor dos botões dos produtos visitados: inclua a cor desejada para os botões dos produtos visitados;

Texto dos botões dos produtos visitados: inclua a cor desejada para o texto dos botões dos produtos visitados;

Cor do texto da Tarja de Desconto: inclua a cor desejada para o texto da tarja de desconto;

Cor do Preço Anterior: inclua a cor desejada para o preço anterior do produto;

Cor do Preço Principal: inclua a cor desejada para o preço principal do produto;

Cor da Árvore de Categorias: inclua a cor desejada para a árvore de categorias;

Cor da etiqueta "Destaque": inclua a cor desejada para a etiqueta de destaque do produto;

Cor da etiqueta "Lançamento": inclua a cor desejada para a etiqueta de lançamento do produto;

Cor de fundo "Opções": inclua a cor desejada para o fundo das opções de variação do produto;

Cor da fonte "Opções": inclua a cor desejada para a fonte das opções de variação do produto;

Habilitar carrossel de marcas: Sim ou Não;

Habilitar carrossel de marcas no mobile: Sim ou não;

É possível upar para o carrossel de marcas até 10 marcas, onde possui a possibilidade de colocar o link desejado para ao clicar ser redirecionado.

Tamanho indicado para as imagens: 300 x 100 px

Habilitar carrossel de Categorias: Sim ou Não

Posição das Categorias Carrossel: Acima das Vitrines ou Abaixo das Vitrines

Borda Arredondada: Escolha o quão arredondado quer deixar a borda da imagem

É possível upar para o carrossel de marcas até 20 categorias, onde possui a possibilidade de colocar o nome desejado e o link para ao clicar ser redirecionado.

Tamanho indicado para as imagens: 300 x 300 px

No cadastro de produto dentro do painel da loja virtual, é possível configurar o prazo que aquele produto ficará em promoção, assim, quando configurado essa promoção diretamente no produto é possível apresentar o timer de produtos no layout.

Habilitar Timer de Promoção: Sim ou Não, quando habilitado, apresentará embaixo dos produtos com promoção configurado a contagem regressiva de dias, horas, minutos e segundos, que vem diretamente do servidor da plataforma.

Frase: inclua a frase desejada para apresentar antes da contagem regressiva de dias, horas, minutos e segundos.

Cor de fundo: inclua a cor de fundo desejada para a caixa do timer de promoção.

Cor do texto: inclua a cor do texto desejado para apresentar no timer de promoção.

** O timer de promoção apresenta na home e na página de categorias, nos produtos com preço em promoção configurada.

Habilitar Timer Barra: Sim ou Não;

Posição do Timer Barra: Acima das Vitrines ou Abaixo das Vitrines;

Título: inclua o título desejado para apresentar no Timer Barra;

Frase: inclua a frase desejada para apresentar para o seu cliente no Timer Barra;

Data Inicial: informe a data inicial das promoções para a contagem regressiva;

Data Final: informe a data final das promoções para a contagem regressiva;

Cor da Frase: inclua a cor desejada para a frase;

Link para redirecionar a página: inclua o link desejado para ao clicar, o cliente ser redirecionado a página;

Imagem de Fundo: inclua a imagem desejada no tamanho de 1400 x 400px

** Ao encerrar a contagem regressiva configurada apresenta automaticamente a frase "Promoção finalizada" e o lojista deverá configurar uma nova promoção ou desabilitar o timer barra. 

Habilitar os Comentários na loja: Sim ou Não;

Título: Inclua o título desejado para os comentários;

Descrição: Inclua a descrição desejada para os comentários;

Cor do fundo dos comentários: Inclua a cor desejada para o fundo dos comentários;

Cor da borda: Inclua a cor desejada para a borda dos comentários;

Cor do texto "Nome": Inclua a cor desejada para o texto;

Cor do texto "Depoimento": Inclua a cor desejada para o texto;

Upload da imagem no tamanho recomendado: 100 x 100 px;

Nome: Inclua o nome do cliente;

Depoimento: Inclua o depoimento do cliente;

Para o funcionamento correto do tema Roupas DevRocket, tanto no mobile quanto desktop, pedimos que deixe selecionado as opções acima, dos quais estão listadas abaixo:

Banners responsivos;

Setas;

Efeito Fade;

Dots;

Infinito;

Autoplay;

Cor das setas: inclua a cor desejada para as setas dos banners;

Cor das setas ao passar o mouse: inclua a cor desejada para apresentar no momento que passar o mouse;

Cor dos dots: inclua a cor desejada para os dots (bolinhas que apresentam juntamente com o banner home);

Cor dos ativos: inclua a cor desejada para os dots quando estiverem ativos;

Tamanho recomendado para os banners e os locais corretos de inserção.

Banners Desktop:

» Full Banner

Local: Banner Home
Dimensões:
Largura: 1400px
Altura: 450px

» Banner Tarja

Local: Extra 12
Dimensões:
Largura: 1400px
Altura: 120px

» Mini Banner 1

Local: Extra 7
Dimensões:
Largura: 700px
Altura: 569px

» Mini Banner 2

Local: Extra 8
Dimensões:
Largura: 700px
Altura: 569px

» Mini Banner 3

Local: Extra 1
Dimensões:
Largura: 400px
Altura: 400px

» Mini Banner 4

Local: Extra 2
Dimensões:
Largura: 400px
Altura: 400px

» Mini Banner 5

Local: Extra 3
Dimensões:
Largura: 400px
Altura: 400px

» Banner entre Seção

Local: Extra 5
Dimensões:
Largura: 1400px
Altura: 400px


» Banner entre Seção II

Local: Extra 6
Dimensões:
Largura: 1400px
Altura: 300px


Banners Mobile:

» Full Banner - mobile

Local: Extra 4
Dimensões:
Largura: 500px
Altura: 500px


» Banner Tarja - mobile

Local: Extra 11
Dimensões:
Largura: 600px
Altura: 400px


Banner Newsletter Pop-Up:

Local: Extra 9
Dimensões:
Largura: 800px
Altura: 600px

Para a inserção dos banners na loja virtual, acesse: Marketing » Banners da Loja » clique em "Cadastrar Banner".

Insira o nome, banners e a localização correta de exibição conforme o manual e salve.

Observações:

• O título das imagens não poderá possuir: espaçamento, caractere especial, acentuações e nomes repetidos de outras imagens, pois isso pode impactar ao upar o arquivo no editor do tema.
• O peso dos banners precisará ser menor ou igual ao peso de 350kb, peso permito pela Tray.

Atenção: o banner home, para ficar rotativo deve-se selecionar a opção conforme abaixo:

Aqui você pode baixar os banners do tema demonstrativo para adequar a sua loja virtual.

O arquivo contém as imagens em PNG e PSD (arquivos para Photoshop).

Baixe os banners aqui.

Caso queira baixar a fonte utilizada no tema, clique aqui.

Exibir apenas produtos disponíveis: para exibir apenas produtos com estoque na home;

Direcionar direto para o carrinho: ao clicar no produto, o cliente já adiciona o produto ao carrinho e não visualiza a página do produto;

Exibir tag desconto: para exibir a tag desconto no produto quando houver promoção, basta deixar a opção ativada;

Como exibir os produtos no mobile: escolha a quantidade de coluna desejada para apresentar na versão mobile;

Escolha uma forma que será exibido preços anteriores à promoção: escolha a forma de como os preços anteriores serão exibidos;

Título: insira o título desejado para cada vitrine - caso deixe em branco, irá apresentar o título padrão da vitrine.

Vitrine 1: escolha como deseja exibir os produtos;

Vitrine 2: escolha como deseja exibir os produtos;

Vitrine 3: escolha como deseja exibir os produtos;

Vitrine 4: escolha como deseja exibir os produtos;

** Carrossel é possível ativar ou não na vitrine desejada.

** A opção "Inativo" não mostrará a vitrine na home.

Mostre aos seus clientes, o quanto a sua loja considera as opiniões deles. Ative e deixe visível na home as avaliações.

Para inserir o Selo de Segurança, ative e inclua o código HTML desejado.

As estrelinhas de avaliação do produto, é apresentado automaticamente no tema quando o produto é avaliado e o lojista libera na plataforma, vale lembrar que é um procedimento nativo da Tray que o tema somente reflete.

* Lembrando que o código do selo é de responsabilidade do lojista.

Para a loja virtual, indicamos a logo no tamanho 300 x 100px sem fundo.

Acesse: Minha Loja » Design da Loja » Editar Imagens Padrões » Logotipo.

Para a inclusão dos ícones nas categorias (principais), é necessário que as categorias já estejam cadastradas.

Segue link para passo a passo de upload da imagem na categoria: Tray.

Acesse: Meus aplicativos » Instalar Novos Aplicativos » pesquise por "Imagens na Categoria e Subcategoria" » Instalar.

Caso não possua os ícones do seu nicho, poderá realizar a criação deles mediante a orçamento com nosso comercial, ou pesquisá-los diretamente no Google.

Sempre no tamanho de 32 x 32px e em formato PNG
 

Você finalizou todo o passo a passo e seu tema está prontinho!

Desejamos ótimas vendas e que seu novo tema deixe seus clientes ainda mais engajados com seus produtos ❤️

É um prazer tê-lo conosco na DevRocket!