Seções do Venture

O conteúdo do tema é criado com o uso de seções, blocos personalizáveis de conteúdo que determinam o layout e a aparência de diferentes páginas da loja virtual. Para adicionar, remover, editar e personalizar as seções, use o editor de temas atualizado.

Os temas da Shopify têm os seguintes tipos de seções:

  • Seções estáticas: aparecem em locais predeterminados da loja virtual e não podem ser removidas ou reorganizadas. Essas seções podem incluir cabeçalhos, rodapés, seções de navegação ou de conteúdo em páginas como as de produto e de coleção. A seção Produto, por exemplo, determina a aparência de cada página de produto na loja virtual.
  • Seções dinâmicas: são seções opcionais usadas para personalizar o layout da página inicial. Adicione até 25 seções dinâmicas diferentes, que podem ser reorganizadas e removidas na página inicial.

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

Seções estáticas

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

  • Cabeçalho
  • Rodapé
  • Páginas de produtos
  • Recomendações de produtos
  • Coleção
  • Página da lista de coleções
  • Páginas do carrinho
  • Conteúdo do artigo
  • Produtos em destaque

Seções dinâmicas

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

  • Posts do blog
  • Apresentação de slides
  • Lista de coleções
  • Coleção em destaque
  • Produto em destaque
  • Galeria
  • Imagem com texto
  • Imagem com link de texto
  • Lista de logos
  • Blocos de links múltiplos
  • Newsletter
  • Mapa
  • Pesquisa
  • Rich text
  • Depoimentos
  • Texto em coluna com imagens
  • Vídeo
  • HTML personalizado

Cabeçalho

O cabeçalho do tema é a seção que aparece no topo de todas as páginas de sua loja. Personalize os seguintes itens no cabeçalho:

  • Uma imagem de logo
  • Um menu de navegação
  • Uma barra de comunicado

Adicionar um logo personalizado

É possível adicionar uma imagem do logo personalizado ao cabeçalho da loja. O melhor formato é um arquivo .png de fundo transparente. É possível redimensionar a imagem do logo ajustando a largura.

Se você não adicionar uma imagem de logo, o nome da loja será exibido como texto. A alteração do nome da loja pode ser feita na página Configurações gerais do admin da Shopify.

  • Largura personalizada do logo (em pixels): a largura do logo.
  1. Clique em Cabeçalho. 2. Na área Imagem do logo, clique em Selecionar imagem e siga um destes procedimentos: * Para selecionar uma imagem que você já carregou no admin da Shopify, clique na aba Biblioteca. * Para selecionar uma imagem em seu computador local, clique em Biblioteca > Carregar. 3. Use as configurações para personalizar o tamanho e o posicionamento do logo. 4. Clique em salvar.

Adicionar uma barra de comunicados

Para exibir uma mensagem aos clientes, adicione uma barra de comunicados ao cabeçalho. O texto é personalizável e pode incluir informações de contato, eventos, promoções ou o slogan da loja.

  1. Clique em Cabeçalho.
  2. Na área da Barra de avisos, marque Exibir comunicado.
  3. Digite o texto do comunicado.
  4. Opcional: insira um URL para adicionar um link ao comunicado.
  5. Clique em salvar.

Adicionar um menu

Adicione um menu ao cabeçalho para exibir todos os links e use essa função para destacar as páginas que os clientes acessam com mais frequência. Por exemplo, adicione um menu que contenha links para as coleções.

  1. Clique em Cabeçalho.

  2. Para selecionar um menu, clique em Alterar. Selecione um menu na lista ou clique em Criar menu para gerar um novo.

  3. Para editar o menu, clique em Editar menu.

  4. Clique em salvar.

Exibir ou ocultar imagens de coleção no menu

Exiba imagens de produtos de uma coleção no menu suspenso do Venture. Se os clientes gostarem de um item visto no menu, poderão acessar a página do produto diretamente sem ter que localizar o item na página de coleção.

