Seções do Supply

As seções são blocos personalizáveis que determinam o layout de diferentes páginas da sua loja virtual.

  • As seções de início apresentam recursos que você pode adicionar, reorganizar ou remover, como apresentação de slides ou área para assinatura de newsletter. Você pode ter até 25 seções em sua página inicial.

  • Cada tipo de página tem suas próprias seções. Por exemplo, a seção de página de produto estabelece o layout de cada página de produto de sua loja virtual.

  • As seções da página estão sempre em locais específicos da sua loja virtual. Você pode personalizá-las, mas não pode reorganizá-las nem removê-las.

  • Cada tema apresenta seções fixas que são exibidas em todas as páginas de sua loja virtual, como o cabeçalho e o rodapé.

Você pode saber mais sobre a seleção exclusiva de seções de Supply e aprender a personalizá-las para se adequarem à sua empresa.

O Supply inclui as seguintes seções estáticas:

  • Cabeçalho
  • Rodapé
  • Páginas de produtos
  • Páginas de coleções
  • Página da lista de coleções
  • Páginas do artigo

Seções dinâmicas

Você pode adicionar, reorganizare removerseções dinâmicas para personalizar o layout da sua página inicial. Cada tema tem um conjunto exclusivo de seções dinâmicas para escolher.

O Supply inclui as seguintes seções dinâmicas:

  • Posts do blog
  • Lista de coleções
  • Coleção em destaque
  • Imagem com texto
  • Apresentação de slides
  • Produto em destaque
  • Newsletter
  • Mapa
  • Rich text
  • Vídeo
  • Conteúdo personalizado

Cabeçalho

Supply inclui algumas configurações exclusivas para a seção de cabeçalho da sua loja. Você pode escolher o menu que deseja exibir no cabeçalho, carregar um logotipo e exibir uma mensagem para seus clientes.

Para personalizar o cabeçalho:

  1. Clique na aba Seções.

  2. Clique em Cabeçalho.

  3. Na lista Menu, selecione qual deles deseja exibir.

Logotipo

No tema Supply, o seu logotipo pode ser exibido no cabeçalho da loja. Para usar um logotipo personalizado, o melhor formato de arquivo é .png com o fundo transparente.

O logotipo ideal para o Supply tem 400 pixels de largura. Altere a largura da sua imagem no campo Largura personalizada do logotipo. Não aumente o valor além da largura original da imagem do logotipo. Isso pode causar distorção e queda na qualidade da imagem.

Mensagem

No Supply, você pode inserir uma mensagem com até 55 caracteres no cabeçalho da loja. Ela será exibida acima da barra de pesquisa.

Por exemplo, é possível inserir uma mensagem de boas-vindas, anunciar uma oferta ou coleção ou informar seus clientes de atrasos no frete dos produtos.

Para adicionar uma mensagem no cabeçalho:

  1. Na área Mensagem, insira o seu texto.

  2. Se desejar, coloque parte do texto em negrito ou itálico.

  3. Clique em Salvar.

Rodapé

Na seção de rodapé, você pode editar o conteúdo exibido na parte inferior de todas as páginas da sua loja. Você pode adicionar os seguintes recursos ao seu rodapé:

  • ícones de redes sociais
  • ícones de pagamento
  • um menu horizontal
  • uma assinatura da newsletter
  • texto personalizado
  • links rápidos

A seção de rodapé de um site que exibe um menu de links rápidos, informações de contato, uma assinatura de newsletter, um menu horizontal, texto de direitos autorais e ícones de pagamento.

Para personalizar a seção de rodapé:

  1. Ao lado de Supply, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Rodapé.

  4. Exiba ícones de redes sociais no rodapé marcando Exibir ícones de redes sociais. Escolha quais contas vincular nas configurações Redes sociais do tema.

  5. Adicione ícones de pagamento, como Mastercard ou PayPal, ao seu rodapé, marcando Exibir ícones de pagamento.

  6. Adicione um menu horizontal à parte inferior do seu rodapé na área do menu legal. Para editar o menu padrão, clique em Editar menu. Para mudar para um menu diferente, clique em Alterar e, em seguida, selecione um menu existente ou clique em Criar menu.

  7. Adicione até nove blocos de conteúdo ao seu rodapé na área Conteúdo:

- Adicione um bloco de conteúdo clicando em Adicionar conteúdo. Selecione uma das seguintes opções de bloco de conteúdo: - Menu - Rich text - Assinatura da newsletter

- Mova um bloco de conteúdo clicando no ícone ⁞⁞ e arrastando o bloco para um lugar diferente. - Remova um bloco de conteúdo clicando no bloco e, em seguida, em Remover conteúdo. - Personalize um bloco de conteúdo clicando no bloco e editando as configurações.

  1. Clique em Salvar.

