Seções dinâmicas do Brooklyn

O Brooklyn conta com diversas seções dinâmicas que podem ser usadas para personalizar o layout da página inicial. É possível adicionar, reorganizar e remover seções dinâmicas para criar o layout, bem como ter até 25 seções dinâmicas na página inicial.

Apresentação de slides

É possível criar uma apresentação de slides da página inicial com largura total ou adaptada à altura da primeira imagem na sequência.

A melhor opção é 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 upload 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 saber mais sobre as práticas recomendadas para imagens de apresentações de slides, consulte Fazer upload de imagens.

Configurações da seção de apresentação de slides

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

  • Altura do slide: escolha entre tela cheia ou adaptação à imagem.
  • Rolagem automática de slides: defina como automática a reprodução da apresentação de slides.
  • Mudar os slides a cada: use a escala de intervalo para ajustar a velocidade da apresentação de slides.

Configurações de bloco na apresentação de slides

Cada slide de uma apresentação inclui estas configurações:

  • Imagem: adicione uma imagem à apresentação de slides.
  • Posição da imagem: escolha a posição da imagem na apresentação de slides. A seleção-padrão é centralizada no meio.
  • Exibir sobreposição: adicione uma camada de cor sobre o slide de imagem. Esse recurso pode facilitar a leitura do texto na apresentação.
  • Opacidade da sobreposição: use a escala de intervalo para selecionar a opacidade da sobreposição do slide.
  • Alinhamento do texto: escolha entre esquerda, centro (padrão) ou direita.
  • Cabeçalho: adicione um cabeçalho ao seu slide.
  • Subtítulo: adicione um subtítulo ao slide. O subtítulo aparece antes do título.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto ao seu slide.
  • Link de botão: vincule o botão a outra parte da sua loja virtual.
  • Seletores de cor para os botões e o texto da apresentação de slides.

Personalizar sua apresentação de slides

  1. Clique em Adicionar seção.
  2. Clique em Apresentação de slides e, depois, em Selecionar. Uma nova seção com dois slides aparecerá na barra lateral da apresentação.
  3. Clique em um slide para selecionar uma imagem e ajustar as configurações.
  4. Clique em Salvar.

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: mostre a data de publicação dos posts do blog.
  • Exibir autor: mostre o nome do autor dos posts do blog.
  • Exibir imagem da capa: mostre a imagem da capa dos posts do blog.
  • Exibir resumo: mostre um breve resumo dos posts do blog.
  • Exibir botão "Ver 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. Clique em Adicionar seção.
  2. Clique em Posts do blog e, depois, em Selecionar.
  3. Use as configurações para personalizar a seção do blog de sua página inicial.
  4. Clique em Salvar.

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. Clique em Adicionar seção.
  2. Clique em Lista de coleções e, depois, em Selecionar.
  3. Use as configurações para personalizar a seção da lista de coleções.
  4. 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:

  • 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. Clique em Adicionar seção.
  2. Clique em Coleções em destaque e em Selecionar.
  3. Use as configurações para personalizar a seção de coleção em destaque.
  4. Clique em Salvar.

Imagem com texto

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

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 de botão: adicione o texto que você quer exibir no botão.
  • Link de botão: vincule o botão à outra página ou site.

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

  1. Clique em Adicionar seção.
  2. Clique em Imagem com texto e em Selecionar.
  3. Use as configurações para personalizar a seção de imagem com texto.
  4. 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.
  • Exibir etiquetas de variantes: mostre as etiquetas de variantes do produto, como "Tamanho" e "Cor".
  • Exibir fabricante: mostre a marca ou o fabricante do produto.
  • Texto: adicione um texto a seu produto em destaque.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto ao produto em destaque.
  • Link de botão: vincule o botão à outra página ou site.

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. Use as configurações para personalizar a seção de produto em destaque.
  4. Clique em Salvar.

Newsletter

Adicione uma área para assinatura da newsletter à página inicial. Esse recurso permite coletar endereços de e-mail de contato 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 mostre 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. Use as configurações para personalizar a seção de mapa.
  4. Clique em Salvar.

Rich text

Utilize a seção Rich text para adicionar conteúdo escrito à página inicial ou para inserir páginas criadas no admin da Shopify. Por exemplo, é possível dar destaque a eventos futuros ao incorporar a página de seu blog ou exibir uma página com qualquer um dos recursos a seguir:

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. Para dar destaque a uma página da loja, clique em Adicionar conteúdo e em Página. No menu suspenso, selecione uma página para destacar como sua página inicial.

  • Tamanho: defina o tamanho de seu texto.

Adicionar rich text à página inicial

  1. Clique em Adicionar seção.

  2. Clique em Rich text e em Selecionar.

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

  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 tem esta aparência: https://youtu.be/ZXWgHlnVVEY. Saiba 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. Clique em Adicionar seção.
  2. Clique em Vídeo e em Selecionar.
  3. Personalize a seção de vídeo nas configurações.
  4. Clique em Salvar.

HTML personalizado

Crie conteúdos personalizados para sua página inicial. Por exemplo, você pode usar 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. Clique em Adicionar seção.
  2. Clique em HTML personalizado e em Selecionar.
  3. Use as configurações para personalizar a seção de HTML personalizado.
  4. Clique em Salvar.

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

Experimente de graça