O cabeçalho, com um menu selecionado. Imagens dos produtos da coleção são exibidas no menu.

Para exibir imagens de produtos de uma coleção, o menu deve atender aos seguintes critérios:

  • O menu deve ter itens de menu embutido.
  • O item de nível superior deve ser uma coleção.
  • Para adicionar a coleção de nível superior ao menu, selecione-a no menu Link. Se você inserir o URL da coleção no campo Link manualmente, as imagens não serão exibidas.

Se não atender a esses critérios, o menu de navegação superior exibirá links em vez de imagens de produtos.

Para ocultar imagens de produtos no nível superior de um menu embutido, insira o URL da coleção no campo Link manualmente.

Rodapé

O rodapé do tema é a seção que aparece na parte inferior de todas as páginas de sua loja. Adicione os seguintes recursos ao rodapé:

  • ícones de pagamento
  • menus
  • ícones de redes sociais
  • uma assinatura da newsletter
  • texto

É possível definir os ícones de redes sociais que aparecem no rodapé da loja nas configurações de tema.

Adicionar ícones de pagamento

No rodapé, é possível exibir ícones das formas de pagamento aceitas. Nessa área são exibidos os ícones associados ao provedor de pagamento habilitado na seção Configurações de pagamento do admin.

  1. Clique em Rodapé.

  2. Marque a opção Exibir ícones de pagamento.

  3. Clique em salvar.

Adicionar um menu, uma assinatura da newsletter, ícones de redes sociais ou texto

  1. Clique em Rodapé.

  2. Adicione um bloco de conteúdo na área Conteúdo, clicando em Adicionar conteúdo. Selecione uma das seguintes opções de bloco de conteúdo:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text


- Social accounts

Para remover um bloco de conteúdo, clique no bloco e, depois, clique em Remover conteúdo.

Para personalizar um bloco de conteúdo, clique no bloco e edite as configurações.

  1. Clique em salvar.

Páginas de produtos

Páginas de produto é a principal seção personalizável para páginas de produtos. Personalize essa seção usando as seguintes opções:

  • Permanecer na página atual quando o item for adicionado ao carrinho: selecione essa opção se quiser que os clientes fiquem na página do produto em vez de acessar a página do carrinho ao clicar no botão Adicionar ao carrinho.
  • Exibir estoque quando houver menos de 10 produtos disponíveis: mostre os itens restantes quando o estoque estiver baixo. Para exibir o nível de estoque, é preciso habilitar o acompanhamento de estoque do produto.
  • Exibir o botão de checkout dinâmico: deixe os clientes pularem o carrinho e irem direto para o checkout na seção de produto em destaque.
  • Habilitar o compartilhamento de produtos: mostre os botões que os clientes podem usar para compartilhar produtos nas redes sociais. A opções de compartilhamento exibidas são controladas nas configurações de tema.

Editar as configurações de páginas de produtos

  1. Selecione Páginas de produtos.
  2. Clique na seção páginas de produtos.
  3. Utilize as configurações para personalizar a seção de páginas de produto.
  4. Clique em salvar.

Recomendações de produtos

Você pode Exibir produtos recomendados em páginas de produto para facilitar aos clientes a descoberta de outros produtos que possam interessá-los.

Habilitar recomendações de produtos

  1. Selecione Páginas de produtos.

  2. Clique na seção Recomendações de produto.

  3. Marque a opção Exibir recomendações dinâmicas para mostrar recomendações nas páginas de produtos.

  4. Opcional: para alterar o título que aparece acima dos produtos recomendados, insira outro no campo Título.

    1. Opcional: para mostrar ou ocultar os fabricantes nas descrições do produto, use a caixa de seleção Exibir fabricante.
  5. Clique em salvar.

Coleção

A página de coleção exibe todos os produtos que fazem parte daquela coleção. Cada coleção em sua loja tem sua própria página de coleção.

