Tray - PetShop 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 PetShop 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: 00000000000

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

No fundo da loja, é possível upar uma imagem para apresentar no fundo do cabeçalho e banner do seu tema.

Acesse: Minha Loja » Design da Loja » Editar Tema » Fundo da Loja

Disposição da Imagem: Fixa ou Livre

Repetição da Imagem: Não Repetir, Repetir, Repetir Verticalmente ou Repetir Horizontalmente

Tamanho indicado de imagem: 1920 x 1080px

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

Depoimentos: mostre aos seus clientes, o quanto a sua loja considera as opiniões deles. Ative e deixe visível na home os depoimentos.

Banner no Mobile: escolha se deseja exibir ou não os banners mobile em sua loja virtual.

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

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

Para habilitar a imagem das formas de entrega da sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Forma de Entrega

Selecione a imagem desejada para apresentar no rodapé, como principais formas de entregas da sua loja virtual.

Tamanho indicado da imagem: 149 x 107 px

Para habilitar os full banners em sua loja acesse: Minha Loja » Design da Loja » Editar Tema » Full Banners Mobile

Tamanho indicado da imagem: 500 x 193 px

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.

Cor primária / Cor das Fontes: inclua a cor desejada para as fontes da sua loja virtual;

Cor do link ao passar o mouse: inclua a cor desejada para apresentar ao passar o mouse;

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

Cor da Fonte do Cabeçalho: inclua a cor desejada para a fonte do cabeçalho, onde apresenta a barra de busca;

Cor do Botão "Voltar ao Topo": inclua a cor desejada para o botão de "Voltar ao Topo";

Cor do Texto do Botão "Voltar ao Topo": inclua a cor desejada para o texto do botão "Voltar ao Topo";

Cor do Fundo da Quantidade do Carrinho: inclua a cor desejada para a bolinha que apresenta a quantidade no carrinho;

Cor do Texto da Quantidade do Carrinho: inclua a cor desejada para o número que apresenta na bolinha no ícone do carrinho;

Youtube - Vídeo na Página Inicial no Mobile: decida se deseja habilitar a apresentação do vídeo no mobile.

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 fundo do menu mobile: inclua a cor desejada para o fundo do menu no mobile.

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 desejada para as categorias no menu.

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

Cor das linhas no título: inclua a cor desejada para as linhas nos títulos 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: inclua a cor desejada para o preço do produto na vitrine;

Cor do Texto da Tarja Desconto: inclua a cor desejada do texto da tarja de desconto na vitrine;

Cor de fundo da Tarja de Desconto: inclua a cor desejada do fundo da tarja de desconto na vitrine.

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 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 do fundo do botão Pop-up: inclua a cor desejada para o fundo do botão da newsletter pop-up;

Cor do texto do botão Pop-Up: inclua a cor desejada para o texto do botão da newsletter pop-up;

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

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

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

Texto da caixa do produto: inclua o texto desejado da caixa do produto;

Texto do botão comprar: inclua o texto desejado para o botão comprar;

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

Cor do preço secundário: inclua a cor desejada para o preço secundário do produto;

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 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 da mensagem de rodapé: inclua a cor desejada para a mensagem do rodapé;

Habilitar carrossel de marcas: 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 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 PetShop, 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: 1140px
Altura: 440px

» Banner Tarja

Local: Extra 12
Dimensões:
Largura: 1140px
Altura: 55px

» Mini Banner 1

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

» Mini Banner 2

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

» Mini Banner 3

Local: Extra 1
Dimensões:
Largura: 350px
Altura: 2500px

» Mini Banner 4

Local: Extra 2
Dimensões:
Largura: 350px
Altura: 250px

» Mini Banner 5

Local: Extra 3
Dimensões:
Largura: 350px
Altura: 250px

» Banner Seção

Local: Extra 5
Dimensões:
Largura: 1140px
Altura: 300px

Banners Mobile:

» Banner Tarja - mobile

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

» Full Banner Mobile 

Local: Editor do tema
Dimensões:
Largura: 500px
Altura: 193px

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;

Há possibilidade de inativar a vitrine e para não apresentar na loja virtua.

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!