GM Solutions Hub
Sapphire Joias · Manual do Site

Manual Completo
Sapphire Joias

Guia definitivo para gerenciar, personalizar e manter o site, sem precisar de conhecimento técnico.

15+ seções documentadas
5 tipos de banner
100% personalizável
Manual do Tema
Manual de Banners (embutido)

Visão Geral

Estrutura do site

O site é composto por seções independentes que podem ser reordenadas, ativadas ou desativadas no Customizador da Shopify, sem alterar código.

📣
Barra de Anúncio
Mensagens rotativas no topo com suporte a negrito.
📌
Cabeçalho
Logo, menu de navegação e ícones fixos.
🖼️
Banners (Hero)
Carrossel de até 8 slides em destaque.
⭕
Grade de Categorias
Ícones circulares para navegar por coleção.
🛍️
Carrossel de Produtos
Produtos de uma coleção em carrossel ou grade.
✨
Sapphire Girls
Influenciadoras com link direto para o produto.
💡 Como acessar o Customizador: Admin Shopify → Loja virtual → Temas → Personalizar. Todas as edições são em tempo real.

Topo do site

Cabeçalho

O cabeçalho contém o logo, menu de navegação e ícones de busca e carrinho. Fica fixo durante a rolagem.

Logo imagem Imagem do logo da loja. Recomendado: PNG transparente, 300px de largura.
Links do menu texto + url Cada item do menu tem um nome e um link. Edite em Navegação → Menu principal.
Menu em negrito sim/não Deixa todos os itens do menu desktop com texto em negrito.

Topo do site

Barra de Anúncio

Faixa rotativa no topo com mensagens promocionais. Suporta múltiplas mensagens e palavras em negrito.

Mensagem texto Texto exibido. Use **palavra** para deixar em negrito. Ex: Frete grátis acima de **R$350**
Link da mensagem url Opcional, a mensagem toda vira um link clicável.
Intervalo de troca número Tempo em segundos entre a troca automática de mensagens.
Cor de fundo cor Cor de fundo da barra. Padrão: dourado da marca.
✍️ Use **palavra** no texto para destacar em negrito. Exemplo: Frete grátis em pedidos acima de **R$350**

Base do site

Rodapé

Área inferior do site com links, redes sociais, formas de pagamento e informações da loja.

Logo do rodapé imagem Versão clara ou escura do logo para o fundo escuro do rodapé.
Descrição da loja texto Frase curta sobre a marca. Aparece abaixo do logo.
Instagram / WhatsApp url Links das redes sociais exibidos como ícones.
Ícones de pagamento sim/não Exibe bandeiras de cartão, PIX e outras formas aceitas.
Copyright texto Texto de direitos autorais exibido na base. Ex: © 2026 Sapphire Joias

Home · Destaque principal

Banners Principais (Hero Carousel)

Carrossel de até 8 slides com imagem, texto e botão. É o primeiro elemento que a visitante vê ao entrar no site.

Imagem (desktop) imagem Foto principal do banner. Mínimo 1600px de largura.
Imagem (mobile) imagem Foto no formato retrato para celular. Muito recomendado usar.
Título texto Frase principal sobreposta à imagem. Máximo 5 palavras.
Subtítulo texto Frase de apoio, um pouco mais descritiva que o título.
Texto do botão texto Ex: EXPLORAR, VER NOVIDADES, APROVEITAR
Link do botão url Para onde o botão leva. Ex: /collections/all
Posição do texto seleção Topo, Centro ou Base. Recomendado: Base para mais elegância.
Vignette sim/não Escurece as bordas da imagem para melhorar legibilidade do texto.
🖥️ Desktop
1600 × 700px
Proporção 16:9 ou mais larga. JPG abaixo de 1MB.
📱 Mobile
900 × 1200px
Proporção 3:4 ou 9:16. Obrigatório para boa aparência no celular.
📖 Para copys prontas e estratégia de cada tipo de banner, consulte a seção Manual de Banners mais abaixo neste documento.

Home

Grade de Categorias

Ícones circulares logo após os banners que levam às coleções principais. A foto de cada ícone vem automaticamente da coleção cadastrada na Shopify.

Coleção seleção Escolha a coleção, a foto e o nome vêm automaticamente.
Rótulo texto Opcional, substitui o nome da coleção. Deixe vazio para usar o nome padrão.
💡 A imagem circular vem da foto principal da coleção. Edite em Admin Shopify → Produtos → Coleções → selecione a coleção → Imagem.

Home

Carrossel de Produtos

Exibe produtos de uma coleção em carrossel ou grade. Pode ser usado várias vezes na página, uma vez para cada coleção.

Título texto Ex: Pulseiras, Colares, Novidades
Subtítulo texto Linha menor acima do título. Ex: coleção, acabou de chegar
Coleção seleção Qual coleção exibir. Deixe vazio para mostrar todos os produtos.
Layout mobile seleção Carrossel (arrastar) ou Grade (fixo na tela).
Layout desktop seleção Carrossel ou Grade. Carrossel é mais elegante para coleções.
Nº de produtos número Quantos produtos mostrar. Recomendado: 8 a 24.
Texto "ver todos" texto Rótulo do link que leva à coleção completa.