A seção "Coleção" conta com as seguintes configurações:

  • Habilitar filtragem de tags: adicione um filtro que permita aos clientes ver os produtos de uma coleção que tenham uma tag específica. Para que o filtro seja exibido na página de uma coleção, é preciso adicionar tags aos produtos da coleção.
  • Habilitar classificação: adicione um menu que permita aos clientes classificar uma coleção de maneiras diferentes, por exemplo, por produtos em destaque, por ordem alfabética ou por preço.

Mais configurações de páginas de coleção estão disponíveis nas Configurações do tema.

Personalizar a seção "Coleção"

  1. Selecione Páginas de coleções.
  2. Clique na seção Coleção.
  3. Utilize as configurações para personalizar a seção de páginas de coleção.
  4. Clique em salvar.

Páginas do carrinho

Páginas de carrinho é a principal seção personalizável do carrinho da loja virtual. Nessa página, é possível habilitar observações do carrinho para que os clientes incluam instruções especiais nos pedidos.

Habilitar observações de pedido

  1. Selecione Carrinho.
  2. Clique na seção Páginas do carrinho.
  3. Selecione Habilitar observações de pedido.
  4. Clique em salvar.

Conteúdo do artigo

Conteúdo do artigo é a principal seção personalizável das páginas de artigo de sua loja. O modelo Páginas de artigo é usado para posts do blog. Nas páginas de artigo, é possível habilitar opções de compartilhamento em redes sociais para que os clientes publiquem seus textos em outras plataformas.

Habilitar o compartilhamento de post do blog

  1. Selecione Posts do blog.
  2. Clique na seção Conteúdo do artigo.
  3. Marque Habilitar o compartilhamento de post do blog para que os botões de redes sociais apareçam nos posts do blog. Escolha as plataformas nas configurações de redes sociais.
  4. Clique em salvar.

Produtos em destaque

Produtos em destaque é outra seção personalizável nas páginas de artigos de sua loja. É possível exibir produtos em destaque de uma coleção de sua escolha quando os clientes acessam os posts do blog da loja. Por exemplo, em um post do blog sobre moda de outono, é possível dar destaque a produtos da coleção da estação abaixo do post.

Exibir produtos em destaque em uma página de artigo

  1. Selecione Posts do blog.
  2. Clique na seção Produtos em destaque.
  3. Na lista Coleção, selecione uma coleção para exibição.
  4. Clique em salvar.

Apresentação de slides

Com o tema Venture, é possível exibir uma apresentação de slides em tamanho grande na página inicial,

O tamanho recomendado para as imagens da apresentação é de 1.800 x 1.000 pixels. A apresentação de slides do Venture é dinâmica, o que significa que o tamanho é redefinido e as imagens são cortadas de forma automática de acordo com o dispositivo que o cliente utiliza para ver sua loja. Para saber mais sobre otimização de images, consulte Práticas recomendadas para imagens.

A seção de apresentação de slides apresenta as seguintes configurações:

Conteúdo

  • Imagem: adicione uma imagem para exibir na apresentação de slides.
  • URL do link: vincule o slide a outra parte de sua loja virtual.
  • Posição da imagem: escolha a área mais importante da imagem para focar na apresentação de slides.
  • Cabeçalho: adicione um cabeçalho ao seu slide.
  • Texto do botão: adicione ao slide um botão com uma etiqueta de texto.
  • Link de botão: defina o URL ou a página que você quer vincular ao botão. Cole o URL ou selecione uma página no menu. Se você não quiser incluir um botão na seção, deixe esse campo em branco.

Configurações

  • Altura do slide: defina a altura da apresentação de slides. Selecione Adaptar à primeira imagem para basear a altura da apresentação de slides na altura da primeira imagem.
  • Rotação automática de slides: defina como automática a apresentação de slides.
  • Alterar slides a cada: selecione a frequência de alteração dos slides.

