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 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 Nuvemshop e deseja contratar, poderá realizar pelo link Nuvemshop para adquirir 25% de desconto na primeira mensalidade.
A DevRocket também possui os serviços de cadastro de produtos, categorias, configurações gerais, migrações e muito mais, para um orçamento sem compromisso, é só chamar o nosso comercial.
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 e Suporte: comercial@devrocket.com.br
Tel / WhatsApp (14) 99902-1354
Contato Suporte: suporte@devrocket.com.br
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.
Ao cadastrar a descrição no produto, orientamos que não tenha nenhum tipo de código HTML, sendo assim, inclua as alterações de negrito, itálico, sublinhado e links via painel já que ele assume a estrutura do tema.
Ao comprar o tema Shop da DevRocket e o pagamento ser compensado, o nosso time realizará a instalação em sua loja.
Nosso contato ocorre via WhatsApp e E-mail em horário comercial.
Essencial para o início da configuração do seu tema, a configuração de Logo e Redes Sociais são primordiais para a apresentação elegante e sofisticada do visual da sua loja virtual.
Acesse: Minha Nuvemshop » Layout » Identidade da sua marca:
Para a melhor apresentação, siga a medida recomendada da Logo e Favicon:
Logotipo: 575px x 230px
Favicon: 130px x 130px
Informe as redes sociais do seu negócio na loja virtual, proporcionando uma divulgação mais rápida e eficaz para seus clientes.
Acesse: Usuário » Dados da minha conta » Redes Sociais:
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 Nuvemshop » Layout » Editar Layout » Cores da loja » Cores gerais:
Cor principal: Altera as cores dos textos principais da loja;
Cor secundária: Altera as cores dos títulos das vitrines de produtos, textos secundários;
Cor terciária: Altera as cores dos preços das vitrines de produtos;
Cor de texto do botão: Altera a cor dos textos dos botões da loja;
Detalhes da loja 1: Altera a cor de fundo do cronômetro, borda das variações da vitrine;
Detalhes da loja 2: Aparece nas promoções e nas mensagens de desconto, frete grátis e parcelamento sem juros;
Detalhes da loja 3: Altera as cores de fundo dos botões da loja;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Cabeçalho:
Cor de fundo: Altera a cor de fundo do cabeçalho;
Cor os textos principais: Altera a cor da fonte da Minha Conta, Pedidos e Contatos;
Cor dos textos secundários: Altera a cor dos demais textos;
Cor do texto da busca: Altera a cor do texto da busca e do ícone;
Cor de fundo da busca: Altera a cor de fundo da busca;
Cor do ícone: Altera a cor dos ícones de busca, minha conta e carrinho;
Cor de fundo do carrinho: Altera a cor de fundo da quantidade do carrinho;
Cor de texto do carrinho: Altera a cor de texto da quantidade do carrinho;
Cor de fundo do cabeçalho (mobile): Altera a cor de fundo do cabeçalho mobile;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Menu:
Cor de fundo: Altera a cor de fundo do menu;
Cor do título nível 1: Altera a cor de texto apenas da categoria principal;
Cor do título nível 2: Altera a cor de texto apenas da subcategoria 2;
Cor do título nível 3: Altera a cor de texto apenas da subcategoria 3;
Cor de fundo das subcategorias: Altera a cor de fundo das subcategorias
Cores das páginas extras: Altera as cores de fundo e texto das páginas extras.
Cor de texto 1;
Cor de fundo 1;
Cor de texto 2;
Cor de fundo 2;
Cor de texto 3;
Cor de fundo 3;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Menu lateral (mobile):
Todas as cores configuradas abaixo, refletem no menu lateral da versão mobile;
Cor de fundo;
Cor de textos;
Cor dos detalhes;
Cor da categoria principal;
Cor da subcategoria 2;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Banner Home:
Cor das setas: Altera a cor das setas ao lado dos banners;
Cor dos dots: Altera a cor dos dots abaixo dos banners;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Tarja de serviços:
Cor do título: Altera a cor de título da tarja;
Cor da descrição: Altera a cor da descrição da tarja;
Cor do ícone: Altera a cor do ícone da tarja;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Newsletter (rodapé):
Todas as cores configuradas abaixo, refletem no menu lateral da versão mobile;
Cor de fundo;
Cor de textos;
Cor do botão;
Cor do texto do botão;
Cor de fundo do campo;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cores da loja » Checkout:
Cor de fundo: Altera a cor de fundo;
Cor do topo: Altera a cor do topo;
Cor principal: Altera as cores dos textos principais;
Cor secundária: Altera a cor dos textos secundários;
Detalhes da loja 1: Altera a cor dos preços;
Detalhes da loja 2: Altera a cor das bordas;
Escolha a fonte pré-determinada na sua loja virtual.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Fonte.
É possível selecionar:
- Montserrat;
- Muli;
- Lato;
- Libre Baskerville;
- Slabo;
- Open Sans;
- Lora;
- Droid Sans;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cabeçalho:
Cabeçalho transparente nos banners rotativos: Sim ou não;
Cabeçalho sempre visível ao navegar pela loja (desktop): Sim ou não;
Exibir cabeçalho completo na parte de baixo (mobile): Sim ou não;
Texto do campo 'Buscar': Insira a frase para apresentar no campo de busca;
Mostrar opção 'Pedidos': Sim ou não;
Ícone do carrinho de compras: Escolha o ícone para apresentar o carrinho de compras;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cabeçalho » Barra de oferta:
Mostrar barra de ofertas: Sim ou não;
Ativar animação no texto: Sim ou não;
Texto para ofertas: Insira o texto desejado para apresentar na barra;
Link (opcional): Insira o link para redirecionamento ao clicar na barra;
Cor de fundo da barra: Selecione a cor desejada para o fundo da barra;
Cor de texto: Selecione a cor de texto da barra;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cabeçalho » Contatos:
Mostrar a opção contatos: Sim ou não;
Telefone: Insira seu telefone de contato;
WhatsApp 1: Insira o número de WhatsApp;
WhatsApp 2: Insira seu WhatsApp secundário (caso tenha);
E-mail: Insira o e-mail de contato da sua loja;
Horário de Atendimento: Insira o horário de atendimento da sua loja;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Cabeçalho » Menu:
Quantidade de itens no menu: Escolha a quantidade de itens para apresentar no menu;
Mostrar a opção +Categorias: Sim ou não (diferente da opção padrão da nuvem, essa opção exibe as categorias que faltam);
Título para a opção +Categorias: Insira o título desejado;
Com todas as informações e possibilidades para você configurar a sua loja virtual.
Com diferentes apresentações de fotos, vitrines, vídeo e muito mais para a sua loja ficar completa.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Full banner:
Selecionar imagem: Selecione as imagens de Full banner para desktop;
Tamanho recomendado: 1800px x 600px
Selecionar imagem: Selecione as imagens de Full banner para mobile;
Tamanho recomendado: 600px x 600px
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Régua de vantagens:
Exibir régua de informações: Sim ou não;
Ícone: Escolha o ícone para representar a sua informação;
Título: Insira o título da sua informação;
Descrição: Insira sua descrição da informação;
Link: Insira o link de redirecionamento;
Você pode inserir até 5 itens informativos.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Vitrine de produtos:
Título da vitrine: Insira o título para suas vitrines;
Variação de cor: Mostrar variações de cores na lista de produtos;
Compra rápida: Permitir que seus clientes possam agregar produtos ao seu carrinho rapidamente na lista de produtos;
Exibir segunda imagem: Ao passar o mouse sobre o produto, será exibida a segunda imagem deste produto;
Exibir compre agora e economize: Mostrar o valor de desconto em produtos com promoção;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Primeira vitrine de banners:
Será exibido banners após a primeira vitrine de produtos
Mostrar todos os banners: Sim ou não;
Inserir banners na medida recomendada de 460px x 600px.
Link: Inserir link para redirecionamento;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Segunda vitrine de banners:
Será exibido banners após a segunda vitrine de produtos
Mostrar todos os banners: Sim ou não;
Inserir banners na medida recomendada de 1400px x 400px para a versão desktop.
Carregar outras imagens para celulares: Sim ou não;
Inserir banners na medida recomendada de 600px x 600px para a versão mobile.
Link: Inserir link para redirecionamento;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Terceira vitrine de banners:
Será exibido banners após a terceira vitrine de produtos
Mostrar todos os banners: Sim ou não;
Inserir banners na medida recomendada de 700px x 400px.
Link: Inserir link para redirecionamento;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Carrossel de categorias:
Exibir suas categorias na página inicial: Sim ou não;
Título: Insira o título para suas categorias;
Inserir imagens na medida recomendada de 200px x 200px.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Banners de destaque:
Exibir banner em largura de tela inteira em computadores: Sim ou não;
Mostrar banner: Sim ou não;
Inserir banners na medida recomendada de 600px x 600px.
Título: Insira o Título para os banners;
Descrição: Insira a descrição para os banners;
Texto do botão: Inserir o texto para representar o botão;
Link: Inserir link para redirecionamento;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Depoimentos:
Título: Insira o título para o campo depoimentos;
Subtítulo: Insira o subtítulo dos depoimentos;
Inserir imagens na medida recomendada de 250px x 250px.
Nome: Insira o nome do cliente;
Descrição: Insira o depoimento do cliente;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Marcas:
Mostrar como: Escolha entre carrossel e grade;
Título do carrossel: Insira o título para as Marcas;
Insira as imagens na medida recomendada de 300px x x100px.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Vídeo:
Tipo de reprodução: Escolha como deseja a reprodução do vídeo;
Link do YouTube: Insira o link do vídeo;
Imagem do vídeo: Insira uma imagem para apresentar junto ao vídeo na medida de 1280px x 720px;
Título: Insira o título para o campo do vídeo;
Usar disposição vertical em celulares: Sim ou não;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Inscrição para newsletter (rodapé):
Escolha o título da seção 'Newsletter' no rodapé;
Escreva algo para que seus clientes se inscrevam em sua newsletter;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página Inicial » Popup promocional:
Mostrar pop-up: Sim ou não;
Insira as imagens na medida recomendada de 550px x x190px.
Frase motivadora para o pop-up: Insira uma frase para apresentar junto ao pop-up;
Link (opcional): Insira o link para redirecionamento;
Permitir que seus clientes se inscrevam na newsletter (Opcional): Sim ou não;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Ordem das seções:
Escolha a posição de cada seção de sua loja.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página de categorias:
Imagem para as categorias: Escolha imagem para apresentar nas páginas de categorias;
Inserir imagens na medida recomendada de 1580px x 220px.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Página do produto:
Mostrar a calculadora de frete e as lojas físicas na página de produto: Sim ou não;
Mostrar variação como botões: Sim ou não;
Guia de medidas: Quando houver um produto com variações de 'Tamanho', você pode incluir um pop-up na sua loja com as medidas. Basta criar uma página e inserir o link no campo disponivel.
Mostrar uma mensagem para incentivar a compra quando fique a última unidade de um produto: Sim ou não;
Mensagem: Escreva a mensgame de incentivo;
Texto do botão sob consulta: Insira o texto do botão para produtos sob consulta;
Tipo de contato: Escolha entre WhatsApp e formulário;
WhatsApp: Insira o número para contato, caso seja WhatsApp;
Título para produtos relacionados: Escolha o título para os produtos relacionados;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Carrinho de compras:
Mostrar o botão 'Ver mais produtos' no carrinho de compras: Sim ou não;
Seus clientes podem escolher produtos e conferir o que vão comprar sem a necessidade abrir outra página, já que a informação está sempre visível: Sim ou não;
Qual o valor mínimo que seus clientes devem gastar: Preencha somente se a loja for do tipo atacado;
Mostrar a calculadora de frete e as lojas físicas no carrinho: Sim ou não;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Rodapé da página:
Cor de fundo: Escolha a cor de fundo para o seu rodapé;
Cor dos textos: Escolha a cor dos textos do rodapé;
Cor do título: Escolha a cor dos títulos do rodapé;
Cor do ícone: Escolha a cor dos ícones do rodapé;
Mensagem no rodapé: Insira uma mensagem para apresentar junto ao rodapé;
Logo no rodapé: Insira sua logo para apresentar no rodapé. Tamanho recomendado: 300px x 100px;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Rodapé da página » Instagram:
Insira uma frase de siga-nos: Escolha uma frase;
Insira a conta do Instagram: Insira o @ do seu instagram;
Link da sua conta do Instagram: Insira o link do seu Instagram;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Redes sociais:
Exibir suas postagens do Instagram na página inicial da sua loja: Sim ou não;
Permitir que seus clientes deixem comentários com seus respectivos usuários do Facebook na página de produto: Sim ou não;
ID do seu perfil do Facebook: Insira o ID disponibilizado pelo Facebook;
Com todas as informações e possibilidades para você configurar a sua loja virtual.
Com diferentes apresentações alerta LGPD, páginas extras e timer de promoção e muito mais para a sua loja ficar completa.
Acesse: Minha Nuvemshop » Layout » Editar Layout » Configurações extras » LGPD:
Mostrar a opção de LGPD: Sim ou não;
Cor de fundo: Escolha a cor de fundo da sua LGPD;
Cor dos textos: Escolha a cor do texto da LGPD;
Cor de fundo do botão: Escolha a cor do botão de Aceite;
Cor de texto do botão: Escolha a cor de texto do botão;
Mensagem: Escolha a mensagem de aviso da LGPD;
Texto do botão: Escolha o texto de Aceite do botão;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Configurações extras » Páginas extras (menu):
Nome da página: Insira o nome da página extra;
Link da página: Insira o link para redirecionamento;
Posição no menu: Escolha entre Início do menu ou Final;
Acesse: Minha Nuvemshop » Layout » Editar Layout » Configurações extras » Timer de promoção:
Exibir timer de promoção: Sim ou não;
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!