Home

Selos de Confiança

Ícones com texto que reforçam os diferenciais da loja: entrega rápida, garantia, parcelamento, etc.

Ícone seleção Escolha entre caminhão, escudo, raio, cartão de crédito e outros.
Texto texto Frase curta com o benefício. Ex: entrega em até 10 dias úteis

Home

Sapphire Girls

Seção com fotos de influenciadoras ou clientes usando as peças, com link direto para o produto.

Foto imagem Foto da influenciadora. Proporção retrato (430×644px ideal).
Handle (arroba) texto Nome do Instagram. Ex: @carolsalless
Produto texto Handle do produto que ela está usando. Ex: argola-cogu (veja na URL da página do produto)
🔗 O handle do produto está na URL: sapphirejoias.com.br/products/argola-cogu. Copie apenas essa parte final.

Home

Compre o Mix

Seção interativa para montar combinações de peças. Exibe produtos de uma coleção para empilhar e combinar.

Título texto Ex: Monte seu Mix
Coleção seleção Qual coleção usar para o mix. Ideal: Anéis ou Pulseiras.

Home

Coleções Sazonais

Grade de cards de coleção com foto e nome, usada para destacar apostas da temporada.

Título da seção texto Ex: Apostas para o Verão:
Subtítulo texto Frase descritiva. Ex: Encontre os acessórios perfeitos para a praia.
Coleção (card) seleção Cada card é uma coleção. A foto vem da imagem da coleção na Shopify.
Nome do card texto Texto exibido sobre a foto. Deixe vazio para usar o nome da coleção.

Home

Depoimentos

Avaliações reais de clientes com foto, estrelas e texto. Geram prova social e aumentam a confiança.

Nome da autora texto Nome da cliente. Ex: Maria Goulart
Depoimento texto Texto do depoimento. Prefira textos curtos e entusiastas.
Avaliação número Número de estrelas de 1 a 5.
Foto da cliente imagem Foto de perfil. Quadrada (150×150px) recomendado.
Compra verificada sim/não Exibe o badge "Compra verificada" abaixo do nome.

Home

Perguntas Frequentes (FAQ)

Acordeão com perguntas e respostas. Reduz dúvidas antes da compra e diminui mensagens no suporte.

Pergunta texto A dúvida em formato de pergunta. Ex: As peças são ?
Resposta html A resposta. Pode incluir formatação básica como negrito e listas.

Home

Instagram Feed

Grade de fotos do Instagram com link para cada post. Atualizada manualmente, adicione as fotos mais recentes sempre que publicar.

Foto do post imagem Imagem do post. Recomendado: quadrada 1080×1080px.
Link do post url URL completa do post no Instagram. Ex: https://www.instagram.com/p/XXXXX/
⚠️ O feed não atualiza sozinho. Após publicar no Instagram, adicione a foto manualmente no Customizador para manter sincronizado.

Layout

Espaçador

Bloco invisível para controlar o espaçamento vertical entre seções. Pode ser inserido em qualquer posição.

Altura mobile número Espaço em pixels para telas de celular. Padrão: 40px.
Altura desktop número Espaço em pixels para telas de computador. Padrão: 64px.

Páginas

Página de Produto

A página de cada produto é gerada automaticamente. As informações vêm do cadastro do produto na Shopify.

📸
Fotos
Adicione no produto via Admin → Produtos. Use pelo menos 3 fotos.
📝
Descrição
Campo "Descrição" no cadastro do produto. Suporta formatação.
💰
Preço
Preço normal e preço promocional no cadastro do produto.
📦
Estoque
Controle em Admin → Produtos → Estoque. Mantém "Esgotado" automático.
🔗 A seção Compartilhar na página do produto permite a cliente enviar o link por WhatsApp, Facebook ou copiar o link direto.

Páginas

Página de Rastreio

Permite que a cliente acompanhe o status do pedido pelo número de rastreamento. Acessível pelo link no rodapé ou pelo botão flutuante.

📦 A página está disponível em /pages/rastreio. O link aparece no rodapé do site e em um botão de rastreio na home.

Manutenção

Checklist Mensal

Execute este checklist pelo menos uma vez por mês para manter o site sempre atualizado e convertendo bem.

Clique para marcar cada item:
0/14
✓
Os banners estão atualizados (sem promoção vencida no ar)
✓
A barra de anúncio está com as mensagens corretas e atuais
✓
As coleções nos carrosséis têm produtos disponíveis
✓
Todos os produtos têm pelo menos 2 fotos cadastradas
✓
Os preços estão corretos em todos os produtos
✓
O estoque está atualizado (sem produtos esgotados sem aviso)
✓
Os depoimentos estão com avaliações recentes
✓
As fotos do Instagram Feed são das últimas semanas
✓
O popup de desconto está ativo e com cupom válido na Shopify
✓
O botão de WhatsApp está com número correto e funcionando
✓
O carrinho abre, fecha e finaliza compra corretamente
✓
Testei o site no celular para verificar aparência e funcionamento
✓
O frete grátis está configurado corretamente na Shopify
✓
As Sapphire Girls exibidas estão com produtos disponíveis no link
🌟