Personalizar sua apresentação de slides

  1. Clique em Adicionar seção.
  2. Clique em Apresentação de slides e, depois, em Selecionar.
  3. Para adicionar imagens à apresentação de slides, clique em um bloco de Imagem para personalizá-lo:
    1. Clique em Selecionar imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  4. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  5. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

    1. Para alterar a parte da imagem exibida na apresentação de slides, selecione uma opção no menu suspenso Posição da imagem.
    2. 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.
    3. Para vincular o texto do slide a um site, cole o URL do site no campo URL do link.
    4. Para adicionar texto ao slide, faça o seguinte:
      1. No campo Título, digite o título que deve aparecer no slide.
      2. No campo Subtítulo, digite o texto que deve aparecer abaixo do título.
  6. Utilize as configurações para personalizar a apresentação de slides.

  7. Clique em salvar.

Lista de coleções

Em computadores e tablets, é possível exibir até seis coleções em destaque na página inicial.

Em dispositivos móveis, a seção de coleções em destaque mostra o menu principal da loja por padrão. Com isso, fica mais fácil para clientes em dispositivos móveis acessarem o estoque completo de sua loja.

Marque a opção Usar layout de imagem secundária para que as imagens da coleção preencham os blocos inteiros. Ao escolher essa opção, talvez seja preciso alterar a configuração de cores dos Títulos das coleções em destaque.

Adicionar uma lista de coleções à sua página inicial

  1. Clique em Adicionar seção. 2. Clique em Lista de coleções e, depois, em Selecionar. 3. Para adicionar coleções à seção, personalize cada bloco Coleção: 1. Clique em um bloco de coleção e, depois, em Selecionar uma coleção. 2. Na lista suspensa Coleção, escolha uma opção para exibir ou clique em Criar coleção para iniciar uma nova. 3. Clique em Selecionar. 4. Para adicionar outros blocos de coleção, clique em Adicionar coleção. 5. Clique em salvar.

Coleção em destaque

Você pode colocar em destaque na página inicial os produtos de uma de suas coleções.

A seção de coleção em destaque apresenta as seguintes configurações:

  • Coleção: escolha a coleção de produtos para destacar.
  • Linhas: defina o número de linhas de produtos a serem exibidas na seção.

Adicionar uma coleção em destaque à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Coleções em destaque e em Selecionar.
  3. Selecione uma coleção para destacar na seção clicando em Selecionar coleção e escolhendo uma na lista.
  4. Utilize as configurações para personalizar a seção de coleção em destaque.
  5. Clique em salvar.

Produto em destaque

É possível destacar um produto em sua página inicial. Destacar um produto é uma ótima maneira de promover um produto novo ou algo que está em promoção.

A seção de produto em destaque apresenta as seguintes configurações:

  • Produto: selecione um produto para colocar em destaque na página inicial.
  • Permanecer na página atual quando o item for adicionado ao carrinho: selecione essa opção se quiser que os clientes fiquem na página do produto em vez de acessar a página do carrinho ao clicar no botão Adicionar ao carrinho.
  • Exibir estoque quando houver menos de 10 produtos disponíveis: mostre os itens restantes quando o estoque estiver baixo. Para exibir o nível de estoque, é preciso habilitar o acompanhamento de estoque do produto.
  • Habilitar compartilhamento de produtos: mostre botões que os clientes podem usar para compartilhar produtos nas redes sociais. As opções de compartilhamento que aparecem são controladas nas configurações de tema. Exibir botão de checkout dinâmico: permita que os clientes ignorem o carrinho e acessem diretamente o checkout na seção de produto em destaque.

Adicionar um produto em destaque à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Produto em destaque e em Selecionar.
  3. Selecione um produto para destacar na seção clicando em Selecionar produto e escolha um na lista.
  4. Utilize as configurações para personalizar a seção de produto em destaque.
  5. Clique em salvar.

Imagem com texto