Páginas de produtos

Na seção Produto, você pode adicionar ou remover os seguintes elementos:

  • Zoom de imagem
  • Um seletor de quantidade
  • Informações sobre estoque
  • A marca ou fornecedor do produto
  • Informações de economia
  • Produtos relacionados
  • Um botão de checkout dinâmico
  • Ícones de compartilhamento em redes sociais
  • Avaliações de clientes

Para editar as configurações das páginas de produtos:

  1. No menu suspenso da barra superior, selecione Páginas de produto.

  2. Clique em Seções.

  3. Clique em Produto.

  4. Para permitir que os clientes aumentem o zoom passando o mouse sobre a imagem do produto, marque Habilitar o zoom da imagem.

  5. Para mostrar um seletor de quantidade, marque Exibir seletor de quantidade.

  6. Para mostrar o estoque restante quando o estoque estiver baixo, marque Exibir estoque quando houver menos de 10 produtos disponíveis. Para que esta mensagem seja exibida, você precisa habilitar o acompanhamento de estoque para o produto.

  7. Para mostrar uma mensagem que indica quando um produto esgotado retornará ao estoque, marque Exibir mensagem de transferência de estoque a ser recebido quando esgotado. A mensagem mostrada é "Entrará no estoque após (data)". Para esta mensagem aparecer, você precisa criar uma transferência para o produto.

  8. Para mostrar a marca ou o fornecedor do produto, marque Exibir fornecedor do produto. Para uma marca ou fornecedor aparecer, você precisa adicionar um fornecedor ao produto.

  9. Para mostrar o valor que o cliente está economizando, marque Exibir valor salvo. O valor economizado é a diferença entre o preço normal e a Comparação de preços do produto. O valor economizado é arredondado para o valor mais próximo. Por exemplo, se a diferença de preço for $ 25,51, o valor economizado será "$ 25". Para que o valor economizado seja exibido, você precisa definir uma Comparação de preços do produto.

  10. Para mostrar a Comparação de preços, marque Exibir Comparação de preços.

  11. Para mostrar uma seleção de produtos relacionados na parte inferior da página, marque Exibir produtos relacionados. A coleção da qual o produto faz parte determina os produtos relacionados que são exibidos. Para que produtos relacionados sejam exibidos, você precisa criar uma coleção para o produto ou adicioná-lo a uma coleção existente. Se o produto não faz parte de uma coleção, os produtos relacionados não podem ser exibidos.

  12. Para mostrar um botão de checkout dinâmico, marque Exibir botão de checkout dinâmico.

  13. Para mostrar ícones de compartilhamento em redes sociais, marque Habilitar compartilhamento de produto.

  14. Para mostrar comentários de clientes sobre o produto, marque Habilitar avaliações de produtos. Para as avaliações aparecerem, você precisa instalar o app gratuito da Shopify Product Reviews e receber avaliações de seu produto.

  15. Para definir o tamanho do seletor de variante, o botão Adicionar ao carrinho e o botão de checkout dinâmico, selecione um tamanho no menu suspenso Seletor de variante e tamanho do botão.

  16. Clique em Salvar.

Páginas de coleções

Neste tema, você pode decidir como as coleções são organizadas no menu lateral da página. Elas podem ser organizadas por tags de produto ou por grupos de filtros.

  1. Na pré-visualização do editor de temas da sua loja, abra uma página de coleção.

  2. Clique na aba Seções.

  3. Clique em Coleção.

  4. Na lista suspensa Produtos por fileira, escolha quantos produtos exibir em cada fileira.

  5. Na lista suspensa Fileiras por página, escolha quantas fileiras deseja exibir.

  6. Em Filtros de produtos da Barra Lateral, selecione se deseja organizar coleções por tag de produto ou por grupo de filtros.

  7. Para exibir um preço de comparação quando um produto da coleção estiver em promoção ou para fazer uma comparação com os preços da concorrência, selecione Exibir Comparação de preços.

  8. Para mostrar quanto dinheiro os clientes estão economizando quando um produto está com desconto, selecione Exibir valor economizado.

  9. Para permitir avaliações de produtos nas páginas das coleções, selecione Habilitar avaliações de produtos.

  1. Clique em Salvar.

Coleções em destaque

Use a seção Coleções em destaque para selecionar até 6 coleções de produtos a serem exibidas em sua página inicial. Quando um cliente clica em uma coleção em destaque na sua página inicial, o produto em destaque da coleção é exibido. Se você não tiver um produto em destaque, a imagem do primeiro produto na coleção será exibida.

