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 Sky 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 Bagy e deseja contratar, poderá realizar pelo link Bagy e inserir o cupom DEVROCKET25 para 25% de desconto nas quatro primeiras mensalidades 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:
-
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.
-
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 aceito pela plataforma.
Ao comprar o tema Sky da DevRocket e o pagamento ser compensado, o mesmo ficará disponível para publicação na sua loja virtual.
Acesse: Configurações » Editar Layout » 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.
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.
Habilitar para o Desktop: sim ou não;
Habilitar para o mobile: sim ou não;
Essencial para o início da configuração do seu tema, a das redes sociais, fonte, alerta LGPD e contatos da loja virtual.
Perfeito para estratégias de marketing e divulgação, a opção de Loja em Manutenção / Lançamento pode promover maior engajamento da marca e expectativas.
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" » Fonte.
Escolha a fonte desejada:
- Inter
- Roboto
- Poppins
- Rubik
- Nunito
- Open Sans
- Lora
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 @
Observação: Caso não queira apresentar alguma rede social, basta deixar o campo em branco.
Loja Manutenção / Lançamento
A Loja Manutenção não apresentará a sua loja para o cliente final, uma excelente estratégia para lançamento da loja, marca ou coleção.
Informe a data de inauguração da sua loja e se desejar, pode também informar um timer de contagem regressiva.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Loja Manutenção / Lançamento.
Habilitar Loja em Manutenção / Lançamento: Sim ou não;
Exibir Timer de Inauguração / Previsão: Sim ou não;
Título: Inclua o título desejado para apresentação aos clientes;
Descrição: Inclua uma breve descrição do seu negócio ou sobre o lançamento.
Data de Inauguração: Inclua a data que a loja irá inaugurar;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Configurações Gerais.
Habilitar o botão comprar do produto somente para clientes "logados / autenticados": Sim ou não;
Frase informativa para a compra de clientes "logados / autenticados": Informe a frase desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Minha Loja" » Backup.
Backup de Imagens: ao clicar em "fazer backup" todos os banners da loja (cadastrado no painel do tema) serão baixados para o seu computador.
Upload de Imagens: ao clicar em "fazer upload", você irá inserir o arquivo que o tema baixou automaticamente, assim ele irá refletir corretamente no seu tema atualizado.
Essa funcionalidade é exclusivamente para atualização do tema, para que os banners inseridos sejam cadastrados automaticamente nas posições corretas do seu tema.
Dica: é possível upar somente 7mb por vez, sendo assim, comprima as imagens dos banners antes de cadastrar na loja virtual - além de melhorar o carregamento e usabilidade da sua loja.
Link para compressão das imagens: selecione qual o formato do seu banner e comprima!
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 na totalidade.
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;
Exibir os dots: Sim ou não;
Cor dos "dots": Inclua a cor desejada para os "dots" das imagens;
Cor das setas: Inclua a cor desejada para as setas.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » LGPD.
Cor de fundo: Inclua a cor desejada para o fundo da LGPD;
Cor do texto informativo: Inclua a cor desejada para o texto informativo da LGPD;
Cor do botão: Inclua a cor desejada para o botão de aceite;
Cor do texto do botão: Inclua a cor desejada para o texto do botão da LGPD;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Barra de Oferta.
Cor de fundo 1 (Cabeçalho): Inclua a cor desejada para o fundo da barra;
Cor de fundo 2 (Cabeçalho): Inclua a cor desejada para o fundo da barra;
Cor do texto (Cabeçalho): Inclua a cor desejada para o texto da barra;
Cor de fundo (Full Banners): Inclua a cor desejada para o fundo da barra;
Cor do texto (Full Banners): Inclua a cor desejada para o texto da barra.
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 texto do carrinho: Inclua a cor desejada para a texto do carrinho;
Cor do fundo dos detalhes do cabeçalho: insira a cor desejada para os detalhes do cabeçalho;
Cor de fundo dos itens dropdown do Cabeçalho: insira a cor desejada para ser apresentada;
Cor dos textos dos itens dropdown do Cabeçalho: insira a cor desejada para ser apresentada;
Cor de fundo do botão Comprar do Carrinho lateral: insira a cor desejada para ser apresentada;
Cor do texto do botão Comprar do Carrinho lateral: insira a cor desejada para ser apresentada;
Cabeçalho flutuante mobile
Cor de fundo do cabeçalho: Inclua a cor desejada para o cabeçalho da loja;
Cor dos textos do cabeçalho: Inclua a cor desejada para os textos do cabeçalho;
Cor dos ícones do cabeçalho: Inclua a dor para os ícones de busca, minha conta e carrinho;
Cor de fundo da quantidade do carrinho: Inclua a cor desejada para a quantidade do carrinho;
Cor do texto da quantidade do carrinho: Inclua a cor desejada para o texto quantidade do carrinho.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Menu.
Tipo de Menu: Padrão ou Horizontal;
Cor de fundo do Menu Primária: Inclua a cor desejada para o menu;
Cor de fundo do Menu Secundária: Inclua a cor desejada para o menu;
Cor de fundo do Menu Mobile: Inclua a cor desejada para o menu mobile;
Cor de texto do Menu: Inclua a cor desejada para o texto do menu;
Cor do título do sub-menu: Inclua a cor desejada para o texto do sub-menu;
Cor de fundo do sub-menu: Inclua a cor desejada para o fundo do sub-menu;
Cor do texto do sub-menu: Inclua a cor desejada para o texto do sub-menu;
Cor do texto do Menu Mobile: Inclua a cor desejada para o texto do menu mobile;
Cor de fundo do Menu: Inclua a cor desejada para o menu;
Cor de texto do Menu: Inclua a cor desejada para o texto do menu;
Cor dos detalhes do Menu: Inclua a cor desejada para os detalhes;
Cor do fundo do campo de busca do Menu: Inclua a cor desejada para o fundo de busca;
Cor do texto do campo de busca do Menu: Inclua a cor desejada para o texto de busca;
Cor do ícone do campo de busca do Menu: Inclua a cor desejada para o ícone de busca;
Cor do fundo de Promoções: Inclua a cor desejada para o fundo do menu promoções;
Cor do texto de Promoções: Inclua a cor desejada para o texto do menu promoções;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Vitrines.
Cor de fundo: Inclua a cor desejada para a vitrine;
Cor de fundo dos produtos: Inclua a cor desejada para o fundo de produtos;
Cor de fundo do banner tarja: Inclua a cor desejada para o fundo do banner tarja;
Cor do título: Inclua a cor desejada para o título da vitrine;
Cor dos detalhes: Inclua a cor desejada para os detalhes;
Cor do texto das variações: Inclua a cor desejada para o texto das variações;
Cor do título da vitrine: Inclua a cor desejada para o título da vitrine;
Cor do subtítulo da vitrine: Inclua a cor desejada para o subtítulo da vitrine;
Cor do nome das categorias: Inclua a cor desejada para o noma das categorias;
Cor dos botões: Inclua a cor desejada para os botões;
Cor de fundo do nome da categoria: Inclua a cor desejada para o fundo da categoria.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Páginas.
Cor de fundo do site: Inclua a cor desejada para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Listagem de Produtos.
Cor do Preço Anterior: Inclua a cor desejada para o preço anterior;
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 "Comprar";
Cor de fundo do botão "Escolher" (Compra direta): Inclua a cor desejada para o botão da compra direta;
Cor de texto do botão "Escolher" (Compra direta): Inclua a cor desejada para o texto da compra direta;
Cor do fundo - Tags de desconto: Inclua a cor desejada para as tags de desconto;
Cor do texto - Tags de desconto: Inclua a cor desejada para o texto das tags de desconto;
Cor do fundo - Tags de Frete Grátis: Inclua a cor desejada para as tags de frete grátis;
Cor do texto - Tags de Frete Grátis: Inclua a cor desejada para o texto das tags de frete grátis;
Cor do fundo - Tags de Lançamento: Inclua a cor desejada para as tags de lançamento;
Cor do texto - Tags de Lançamento: Inclua a cor desejada para o texto das tags de lançamento;
Cor do fundo - Tags de Destaque: Inclua a cor desejada para as tags de destaque;
Cor do texto - Tags de Destaque: Inclua a cor desejada para o texto das tags de destaque;
Cor do texto / datas - Timer de Promoção: Inclua a cor desejada;
Cor do fundo - Timer de Promoção: Inclua a cor desejada;
Cor do texto "Ver Produto": Inclua a cor desejada;
Cor do fundo "Ver Produto": Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Página de Produto.
Cor do botão "Comprar": inclua a cor desejada para o botão;
Cor do texto do botão "Comprar": Inclua a cor desejada para o texto;
Cor do texto / datas - Timer de Promoção: Inclua a cor desejada;
Cor do fundo - Timer de Promoção: Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Notícias na Loja.
Cor do texto do botão: Inclua a cor desejada;
Cor de fundo do botão: Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Newsletter.
Cor de texto da newsletter: Inclua a cor desejada para o texto da newsletter;
Cor de fundo do campo email: Inclua a cor desejada para o campo de fundo do e-mail;
Cor do texto do campo email: Inclua a cor desejada para o texto do campo de e-mail;
Cor do texto do botão: inclua a cor desejada para o texto do botão da newsletter.
Cor de fundo do botão pop-up: Inclua a cor desejada para o botão da newsletter pop-up;
Cor do texto do botão pop-up: Inclua a cor desejada para o texto do botão pop-up.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Comentários.
Cor de fundo dos comentários: Inclua a cor desejada;
Cor do texto "Nome": Inclua a cor desejada;
Cor do texto "Depoimento": Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Depoimentos.
Cor de fundo dos depoimentos: Inclua a cor desejada;
Cor da borda direita: Inclua a cor desejada;
Cor do texto "Nome": Inclua a cor desejada;
Cor do texto "Depoimento": Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Mini Filtro
.
Cor dos botões do mini filtro: Inclua a cor desejada.
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 os detalhes;
Cor de fundo dos detalhes do rodapé: inclua a cor do fundo dos detalhes.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Páginas Extras (Menu).
Cor do texto: Inclua a cor desejada para o texto da página extra;
Cor de fundo: Inclua a cor desejada para o fundo da página extra.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Rastreio.
Cor do botão: Inclua a cor desejada;
Cor do texto do botão: Inclua a cor desejada;
Cor do fundo do campo: Inclua a cor desejada;
Cor do texto do campo: Inclua a cor desesaja.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Banner com Texto.
Cor do botão: Inclua a cor desejada;
Cor do fundo: Inclua a cor desejada;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Cores" » Loja em Manutenção.
Cor de fundo: Inclua a cor desejada;
Cor do título: Inclua a cor desejada;
Cor do texto: Inclua a cor desejada;
Cor do timer de inauguração: Inclua a cor desejada.
Banners e Ícones - Desktop e Mobile
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.
Banners do Tema Demonstrativo
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 Moda - Sky aqui.
Acesse: Marketing » Engajamento » Banners "Adicionar Banner".
Local de inserção dos Full Banners Desktop:
Selecione: Ativar carrossel de imagens;
Full Banners Desktop
Banner Home Desktop - 1450x 700px
Acesse: Marketing » Engajamento » Banners "Adicionar Banner".
Local de inserção Full Banners Mobile:
Selecione: Ativar carrossel de imagens;
Banner Home Mobile - 600px x 600px
Acesse: Marketing » Banners da Loja » clique em "Cadastrar Banner".
Selecione: Ativar carrossel de imagens;
Local de Exibição: Extra 1
Vitrine 1: 1150px x 620px (3 banners)
Mobile
Selecione: Ativar carrossel de imagens;
Local de Exibição: Extra 2
Vitrine 1: 400px x 600px (3 banners)
Acesse: Marketing » Banners da Loja » clique em "Cadastrar Banner".
Local de Exibição: Extra 3
Vitrine 2: 700px x 700px
Acesse: Marketing » Banners da Loja » clique em "Cadastrar Banner".
Selecione: Ativar carrossel de imagens;
Local de Exibição: Extra 4
Vitrine 3: 450px x 630px (3 banners)
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners e Ícones" » Vitrine de Categorias.
Exibir vitrine de categorias: Sim ou não;
Título da vitrine: Inclua o títuto desejado para apresentação;
Descrição da vitrine: Inclua a descrição desejada para apresentação;
Posição: Acima do banner detalhado, Acima da primeira vitrine, Acima do carrossel de marcas, Abaixo do carrossel de marcas;
IDs das Categorias e subcategorias: Inclua os IDs para o redirecionamento automático das imagens.
Upload da imagem para Categoria
Tamanho recomendado: 480px x 430px
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners e Ícones" » Marcas.
Upload da imagem para Marca
Tamanho recomendado: 300px x 100px
Depoimento da marca: Inclua o depoimento que a marca forneceu;
Link: Inclua o link desejado para redirecionamento.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners e Ícones" » Comentários dos Clientes.
Upload da imagem no tamanho recomendado: 100 x 100 px;
Nome: Inclua o nome do cliente;
Depoimento: Inclua o depoimento do cliente;
Quantidade de Estrelas: Selecione a quantidade de estrelas desejada;
ID do produto comprado: Inclua o ID para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners e Ícones" » Logos da Loja.
Tamanho recomendado: 450px x 630px;
Texto do Banner: informe o texto desejado para apresentação;
Texto do botão: informe o texto para o botão;
Link do banner: coloque o link para redirecionamento com o clique.
Loja em Manutenção / Lançamento
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Banners e Ícones" » Loja em Manutenção / Lançamento.
Tamanho recomendado: 300x100;
Inclua a logo para a loja em manutenção/lançamento!
Com todas as informações e possibilidades para você configurar a sua loja virtual.
Com diferentes apresentações de carrinho, menu, vitrine de produtos, vídeo na home e muito mais para a sua loja ficar completa.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Botões flutuantes.
Exibir voltar ao topo: sim ou não;
Exibir Instagram flutuante: sim ou não;
Exibir WhatsApp flutuante: sim ou não;
Número do WhatsApp: Inclua o número com DDD;
Frase do WhatsApp: Inclua a frase desejada para o WhatsApp;
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 (Opcional): Inclua o título desejado;
Descrição da Vitrine (Opcional): Inclua a descrição desejada;
IDs dos Produtos (Máximo 6): Inclua os IDs dos produtos para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Comentários.
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;
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;
Atenção: Se configurado o Plugin do Instagram não será preciso configurar de forma Manual, pois não reflete as duas opções.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Instagram Feed.
Exibir Feed do Instagram: Sim ou não;
Instagram feed - script: Insira o Script copiado no Elfsight;
Criação da conta no Elfsight (Plugin para o Feed do Instagram)
Acesse: https://elfsight.com/pt/instagram-feed-instashow/
Será necessário a criação de conta.
Após a criação da conta, selecione a opção de Instagram Feed
Escolha qual templete deseja utilizar;
Pesquise pela URL do Instagram desejado;
Clique em "Publicar"
Copie o código script que aparecerá na tela;
Cole no campo reservado no editor do tema.
Salve as alterações!
Atenção: Se configurado o Plugin do Instagram não será preciso configurar de forma Manual, pois não reflete as duas opções.
Exibir Instagram: 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" >> Cabeçalho.
Exibir a opção de "Contato" (menu padrão): sim ou não;
Exibir barra de pesquisa fixa (menu horizontal): sim ou não;
Exibir cabeçalho na parte debaixo (Mobile): sim ou não;
Exibir opção "Pedidos": sim ou não;
Exibir opção de "Ofertas": sim ou não;
Telefone: coloque o número de telefone com DDD;
WhatsApp 1: coloque o número do WhatsApp com DDD;
WhatsApp 2: coloque o número do WhatsApp com DDD;
E-mail: coloque o e-mail de contato;
Horário de Atendimento: inclua o horário de atendimento da loja;
Habilitar resumo do carrinho de compras: não, carrinho dropdown, carrinho lateral;
Ícone de "Promoções": porcentagem, diamante, carrinho, olho, coração, cesta de compras, bolsa de compras;
Ícone do carrinho de compras: selecione entre carrinho, bolsa de compras ou cesta de compras;
Texto para o campo "Pesquisar": inclua o texto desejado para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Menu.
Disposição: Centralizado / Adaptativo (distribui os itens no espaço igualmente);
Exibir subcategorias dentro do Ver Mais Categorias: Sim ou Não;
Quantidade de itens no menu: Inclua a quantidade de categorias a ser exibida no menu;
Texto para "+Categorias": Inclua o texto desejado para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Vitrine de produtos.
Ordenar pelos últimos produtos cadastrados: Sim ou não;
Tipo de vitrine: escolha entre Promoção, Mais Vendidos, Lançamentos, Destaques, Frete Grátis, Inativo ou Somente Categoria;
Título da vitrine: inclua o título desejado para a vitrine;
Quantidade de produtos a ser exibido na vitrine: escolha a quantidade desejada;
Habilitar modo carousel (desktop): Sim ou não;
Habilitar modo carousel (movile): Sim ou não;
Habilitar loop infinito no carousel: Sim ou não.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Mini Filtro.
Insira os IDs das categorias para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Barra Rotativa.
Exibir Barra Rotativa: Sim ou não;
Upload da imagem: 100px x 100px;
Texto: Inclua o texto desejado.
Carrossel de Banners Vitrine
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Carrossel de Banners Vitrine.
Exibir carrossel de banners da vitrine: Sim ou não;
Título do carrossel: Insira o título desejado para a apresentação;
Texto superior (texto que fica acima do título do banner): Coloque o texto desejado para ser apresentado;
Título do banner: Coloque o título desejado para ser apresentado;
Descrição do banner: Coloque a descrição desejada para ser apresentada;
Texto do botão: Informe o texto do botão;
Link do botão: Coloque o link para ser redirecionado ao clique.
Barra de Oferta (Cabeçalho)
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Barra de Oferta (Cabeçalho).
Exibir a Barra de Oferta: Sim ou não;
Texto de oferta - Desktop: inclua o texto desejado;
Texto de oferta - Mobile: inclua o texto desejado.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Depoimentos.
Exibir bloco de depoimentos: sim ou não;
Ambiente: Desktop / Mobile, Somente Desktop, Somente Mobile;
Título: Inclua o título desejado para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Newsletter.
Exibir newsletter na página inicial: sim ou não;
Texto da Barra Newsletter: Inclua o texto para ser apresentado;
Posição: Acima do Rodapé, Acima das Notícias.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Newsletter (Pop-up).
Exibir newsletter (pop-up): sim ou não;
Exibir links na newsletter (pop-up): sim ou não;
Título: inclua o título desejado;
Descrição: Inclua a descrição desejada;
Texto do botão: inclua o texto para o botão.
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, Somente Mobile;
Título do vídeo: inclua o texto desejado para o vídeo;
Link do vídeo: inclua o link do vídeo do YouTube, onde o mesmo não pode ter restriçã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" » Listagem de produtos.
Quantidade de colunas na listagem: 2, 3 ou 4;
Exibir produtos em ordem aleatória: sim ou não;
Exibir selos do produto na listagem: sim ou não;
Exibir a frase "Compre agora e Economize": sim ou não;
Exibir bordas nos produtos: sim ou não;
Trocar a imagem ao passar o mouse por cima do produto (Mouseover): sim ou não;
Habilitar comparador de produtos: sim ou não;
Exibir o botão comprar: sim ou não;
Exibir a opção "Ver Produto" ao passar o mouse sobre o produto: sim ou não;
Exibir a opção de Avaliação do Produto (Estrelas): sim ou não;
Exibir timer de promoção: sim ou não;
Exibir botão do WhatsApp: sim ou não;
Botão do WhatsApp fixo: sim ou não;
Desabilitar compra direta no mobile: sim ou não;
Trocar para a imagem da variação que for selecionada (Compra Direta): sim ou não;
Alterar o preço conforme a variação que for selecionada (Compra Direta): sim ou não;
Exibir variações do produto para compra direta: sim ou não;
Exibir variações direto no produto da vitrine: sim ou não;
Centralizar as opções de cores (Compra Direta): sim ou não;
Exibição da imagem das variações do produto (Compra Direta): Quadrado ou redondo;
Modelo de Negócio: B2C ou B2B;
Todos itens do Carrossel de Produtos com a mesma altura: Desativado, Desktope e Mobile, Apenas Desktop;
Modo de visualização das imagens: Vertical (1000x1500) ou Horizontal (1000x1000), Ajuste Automático (Quadradas) ou Ajuste Automático (Vesticais);
Texto dos selos Lançamentos: inclua o texto desejado para o selo;
Ícone de Lançamentos: padrão, coração, coração com flecha, presente, etiqueta, estrela, emoji feliz, fogo;
Texto dos selos Destaques: inclua o texto desejado para o selo;
Ícone de Destaques: padrão, coração, coração com flecha, presente, etiqueta, estrela, emoji feliz, fogo;
Texto do WhatsApp: inclua o texto desejado para o campo;
Texto do botão comprar: inclua o texto desejado para o campo;
Ícone do botão comprar - Desktop: selecione entre: sem ícone, diamante, carrinho, olho, coração, cesta de compras ou bolsa de compras.
Ícone do botão comprar - Mobile: selecione entre: padrão, diamante, carrinho, olho, coração, cesta de compras ou bolsa de compras.
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 "Adicionar aos Favoritos": Sim ou não;
Exibir timer de promoção: Sim ou não;
Exibir botão do WhatsApp: sim ou não;
Exibir botão de indicação: Sim ou não;
Exibir botão de dúvida / continuar comprando: sim ou não;
Exibir a opção de Avaliação do Produto (Estrelas): sim ou não;
Exibir a quantidade em estoque: sim ou não;
Descrição do produto: Pequena ou Grande;
Alinhamento do conteúdo principal: selecione entre esquerda ou centro;
Texto do WhatsApp: Inclua o texto desejado para apresentação;
Texto do botão comprar: inclua o texto do botão comprar;
Ícone do botão comprar: selecione entre: sem ícone, diamante, carrinho, olho, coração, cesta de compras ou bolsa de compras.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Notícias.
Exibir notícias na loja: Sim ou não;
Ambiente: Desktop / Mobile, Somente Desktop, Somente Mobile;
Título: Inclua o título a ser apresentado;
Texto do botão "ver notícias": Inclua o texto para o botão;
Link do botão "ver notícias": Inclua o link a ser redirecionado.
Páginas Extras (Cabeçalho)
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Páginas Extras (Cabeçalho).
Exibir páginas extras: Sim ou não;
Nome da página: Inclua o nome a ser apresentado;
Link da página: Inclua o link a ser redirecionado.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Página Extras (Menu).
Exibir no mobile: Sim ou não;
Nome da página: Inclua o nome da página para apresentação;
Link da página: Inclua o link da página a ser redirecionado.
Posição: Início do Menu / Final do Menu;
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Marcas.
Exibir marcas: Sim ou não;
Título: Inclua o título para apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Comentários.
Habilitar os Comentários na loja: Sim ou não;
Título: Inclua o título para apresentação;
Descrição: Inclua a descrição desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Carrossel de Categorias.
Exibir categorias: Sim ou não;
Ambiente: Desktop / Mobile, Somente Desktop, Somente Mobile;
Título: Inclua o título desejado para apresentação;
Borda arredondada: 100 deixará totalmente redondo.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Banners com botão.
Exibir Banners com botão: Sim ou não;
Título da seção: Inclua o título desejado para a apresentação.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Rastreio.
Exibir rastreio: Sim ou não.
Exibir rastreio no cabeçalho (Desktop): Sim ou Não;
Texto do Rastreio no Cabeçalho: Inclua o texto a ser apresentado;
Detectar Códigos Correios / Jadlog automaticamente: Sim ou Não;
URL Personalizada: Inclua a URL informada pela transportadora que você usa;
Nome do Campo: Informado pela transportadora que você usa;
Campo (ID): Informado pela transportadora que você usa;
Descrição: Informado pela transportadora que você usa.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Tabela de medidas.
Habilitar Tabela de medidas: Sim ou não.
IDs de categorias e Subcategorias para apresentação da Tebela;
IDs de produtos para apresentação da Tabela;
Upload da imagem no tamanho que a plataforma aceita;
Texto do botão: Inclua o texto para a apresentação;
Cor do botão: Inclua a cor desejada;
Cor do texto do botão: Inclua a cor desejada.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Menu Lateral.
Exibir páginas institucionais: Sim ou Não;
Exibir links de Promoção: Sim ou Não;
Textos e URLs Personalizadas nos links de Promoção: Sim ou Não;
Titulo dos links das promoções: Inclua o título desejado;
Título - Promoções: Inclua o título desejado;
Link - Promoções: Informe o link para redirecionamento;
Título - Lançamentos: Inclua o título desejado;
Link - Lançamentos: Informe o link para redirecionamento;
Título - Novidades: Inclua o título desejado;
Link - Novidades: Informe o link para redirecionamento;
Sobre a Loja: Inclua uma breve história da loja;
Loja no Mapa: Informe a URL do mapa do Google.
Acesse: Minha Loja » Aparência da Loja » Editar Tema » na aba "Layout" » Banner com texto.
Habilitar Banner com Texto: Sim ou não;
Texto acima do título: Inclua o texto desejado para apresentação;
Título: Inclua o título da seção;
Descrição: Coloque a descrição a ser apresentada;
Link: Informe o link para redirecionamento;
Texto do botão: Coloque o texto do botã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!
