Seções do Simple

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: seções que aparecem em locais predeterminados da loja virtual e não podem ser removidas ou reorganizadas. Elas podem incluir cabeçalhos, rodapés e 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: 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 Simple e aprender a personalizá-las para se adequarem à sua empresa.

Seções estáticas

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

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

Seções dinâmicas

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

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

Cabeçalho

Na seção de cabeçalho, é possível editar o conteúdo exibido na parte superior de todas as páginas de sua loja. Adicione uma imagem de logo, crie uma mensagem de comunicado e inclua um slogan.

Adicionar um logo personalizado

É possível adicionar uma imagem do logo personalizado no cabeçalho da loja. O melhor formato é um arquivo .png de fundo transparente. As imagens de logo devem ter 450 x 200 pixels. Você pode 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. Vale lembrar que é possível alterar o nome da loja na página de configurações Informações da loja no admin da Shopify.

  • Largura personalizada do logo: 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 Mostrar comunicado. Selecione Apenas na página inicial para exibir a mensagem do comunicado somente na página inicial.
  3. Digite o texto do comunicado.
  4. Opcional: insira um URL para adicionar um link ao comunicado.
  5. Para alterar a cor do plano de fundo da barra de avisos, clique na amostra de cor da barra e escolha uma cor.
  6. Para alterar a cor do texto do comunicado, clique na amostra de cor do texto e escolha uma cor.
  7. Clique em Salvar.

O Simple apresenta uma barra lateral com um menu de navegação.

  1. Clique em Barra lateral.
  2. Na lista Menu, selecione um menu para a barra lateral.
  3. Clique em Salvar.

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
  • um menu
  • uma assinatura da newsletter
  • Uma seção de texto com informações sobre sua empresa

Adicionar ícones de pagamento

No rodapé, é possível exibir ícones das formas de pagamento aceitas, associados ao provedor habilitado na seção de configurações de pagamento do admin. Quando o cliente visita a loja, esses ícones são filtrados para que apenas as formas de pagamento aceitas na região e na moeda do cliente atual sejam exibidas.

  1. Clique em Rodapé.

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

  3. Clique em Salvar.

Adicionar um menu, uma assinatura da newsletter ou um 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

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:

Configurações

  • Mostrar seletor de quantidade - permita que os usuários especifiquem uma quantidade a adicionar ao carrinho.
  • Exibir fabricante do produto: mostre a marca ou o fabricante do produto. Adicione um fabricante ao produto para ver essas informações.
  • Habilitar compartilhamento para produtos: mostre botões que possibilitam aos clientes compartilhar produtos nas redes sociais. É possível definir as opções de compartilhamento exibidas usando as configurações do tema.

Descrição

  • Posição: escolha o local da descrição do produto em relação à imagem do produto.
  • Exibir uma aba ao lado da descrição do produto: mostre o conteúdo de uma página, como uma tabela de medidas ou a política de devolução, em outra aba. Selecione a página a ser exibida em Conteúdo da aba.

Imagem em destaque

  • Tipo de zoom: escolha o estilo de zoom para as imagens de produtos. Selecione Sem zoom para impedir os clientes de ampliar as imagens.

Botão "Adicionar ao carrinho"

  • Mostrar 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.
  • Tamanho do botão: escolha uma opção nesse menu suspenso para definir o tamanho do botão Adicionar ao carrinho e do botão de checkout dinâmico.

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. Use 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 Mostrar 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 Mostrar fabricante.
  5. Clique em Salvar.

Páginas de coleções

Páginas de coleções é a principal seção personalizável para páginas de coleções

e conta com as seguintes configurações:

  • Mostrar fabricante do produto: mostre o fabricante de cada produto abaixo do título do produto.
  • Habilitar a organização de coleções: permita que o cliente organize os produtos nas páginas de coleções.
  • Habilitar filtragem por tag de produto: permita que os clientes filtrem a coleção por tag de produto.

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

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

Coleção em destaque

Você pode destacar uma coleção na sua página inicial. Destacar coleções pode ajudar você a promover vendas e novas coleções.

A seção "Coleção em destaque" apresenta as seguintes configurações:

  • Título: insira o texto que aparece acima dos produtos na coleção. O texto padrão é Coleção em destaque.
  • Coleção: escolha a coleção a ser exibida na seção. A coleção selecionada exibirá até 50 produtos.
  • Linhas: defina o número de linhas de produtos a serem exibidas na seção.

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

  1. Clique em Adicionar seção.
  2. Clique em Coleções em destaque e em Selecionar.
  3. Clique em Selecionar coleção e escolha uma na lista Coleção.
  4. Use as configurações para personalizar a seção.
  5. Clique em Salvar.

É possível adicionar uma imagem de banner em destaque à página inicial. Também é possível adicionar um cabeçalho e um link de imagem.

Adicionar uma seção de banner em destaque à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Banner em destaque e, depois, em Selecionar.
  3. No campo Tútulo, insira um novo título para esse banner.
  4. 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.
  5. 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.
  6. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  7. No campo Link da imagem, selecione uma página na loja para onde a imagem redirecionará o cliente.

  8. Clique em Salvar.

Imagem com texto

O Simple possibilita adicionar uma imagem com texto exibido à direita ou à esquerda da imagem. Você também pode adicionar um botão com link para outra página.

Você pode usar uma seção de imagem com texto para anunciar uma coleção ou produto específico.

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

  • Imagem: adicione uma imagem para exibir na seção. É possível fazer o envio de uma imagem, usar uma carregada anteriormente ou selecionar uma imagem gratuita no banco do Burst.
  • Alinhamento da imagem: escolha se a imagem na seção aparecerá à esquerda ou à direita.
  • Título: adicione o texto primário que estará junto da imagem.
  • Texto: adicione o texto secundário que estará junto da imagem. Ele é exibido abaixo do título.
  • Etiqueta de botão: adicione o texto que você quer exibir no botão.
  • 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.

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

  1. Clique em Adicionar seção.
  2. Clique em Imagem com texto e em Selecionar.
  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.
  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.

  6. Use as configurações para personalizar a seção.

  7. Clique em Salvar.

Apresentação de slides

Você pode criar uma apresentação de slides da página inicial que rode até seis imagens.

O tamanho recomendado para as imagens dos slides é de 1280 x 460 pixels.

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

Conteúdo

  • Imagem: adicione um slide de imagem à sua apresentação de slides.
  • Posição da imagem: escolha a área mais importante da imagem para focar na apresentação de slides.
  • Opacidade da sobreposição: defina a opacidade da sobreposição da imagem. Uma sobreposição escurece a aparência de suas imagens e pode facilitar a leitura do texto da apresentação de slides.
  • Cor do texto: defina a cor do texto da apresentação de slides.
  • Alinhamento de texto: alinha o texto relativo aos slides.
  • Cabeçalho: adicione um cabeçalho ao seu slide.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto ao seu slide.
  • 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 à altura da imagem do primeiro slide para basear a altura da apresentação de slides na altura de sua 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.
  • Efeito de transição: decida se quer que as imagens deslizem ou desapareçam.
  • Tamanho do texto: defina o tamanho de seu texto de apresentação dos slides.

Adicione uma apresentação de slides à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Apresentação de slides e, depois, em Selecionar.
  3. 2. Na área Conteúdo, clique em Slide 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.

  6. Para adicionar outros slides, clique em Adicionar slide.

  7. Use as configurações para personalizar a apresentação de slides.

  8. 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.
  • Mostrar 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:

  • 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

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