Seções da página inicial do Brooklyn

Brooklyn inclui uma seleção exclusiva de seções da página inicial. Você pode adicionar, reorganizar e remover essas seções para personalizar o layout da sua página inicial.

Apresentação de slides

Você pode criar uma apresentação de slides da página inicial com largura total ou adaptada à altura da primeira imagem na sequência:

A página inicial de uma loja virtual chamada John's Apparel, mostrando uma imagem da apresentação de slides em tela cheia. A navegação do cabeçalho é exibida na parte superior da imagem.

É melhor usar imagens de alta resolução em seus slides. Use imagens com 3840 x 2160 px ou maiores, mas não exceda os limites de carregamento da Shopify.

Como o tamanho e a forma da apresentação de slides dependem do tamanho e da forma do dispositivo do cliente, as imagens da apresentação de slides serão cortadas em algumas telas. Tente usar imagens que tenham um ponto focal no meio para que a parte importante de cada imagem esteja sempre visível.

Para aprender mais sobre as práticas recomendadas para imagens de apresentações de slides em Enviar imagens.

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

  • Rotação automática de slides - defina como automática a reprodução da apresentação de slides.
  • Alterar slides a cada - selecione a frequência de alteração dos slides.
  • Imagem - adicione um slide de imagem à sua apresentação de slides.
  • Sobreposição - adicione uma camada de cor sobre seu slide de imagem. Com uma sobreposição, você pode facilitar a leitura do texto da apresentação de slides.
  • Opacidade - defina a opacidade da sobreposição.
  • Texto do subtítulo - adicione um subtítulo ao slide. O subtítulo aparece antes do título.
  • Texto do título - adicione um título ao slide.
  • Texto do botão - adicione ao slide um botão com uma etiqueta de texto.
  • Link do slide - vincule o slide a outra parte de sua loja virtual.
  • Adaptar à primeira imagem - Define a altura da apresentação de slides para se adaptar à altura da primeira imagem.
  • Posição da imagem - Escolha a área mais importante da imagem para focar na apresentação de slides.
  • Alinhamento de texto - Alinha o texto relativo aos slides.
  • Seletores de cor para os botões e o texto da apresentação de slides.

Personalizar sua apresentação de slides

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Apresentação de slides.

  3. Utilize as configurações para personalizar a apresentação de slides.

  4. Clique em Save.

Posts do blog

Você pode destacar até três posts do blog em sua página inicial.

A seção de posts do blog apresenta as seguintes configurações:

  • Título - adicione um título à seção de posts do blog.
  • Blog - defina o blog para publicação de posts.
  • Posts - defina o número de posts que devem ficar em destaque no blog.
  • Exibir data - exiba a data de publicação dos posts do blog.
  • Exibir autor - exiba o nome do autor dos posts do blog.
  • Exibir imagem da capa - exiba a imagem da capa dos posts do blog.
  • Exibir resumo - exiba um breve resumo dos posts do blog.
  • Exibir botão "Visualizar tudo" - adicione um botão que direcione para a página do blog de sua loja virtual.

Adicionar posts do blog à sua página inicial

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Adicionar seção > Posts do blog > Adicionar.

  3. Utilize as configurações para personalizar a seção do blog de sua página inicial.

  4. Clique em Save.

Lista de coleções

Você pode incluir até nove coleções em sua página inicial.

A seção da lista de coleções apresenta as seguintes configurações:

  • Título - adicione um título à lista de coleções.
  • Coleção - defina as coleções que você deseja colocar em destaque.

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

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Lista de coleções.

  3. Utilize as configurações para personalizar a seção da lista de coleções.

  4. Clique em Save.

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:

  • Título - adicione um título à coleção em destaque.
  • Coleção - defina a coleção cujos produtos estarão em destaque.
  • Estilo de grade - defina o layout de seus produtos em destaque.

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

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Coleção em destaque.

  3. Utilize as configurações para personalizar a seção de coleção em destaque.

  4. Clique em Save.

Imagem com texto

Você pode exibir uma imagem e um texto personalizado em sua página inicial.

