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 Store 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 na primeira mensalidade 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
TikTok: DevRocket
Contato Comercial: comercial@devrocket.com.br
Tel / WhatsApp (14) 99902-1354
Contato Suporte: suporte@devrocket.com.br
Tel / 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:
Ao comprar o tema New Store da 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 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.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Modo Otimização.
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 300px 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
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Contatos.
Telefone: Inclua o telefone da loja virtual;
WhatsApp 1: Inclua o número de WhatsApp;
WhatsApp 2: Inclua o número de WhatsApp;
E-mail: Inclua o e-mail da loja virtual;
Horário de Atendimento: Inclua o horário disponível para atendimento.
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" » Cores gerais do tema.
Cor de fundo do botão "Adicionar aos Favoritos": Inclua a cor desejada;
Cor do texto do botão "Adicionar aos Favoritos": Inclua a cor desejada;
Cor do hover do botão "Adicionar aos Favoritos": Inclua a cor desejada;
Cor de texto do hover do botão: Inclua a cor desejada para o texto.
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 do campo pesquisar: Inclua a cor desejada para o fundo do campo pesquisar;
Cor de ícone do campo pesquisar: Inclua a cor desejada para o ícone do campo pesquisar;
Cor de fundo do submenu: Inclua a cor de fundo do submenu da loja;
Cor de texto do submenu: Inclua a cor de texto do submenu da loja;
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: Inclua a cor desejada para o fundo da newsletter rodapé;
Cor do Texto 1: Inclua a cor desejada para o texto principal da newsletter do rodapé;
Cor do Texto 2: Inclua a cor desejada para os textos secundários da newsletter do rodapé;
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.
Newsletter Pop-up:
Cor do botão: Inclua a cor desejada para o botão;
Cor do texto do botão: 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 de fundo dos ícones do rodapé: Inclua a cor desejada para o fundo dos ícones apresentados no rodapé;
Cor dos ícones sociais: Inclua a cor desejada para os ícones das redes sociais apresentados no 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.
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;
Deseja ajustar o banner em 100% da tela: 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:
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.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Tarja.
Exibir tarja personalizado: Sim ou não;
Posição: Acima das vitrines ou Acima do Rodapé;
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" » Menu de Categorias.
Upload da imagem para o Menu de Categoria
Tamanho recomendado: 200px x 300px
ID do produto: coloque o ID do produto desejado para apresentar nas subcategorias.
Caso coloque foto e ID, a prioridade sempre será o ID do produto, coloque uma opção ou outra.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Marcas.
Exibir marcas: Sim ou não;
Upload da imagem para Marca
Tamanho recomendado: 300px x 100px
Link: Inclua o link desejado para redirecionamento.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners" » Carrossel de Categorias.
Exibir categorias: Sim ou não;
Borda arredondada: Inclua os px desejados;
Upload da imagem para Categoria
Tamanho recomendado: 200px x 200px
Nome: Inclua o nome desejado para as categorias;
Link: Inclua o link desejado para redirecionamento.
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;
Exibir o botão WhatsApp: Sim ou não;
Cor de fundo do timer: Inclua a cor desejada;
Cor de texto do timer: Inclua a cor desejada;
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.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Cabeçalho.
Quantidade de itens no menu: Escolha a quantidade;
Habilitar categoria Promoções no menu: Sim ou não;
Texto da Categoria Promoções: Inclua o nome desejado;
IDs dos produtos: Inclua os IDs dos produtos desejados;
Cor de fundo: Inclua a cor desejada;
Cor do texto: Inclua a cor desejada.
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" » Notícias.
Exibir notícias na loja: Sim ou não.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Pop-up de Retenção.
Exibir Pop-up de Retenção: Sim ou não;
Título da vitrine: Inclua o título desejado para Pop-up;
Descrição: Escreva a descrição da vitrine;
ID dos produtos (máximo 6): Insira o ID dos produtos;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Newsletter.
Exibir newsletter: Sim ou não;
Título da Newsletter: Inclua o título desejado;
Subtítulo da Newsletter: Inclua o subtítulo desejado;
Exibir Newsletter (pop-up): Sim ou não;
Título: Inclua o título desejado para a Pop-up;
Descrição: Inclua a descrição para a Pop-up;
Texto do botão: Inclua um texto para o botã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;
Exibir timer de promoção: Sim ou não;
Exibir o botão WhatsApp: Sim ou não;
Cor de fundo do timer: Inclua a cor desejada;
Cor do texto do timer: Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Vídeo na Página Inicial.
Exibir Vídeo na Página Inicial: Sim ou não;
Ambiente: Desktop / Mobile, Somente Desktop ou Somente Mobile;
Título do Vídeo: Inclua o título do vídeo desejado;
Link do vídeo do YouTube: Inclua o link do vídeo.
Cor do fundo: Inclua a cor desejada para o fundo;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Barra Oferta (Cabeçalho).
Exibir a Barra de Oferta: Sim ou não;
Texto Animado: Sim ou não;
Exibir os textos nas laterais: Sim ou não;
Texto da direita: inclua o texto desejado;
Link: inclua o link para o redirecionamento;
Texto da esquerda: inclua o texto desejado;
Link: inclua o link para o redirecionamento;
Primeiro Item: Texto de oferta: inclua o texto desejado;
Link: inclua o link para o redirecionamento.
Cor de fundo: Inclua a cor desejada;
Cor de fundo 2: Inclua a cor desejada;
Cor de texto: Inclua a cor desejada;
Cor das setas: Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Rastreio (Rodapé).
Exibir rastreio: Sim ou não;
URL Personalizada: Inclua a URL para onde será redirecionado quando o usuário clicar para rastrear;
Nome do Campo: Inclua o nome de como irá se chamar o campo, por exemplo: "Rastreio" ou "Rastrear Pedido";
Campo (ID): Insira o campo que será enviado na requisição, geralmente as plataformas de frete disponibilizam esse campo. Por exemplo, nos Correios é "id".
Descrição: Insira o texto que apresentar dentro do campo, por exemplo: "Insira o código aqui";
Cor do botão: Inclua a cor desejada do botão;
Cor do texto do botão: Inclua a cor desejada para o texto do botão;
Cor do fundo do campo: Inclua a cor desejada para o fundo do campo;
Cor do texto do campo: Inclua a cor desejada para o texto do campo.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Feed do Instagram.
Exibir o Feed do Instagram Manual: Sim ou não;
Post: Inclua a imagem do Post;
Tamanho recomendado: 300px x 300px
Link: Inclua o link do Post;
ATENÇÃO: É obrigatório colocar o link na configuração do Instagram manual!
Descrição: Inclua a descrição do Post;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Rodapé.
Exibir categorias: Sim ou não;
Quantidade de categorias: Escolha a quantidade de categorias desejada.
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 !