Site 100% em dia!

Parabéns, você completou a revisão mensal. O site está pronto para converter.

Documento embutido

Manual de Banners

Guia completo para criar, editar e trocar os banners principais da loja

Índice, Manual de Banners

Introdução

O que é o banner principal?

O banner é a primeira coisa que a visitante vê ao entrar no site, o equivalente à vitrine de uma loja física. Ele comunica identidade, promoções e direciona as clientes para comprar.

📷
Foto de fundo
Uma para desktop, outra para celular (recomendado usar as duas).
✍️
Título e subtítulo
Texto sobreposto à imagem. Curto, direto e impactante.
🔘
Botão de ação
Leva a visitante para uma página ou coleção específica.
🎨
Efeitos visuais
Vignette, grain e shimmer para dar mais profundidade à imagem.

Passo a passo

Como editar os banners

Acesse o painel da Shopify e siga os passos abaixo. Nenhum conhecimento técnico é necessário.

1
Acesse o painel Shopify
Entre em admin.shopify.com e vá para:
Loja virtual → Temas → Personalizar
2
Encontre o Hero Carousel
No painel esquerdo do Customizador, a primeira seção é Hero Carousel. Clique para expandir.
3
Escolha um slide para editar
Você verá os slides listados (Slide 1, Slide 2...). Clique no que quer modificar.
4
Edite título, subtítulo e botão
Preencha os campos com os textos desejados. Use as copys deste manual como base.
5
Troque a imagem
Clique em Imagem (desktop) para subir a foto principal. Use também Imagem (mobile) para versão retrato.
6
Salve
Clique em Salvar no canto superior direito. A mudança aparece no site imediatamente.

Os 5 tipos

Quando e como usar cada banner

Cada tipo tem um objetivo diferente. Use a combinação certa para cada momento da loja.

Fotos

Dicas para as imagens dos banners

A qualidade da imagem é 80% do impacto do banner. Siga essas diretrizes para resultado profissional.

🖥️
Tamanho desktop
Mínimo 1600px de largura. Proporção 16:9 ou mais larga. JPG comprimido abaixo de 1MB.
📱
Tamanho mobile
Formato retrato (4:5 ou 9:16), mínimo 900px. Use a opção de imagem mobile separada, faz muita diferença.
🌗
Contraste para texto
Prefira fotos com área escura na base. O efeito vignette do site ajuda a criar contraste automaticamente.
🎨
Identidade visual
Tons quentes, dourados e neutros. Evite fotos muito azuladas ou frias, fogem da identidade Sapphire Joias.
👤
Modelo ou flat lay?
Ambos funcionam. Modelos criam conexão emocional. Flat lay é ótimo para destacar a peça em lançamentos.
⚠️
Evite
Fotos pixeladas, muito escuras, com texto dentro da imagem, ou com marca d'água visível.

Planejamento

Calendário de trocas sugerido

Trocar os banners conforme as datas do varejo mantém o site relevante e aumenta as vendas sazonais.

Janeiro
Verão / Saldão
Promoção
Fevereiro
Valentine's Day (14/02)
Promoção
Março
Dia da Mulher (08/03)
Promoção
Abril
Páscoa · Outono
Lifestyle + Categoria
Maio
Dia das Mães ⭐
Promoção (alta conversão)
Junho
Dia dos Namorados (12/06)
Promoção
Julho / Agosto
Coleção Inverno
Lançamento
Set / Out
Primavera · Novidades
Lançamento + Lifestyle
Novembro
Black Friday ⭐⭐
Promoção (maior do ano)
Dezembro
Natal · Ano Novo
Promoção + Lifestyle

Antes de publicar

Checklist do banner perfeito

Clique em cada item para marcar. Quando tudo estiver marcado, o banner está pronto para publicar!

Marque cada item ao verificar:
0/8
✓
A imagem tem pelo menos 1600px de largura
✓
Existe uma imagem mobile no formato retrato (separada)
✓
O texto é visível sobre a imagem (contraste suficiente)
✓
O título é curto (máximo 5 palavras)
✓
O botão tem um link definido (não está vazio)
✓
O link do botão leva para a página correta
✓
Se for promoção, anotei quando devo retirar o banner
✓
Visualizei o banner no celular antes de publicar
🎉

Banner pronto para publicar!

Parabéns, você passou por todos os pontos. Clique em Salvar no Shopify e aproveite.

Sapphire Joias
Joias em ouro 18k e prata 925
GM Solutions Hub GM Solutions Hub

Manual do Tema · Versão 2.0 · 2026

Para dúvidas técnicas ou alterações no site, entre em contato com o desenvolvedor: gostyle.com.br