A seção de imagens e texto de uma loja virtual. A metade esquerda da seção exibe uma imagem, e a metade direita da seção exibe texto e um botão.

A seção de imagem com texto apresenta as seguintes configurações:

  • Imagem - selecione uma imagem para adicionar à seção.
  • Alinhamento da imagem - defina o lado da página no qual você deseja exibir a imagem.
  • Título - adicione um título à seção.
  • Texto - adicione um texto à seção.
  • Etiqueta do botão - adicione um botão com uma etiqueta de texto à seção.
  • Link do botão - vincule o botão à outra página ou site.

Adicione uma seção de imagem com texto à sua página inicial

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Adicionar seção > Imagem com texto > Adicionar.

  3. Utilize as configurações para personalizar a seção de imagem com texto.

  4. Clique em Save.

Produto em destaque

Você pode destacar um produto em sua página inicial. O destaque de um produto é uma ótima maneira de promover um produto novo ou um produto 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.
  • Exibir etiquetas de variantes - exiba as etiquetas de variantes do produto, como "Tamanho" e "Cor".
    Listagem de produtos de uma camisa com a opção de escolher diferentes variantes de cor. A etiqueta
  • Exibir fornecedor - exiba a marca ou o fornecedor do produto.
  • Texto - adicione um texto a seu produto em destaque.
  • Etiqueta do botão - adicione um botão com uma etiqueta de texto ao seu produto em destaque.
  • Link do botão - vincule o botão à outra página ou site.

Adicionar um produto em destaque à sua página inicial

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Adicionar seção > Produto em destaque > Adicionar.

  3. Utilize as configurações para personalizar a seção de produto em destaque.

  4. Clique em Save.

Newsletter

Na página principal, você pode adicionar uma área para assinatura de newsletter. Esse recurso permite coletar endereços de e-mail de clientes para campanhas de marketing por e-mail. Saiba mais sobre marketing por e-mail no blog da Shopify.

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

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

  • Título - adicione um título à área para assinatura de newsletter.
  • Subtítulo - adicione um subtítulo à área para assinatura de newsletter.

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

  1. Ao lado de Brooklyn, clique em Personalizar.

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

  3. Utilize as configurações para personalizar a seção de assinatura de newsletter.

  4. Clique em Save.

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.
  • Etiqueta com link para 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. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Adicionar seção > Mapa > Adicionar.

  3. Utilize as configurações para personalizar a seção de mapa.

  4. Clique em Save.

Rich text

Você pode adicionar um texto personalizado à sua página inicial.

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

  • Exibição ampla - reduza as margens nos dois lados de seu texto.
  • Título - adicione um título à seção de rich text.
  • Texto - adicione e formate seu texto personalizado.
  • Tamanho - defina o tamanho de seu texto.

Adicionar um texto personalizado à sua página inicial

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Rich text.

  3. Utilize as configurações para personalizar a seção de rich text.

  4. Clique em Save.

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/Oc5v_ToKP7c. 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:

  • Título - adicione um título à seção de vídeo.
  • Link do vídeo - adicione o link de compartilhamento do vídeo.

Adicionar um vídeo à sua página inicial

  1. Ao lado de Brooklyn, clique em Personalizar.

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

  3. Utilize as configurações para personalizar a seção de vídeo.

  4. Clique em Save.

HTML personalizado

Crie conteúdos personalizados para sua página inicial. Por exemplo, você pode utilizar HTML para formatar blocos de texto, criar tabelas ou incorporar conteúdos de outros sites.

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

  • HTML - adicione o código HTML que você deseja exibir em sua página inicial.
  • Largura do contêiner - defina a largura de sua seção de HTML personalizado.
  • Alinhamento vertical - defina a posição vertical do conteúdo na seção.

Adicionar HTML personalizado à sua página inicial

  1. Ao lado de Brooklyn, clique em Personalizar.

  2. Clique em Adicionar seção > HTML personalizado > Adicionar.

  3. Utilize as configurações para personalizar a seção de HTML personalizado.

  4. Clique em Save.

Pronto(a) para começar a vender com a Shopify?

Experimente de graça