A DevRocket é uma empresa de tecnologia voltada para o desenvolvimento de soluções para internet, marketing digital para a sua marca e especializada em e-commerce. O nosso foco é desenvolver ideias em produtos e serviços digitais, converter acessos em clientes e proporcionar o reconhecimento da marca, e também proporcionar uma ótima experiência ao cliente final.
Seu sonho on-line!
Olá, como vai?!
Obrigado por adquirir o tema New Shop da DevRocket. Será um prazer lhe ajudar a deixar sua loja com o estilo da sua marca e pronta para vender.
Este manual tem o objetivo de auxiliá-lo a utilizar o nosso tema, da melhor forma. Vamos ajudá-lo a se preparar antes da instalação, a fazer as configurações iniciais e deixar a sua loja otimizada!
Aqui também vamos colocar todos os nossos contatos, principalmente de suporte.
Porém, caso não tenha loja na plataforma Tray e deseja contratar, poderá realizar pelo link Tray e inserir o cupom DEVROCKET50 para 50% de desconto nas três primeiras mensalidades a partir do plano 2 na modalidade mensal.
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
LinkedIn: DevRocket
YouTube: DevRocket
Contato Comercial: comercial@devrocket.com.br
Telefone / WhatsApp (14) 99902-1354
Contato Suporte: suporte@devrocket.com.br
WhatsApp (14) 99902-1354
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.
Ao comprar o tema New Shop DevRocket e o pagamento ser compensado, o mesmo ficará disponível para publicação na sua loja virtual.
Acesse: Minha Loja » Aparência da Loja » Temas Instalados e não Publicados » Publicar.
(caso queira, poderá realizar todas as alterações desejadas de cores e banners, e publicar o tema 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 da plataforma de no mínimo 30 minutos.
Essencial para o início da configuração do seu tema, a configuração de Logo, Favicon e Redes Sociais são primordiais para a apresentação elegante e sofisticada do visual da sua loja virtual.
O modo de carregamento otimizado, promove um carregamento mais rápido da loja virtual na análise do PageSpeed do Google.
É possível ativar e desativar a versão mobile e desktop separadamente.
Inclua o logotipo da sua marca na loja virtual, sempre indicamos a logo no tamanho 300 x 100px sem fundo.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Logo (Cabeçalho).
Inclua o logotipo da sua marca na loja virtual, sempre indicamos a logo no tamanho 300 x 100px sem fundo.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Logo (Rodapé).
Inclua o logotipo da sua marca na loja virtual no Favicon, apresentando no navegador, sempre indicamos no tamanho 48 x 48px sem fundo.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Favicon (Logo Ícone).
Informe as redes sociais do seu negócio na loja virtual, proporcionando uma divulgação mais rápida e eficaz para seus clientes.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Redes Sociais.
Preencha os campos com a URL completa.
Exemplo: https://pt-br.facebook.com/suaempresa
Para a configuração do TikTok, coloque o @
Personalize as cores utilizadas no seu tema conforme a sua preferência. Defina nas seções as cores do seu tema e dos elementos da página.
Caso não tenha a cor hexadecimal para seu tema, CLIQUE AQUI e verifique qual é o ideal para sua marca.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Cores gerais do tema.
Cor dos textos 1: Inclua a cor desejada para os títulos principais da loja;
Cor dos textos 2: Inclua a cor desejada para os títulos dos blocos e nomes dos produtos;
Cor dos textos 3: Inclua a cor desejada para valores de parcelamento;
Cor dos textos invertida: Inclua a cor desejada para a fonte quando o botão for escuro.
Cores Primárias para as cores principais da loja como um todo.
Cor primária 1: Inclua a cor desejada para o valor de preço;
Cor primária 2: Inclua a cor desejada para os textos de avaliações do produto;
Cor secundária: Inclua a cor desejada para a cor de fundo do botão "Comprar".
Cor de borda / fundo 1: Inclua a cor desejada para o fundo da busca e de depoimentos;
Cor de borda / fundo 2: Inclua a cor desejada para o fundo do campo de quantidade na interna do produto.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Cabeçalho.
Cor de fundo do cabeçalho: Inclua a cor desejada para o cabeçalho da loja;
Cor dos textos principais do cabeçalho: Inclua a cor desejada para os textos do cabeçalho;
Cor dos textos secundários do cabeçalho: Inclua a cor da fonte em Entrar/Cadastrar e do texto da busca;
Cor dos ícones do cabeçalho: Inclua a dor para os ícones de busca, minha conta e carrinho;
Cor de fundo do carrinho: Inclua a cor desejada para a quantidade do carrinho;
Cor de fundo dos detalhes do cabeçalho: Inclua a cor desejada para a busca e a borda.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Newsletter.
Cor de fundo do campo e-mail da newsletter: Inclua a cor desejada para o campo de fundo do e-mail;
Cor do Texto do Campo E-mail da Newsletter: Inclua a cor desejada para o texto do campo de e-mail;
Cor do Texto descritivo do Campo E-mail da Newsletter: Inclua a cor desejada para o texto descritivo do campo de e-mail;
Cor de fundo do botão da newsletter: Inclua a cor desejada para o botão da newsletter;
Cor do texto do botão da Newsletter: Inclua a cor desejada para o texto do botão.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Rodapé.
Cor de fundo do rodapé: Inclua a cor desejada para o fundo do rodapé da loja;
Cor dos títulos do rodapé: Inclua a cor desejada para os títulos do rodapé;
Cor dos textos do rodapé: Inclua a cor desejada para os textos do rodapé;
Cor dos ícones do rodapé: Inclua a cor desejada para os ícones apresentados no rodapé;
Cor de fundo dos detalhes do rodapé: Inclua a cor desejada para as informações do rodapé.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Selos
Cor do texto dos selos: Inclua a cor desejada para o texto;
Cor de fundo do selo: Inclua a cor desejada para o fundo;
Os banners e imagens para a loja virtual é essencial para um layout atrativo e moderno. Com inúmeros benefícios, os banners proporcionam: chamada de atenção, comunicação visual, direcionamento de tráfego, destaque de promoções, branding, experiência do usuário e muitas outras estratégias de marketing e comunicação.
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 do tema Makeup - New Shop aqui.
Baixe os banners do tema Encanto Decor - New Shop aqui.
Baixe os banners do tema Suplementos - New Shop aqui.
Baixe os banners do tema Glamour - New Shop aqui.
Baixe os banners do tema Chocolatier - New Shop aqui.
Baixe os banners do tema PetShop - New Shop aqui.
Baixe os banners do tema Farmácia - New Shop aqui.
Configure os banners da sua loja virtual.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Configurações do slide.
Deseja pausar o slide ao passar o mouse sobre: Sim ou não;
Cor dos "dots": Inclua a cor desejada para os quadradinhos de apresentação e rotação dos banners;
Cor das setas: Inclua a cor desejada para as setas de apresentação e rotação dos banners.
Observações:
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Full banners Desktop.
É possível subir até 3 banners home.
Tamanho recomendado: 1920px x 600px
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Full banners Mobile.
É possível subir até 3 banners home.
Tamanho recomendado: 500px x 500px
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Tarja.
Exibir banner tarja: Sim ou não;
Upload do banner tarja para Desktop
Tamanho recomendado: 1400px x 100px
Upload do banner tarja para Mobile
Tamanho recomendado: 500px x 500px
Banner tarja personalizado
Para exibir o banner tarja personalizado configure conforme abaixo:
Exibir tarja personalizado: Sim
Upload do ícone tarja:
Tamanho recomendado: 100px x 100px
Título: Inclua o título para o item
Subtítulo: Inclua o texto a ser apresentado
Link: adicione um link para o redirecionamento ao clicar
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Primeira Vitrine.
Para os banners desktop
Tamanho recomendado: 700px x 500px
Para o banner mobile
Tamanho recomendado: 500px x 500px
Link: Inclua o link para redirecionamento;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Segunda Vitrine.
Upload do banner para Desktop
Tamanho recomendado: 1400px x 500px
Upload do banner para Mobile
Tamanho recomendado: 500px x 500px
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Terceira Vitrine.
Os 3 banners desktop
Tamanho recomendado: 700px x 500px
Upload do banner para Mobile
Tamanho recomendado: 500px x 500px
Com todas as informações e possibilidades para você configurar a sua loja virtual.
Com diferentes apresentações de fotos, vitrines, Instagram, WhatsApp flutuante, alerta LGPD e muito mais para a sua loja ficar completa.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Vitrine de produtos.
Exibir produtos em ordem aleatória: Sim ou não;
Exibir selos do produto na listagem: Sim ou não;
Alterar a imagem ao passar o Mouse: Sim ou não;
Mostrar parcelas na listagem de produtos: Sim ouo não;
Título da vitrine: Inclua o título desejado para cada vitrine;
Tipo de vitrine: Selecione qual o tipo de produto deverá apresentar na vitrine;
Quantidade de produtos a ser exibido na vitrine: Selecione a quantidade de produtos a ser apresentada em cada vitrine.
Controle como os elementos do tema serão exibidos aos seus clientes.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Voltar ao topo.
Exibir voltar ao topo: Sim ou não.
Exibir WhatsApp Flutuante: Sim ou não.
Número do WhatsApp: Insira o número de WhatsApp para contato.
Frase do WhatsApp: Insira a frase para o WhatsApp.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » LGPD.
Exibir LGPD: Sim ou não;
Texto informativo: Inclua o texto desejado para o alerta LGPD;
Link para as políticas de privacidade / termos de uso: Inclua o link da página de informações;
Texto do Botão: Inclua o texto desejado para o botão;
Cor de fundo: Inclua a cor de fundo do alerta LGPD;
Cor do texto informativo: Inclua a cor do texto informativo do alerta LGPD.
Cor do botão: Inclua a cor desejada para o botão de LGPD;
Cor do texto do botão: Inclua a cor desejada para o botão LGPD.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba " Layout" » Depoimentos.
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;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Página do produto.
Exibir notícias na loja: Sim ou não.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Newsletter.
Exibir newsletter na Página Inicial: Sim ou não.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Categorias e busca.
Exibir filtro lateral: Sim ou não.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Página do produto.
Exibir avaliações nos produtos: Sim ou não;
Exibir produtos relacionados: Sim ou não;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Barra Oferta (Cabeçalho).
Exibir bloco de Barra de Oferta: Sim ou não;
Texto de oferta - Desktop: Inclua o texto desejado para apresentação no Desktop;
Texto de oferta - Mobile: Inclua o texto desejado para apresentação no Mobile;
Cor do fundo: Inclua a cor desejada para o fundo;
Cor do texto: Inclua a cor desejada para o texto.
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!