Manuais

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 Tech 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 e Pinterest 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.

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

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.

Cache no infopreço: ao ativar, é apresentado o "carregando" no preço do produto por alguns segundos, antes de sua apresentação de fato.

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

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

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.

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

Apresentação dos Produtos em Slide: Sim ou Não; se sim, os produtos apresentam em carrossel para os clientes clicarem;

Apresentação do Full Banner: Padrão ou 100% da tela;

Cor Primária (Botões, títulos): inclua a cor desejada para botões e títulos;

Cor Secundária (Subtítulos): inclua a cor desejada para os subtítulos;

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

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

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

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, sendo assim, inclua a cor desejada;

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 do í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é.

A barra de oferta fica acima do cabeçalho, onde apresenta a frase desejada.

Habilitar Barra de Ofertas: Sim ou Não;

Cor de fundo: inclua a cor desejada para a barra de oferta da sua loja virtual;

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

Texto de Oferta: inclua o texto desejado para apresentar na barra de oferta.

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;

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

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;

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;

Imagem de fundo da newsletter no desktop: imagem no tamanho 1920 x 1283px;

Imagem de fundo da newsletter no mobile: imagem no tamanho 360 x 400px;

Título: inclua a frase desejada para a apresentação na loja virtual;

Texto: inclua o texto desejado para a apresentação na loja virtual;

Texto do botão: inclua a palavra desejada para apresentar no botão;

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;

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

Cor de fundo do botão "comprar" (listagem): 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 fundo do botão "comprar" (página do produto): inclua a cor desejada para o botão "comprar";

Cor do texto do botão "comprar": inclua a cor do texto desejado para o botão "comprar", o botão que aparece quando passa o mouse em cima da foto do produto na home;

Texto do botão "comprar": inclua o texto desejado para que apareça no botão na home;

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 Tech, 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 1
Dimensões:
Largura: 1400px
Altura: 120px

» Mini Banner 1

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

» Mini Banner 2

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

» Mini Banner 3

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

» Mini Banner 4

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

» Mini Banner 5

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

Banners Mobile:

» Full Banner - mobile

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

Banner Newsletter Pop-up:

Local: Extra 6
Dimensões:
Largura: 1100px
Altura: 500px

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

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.

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

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;

Vitrine 1: escolha como deseja exibir os produtos;

Vitrine 2: escolha como deseja exibir os produtos;

Vitrine 3: escolha como deseja exibir os produtos;

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.

** 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 no menu, é 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!