Para exibir as coleções em destaque na sua página inicial:

  1. Clique na aba Seções.

  2. Clique em Coleções em destaque.

  3. Na área Conteúdo, clique em Coleção.

  4. Na lista suspensa Coleção, selecione a coleção que deve ser exibida.

  5. Adicione coleções até ter selecionado todas as coleções que deseja exibir.

  6. Clique em Salvar.

Apresentação de slides

A seção Apresentação de slides permite carregar imagens para usar nas apresentações. Você pode escolher se a transição das imagens acontecerá automaticamente, além de definir a frequência, em segundos, da rotatividade das imagens.

Neste tema você pode escolher até 6 imagens para a transição de slides na sua página principal. Como opção, adicione links para URLs, um em cada slide, de modo que seus clientes possam clicar e abrir uma página da sua loja.

Cada imagem de slide deve ter 1000 pixels de largura e 500 pixels de altura. Se você usar imagens com alturas diferentes para os slides, elas poderão ser puladas ou aparecerem desajustadas entre as transições.

Para personalizar a apresentação de slides:

  1. Clique na aba Seções.

  2. Clique em Apresentação de slides.

  3. Em Configurações, marque Girar slides automaticamente se quiser que a transição das imagens aconteça automaticamente.

  4. Na lista suspensa Tempo de transição, selecione a frequência da rotatividade em segundos.

Para adicionar um slide de imagem:

  1. Na área Conteúdo, clique em Imagem.

  2. Na área Imagem, clique em Selecionar imagem e siga um destes procedimentos:

- Para selecionar uma imagem já carregada no admin da Shopify, clique na aba Biblioteca. - Para selecionar uma imagem da Coleção de imagens de acervo Burst da Shopify, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem. - Para selecionar uma imagem de seu computador local, clique na aba Biblioteca e, em seguida, no botão mais.

  1. Para adicionar um link ao slide, siga um destes procedimentos:

- Para vincular o texto no seu slide a uma página da loja, clique no campo URL do link e selecione uma página. - Para vincular o texto do seu slide a um site, cole a URL do site no campo Link do slide.

  1. Clique em Salvar.

Newsletter

Você pode adicionar uma assinatura de newsletter à sua página inicial. Isso permite coletar endereços de e-mail de clientes para campanhas de e-mail marketing. Saiba mais sobre e-mail marketing no blog da Shopify.

A seção de newsletter em um site. Há um campo para os clientes inserirem um e-mail e um botão que diz

Para adicionar uma assinatura de newsletter à sua página inicial:

  1. Ao lado de Supply, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Adicionar seção > Newsletter.

  4. Insira um título para a assinatura de newsletter no campo Título. O título padrão é "Assine nossa newsletter".

  5. Insira um subtítulo para a assinatura de newsletter no campo Subtítulo. O texto padrão é "Promoções, novos produtos e vendas. Diretamente em sua caixa de entrada."

  6. Clique em Salvar.

Vídeo

Você pode adicionar um vídeo hospedado no YouTube ou no Vimeo à sua página inicial. Os vídeos podem envolver seus clientes e gerar interesse em seus negócios.

Para adicionar um vídeo à sua página inicial:

  1. Ao lado de Supply, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Adicionar seção > Vídeo.

  4. Insira um título para o vídeo no campo Título.

  5. Insira o link de compartilhamento para o vídeo no campo Link para o vídeo.

    Os links de compartilhamento do YouTube são como este: https://youtu.be/OTJXAUZY9t0. Você pode obter informações sobre como copiar o link de compartilhamento para um vídeo do YouTube neste artigo da Ajuda do YouTube.

    Os links de compartilhamento do Vimeo são como este: https://vimeo.com/281332510. Você pode obter informações sobre como copiar o link de compartilhamento para um vídeo do Vimeo neste artigo do Centro de Ajuda do Vimeo.

  6. Clique em Salvar.

Conteúdo personalizado

Na seção Conteúdo personalizado, você pode usar o código HTML para criar conteúdo personalizado para sua página inicial. Por exemplo, você pode usar HTML para formatar blocos de texto, criar tabelas ou incorporar conteúdo de um site de terceiros.

Para adicionar conteúdo personalizado à sua página inicial:

  1. Ao lado de Supply, clique em Personalizar.

  2. Clique em Seções.

  3. Clique em Adicionar seção.

  4. Na área Layout avançado, clique em Conteúdo personalizado > Adicionar.

  5. Clique em Conteúdo personalizado e insira o código HTML que você deseja adicionar à sua página inicial.

  6. Clique em Salvar.

Pronto para começar a vender com a Shopify?

Experimente de graça