O Venture tem uma seção Imagem com texto que pode conter uma combinação de imagens e blocos de texto.

  1. Clique em Imagem com texto.
  2. Para adicionar a imagem, siga os passos abaixo:
    1. Clique em Adicionar conteúdo > Imagem.
    2. Clique no bloco Imagem para editá-lo.
    3. Na área Imagem, clique em Selecionar imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  3. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  4. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  5. Para adicionar texto, siga estas etapas:

    1. Clique em Adicionar conteúdo > Imagem com texto.
    2. No campo Título, digite o texto que deve ser exibido.
    3. No campo Texto, digite o texto que deve ser exibido abaixo do título.
    4. Na área Alinhamento do texto, escolha como você quer alinhar o parágrafo no bloco.
  6. 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.

Adicionar uma área para assinatura de newsletter à sua página inicial

  1. Clique em Adicionar seção.

  2. Clique em Newsletter e, depois, em Selecionar.

  3. Digite um título para a assinatura da newsletter.

  4. Insira um subtítulo para a assinatura da newsletter.

  5. Clique em salvar.

Mapa

Você pode adicionar um mapa do Google à sua página inicial para mostrar aos clientes onde sua empresa está localizada.

A seção de mapa apresenta as seguintes configurações:

  • Título: adicione um título à seção de mapa.
  • Endereço e horário: adicione o endereço e horário de funcionamento de sua loja à seção de mapa.
  • Endereço do mapa: defina a localização de sua loja para exibição no mapa.
  • Marcador de link do mapa: adicione um botão com link para a localização de sua loja no Google Maps.
  • Exibir marcador: adicione um marcador que exiba a localização específica de sua loja no mapa.
  • Chave da API do Google Maps: adicione a chave da API de seu mapa à seção de mapa.
  • Imagem: adicione uma imagem para exibição se o mapa não carregar.
  • Posição da imagem: defina o posicionamento da imagem.

Adicionar um mapa à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Mapa e, depois, em Selecionar.
  3. Utilize as configurações para personalizar a seção de mapa.
  4. Clique em salvar.

Vídeo

Você pode adicionar um vídeo do YouTube ou do Vimeo à sua página inicial. Os vídeos podem envolver seus clientes e gerar interesse em relação à sua empresa.

Para adicionar um vídeo, você precisa localizar o link de compartilhamento do vídeo:

  • YouTube : um link de compartilhamento do YouTube se parece com este exemplo: https://youtu.be/ZXWgHlnVVEY. Você pode obter informações sobre como copiar o link de compartilhamento de um vídeo do YouTube neste artigo da Ajuda do YouTube.
  • Vimeo : um link de compartilhamento do Vimeo se parece com este exemplo: https://vimeo.com/123456789. Você pode obter informações sobre como copiar o link de compartilhamento de um vídeo do Vimeo neste artigo da Central de ajuda do Vimeo.

A seção de vídeo apresenta as seguintes configurações:

Configurações

  • Etiqueta de botão: adicione o texto que aparece no botão de reprodução.
  • Link do vídeo: adicione o link de compartilhamento do vídeo.

Capa

  • Imagem: adicione a imagem exibida quando o vídeo não está em reprodução.
  • Posição da imagem: defina o posicionamento da imagem na seção de vídeo.
  • Altura da imagem: defina a altura do marcador de posição da imagem.

Sobreposição

  • Exibir sobreposição: adicione uma camada de cor entre a imagem de marcador de posição e a etiqueta do botão. Uma sobreposição deixa o texto sobre o vídeo mais fácil de ler e permanece em exibição até que o botão de reprodução seja clicado.
  • Sobreposição: defina a cor da sobreposição.
  • Opacidade: defina a opacidade da sobreposição.

Adicionar um vídeo à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Vídeo e em Selecionar.
  3. Cole o link de compartilhamento do vídeo no campo Link do vídeo.
  4. Utilize as configurações para personalizar a seção de vídeo.
  5. Clique em salvar.

HTML personalizado

Na seção HTML 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.

Adicione uma seção de HTML personalizado à página inicial

  1. Clique em Adicionar seção.

  2. Clique em HTML personalizado e em Selecionar.

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

  4. Clique em salvar.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça