Bloco do Instagram

Apresente as imagens mais recentes do seu feed do Instagram no seu site.

Ultima atualização 24 de Janeiro de 2025

Use o bloco do Instagram para mostrar as publicações do Instagram no seu site. Essa é uma ótima forma de mostrar fotos do seu Instagram sem adicioná-las manualmente ao bloco de galeria ou página de galeria. Assim que você adiciona conteúdo a uma conta vinculada do Instagram, o bloco do Instagram é sincronizado para mostrar as publicações mais recentes no site. 

Anotação

devido às recentes mudanças na API do Instagram, para continuar trazendo novo conteúdo para os blocos do Instagram, você precisará revincular seu site Squarespace ao Instagram. Se você tem conta pessoal no Instagram, deve convertê-la em uma conta profissional durante o processo. A partir de 4 de dezembro de 2024, os blocos do Instagram que não tiverem sido revinculados não mostrarão nenhum conteúdo novo até que sejam revinculados.

Para revincular sua conta Instagram:

  1. Abra o painel "Contas vinculadas".   
  2. Clique em Reautenticar.
  3. Se você ainda não tiver uma conta profissional (Business ou Creator), o processo de revinculação orientará você na mudança da conta pessoal para uma conta profissional.
  4. Após converter e revincular a conta, clique no ícone do Instagram no painel "Contas vinculadas".
  5. Clique em Redefinir dados.

Para continuar mostrando um feed de publicações do Instagram no seu site sem converter sua conta Instagram em uma conta profissional, troque o bloco do Instagram por um bloco de incorporação com o código de incorporação do Instagram.

Assista ao vídeo

Adicione o bloco do Instagram

Para adicionar um bloco do Instagram:

  1. Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e escolha Instagram no menu. Para ajuda, confira Adição de conteúdo com blocos.
  2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
  3. Na aba Conta, clique no menu suspenso Conta vinculada para selecionar uma conta do Instagram já vinculada; ou selecione Adicionar uma conta e siga os passos para autorizar e vincular uma nova conta.
  4. Fixe um número de itens para expor (até 20).
  5. Na aba Design, escolha um design e personalize as configurações de exibição
  6. Clique em Salvar para salvar as alterações e continuar editando; ou clique em Sair e depois em Salvar para fechar o editor.

Dicas e limitações

Lembre-se:

  • O Instagram não filtra publicações no bloco do Instagram ao se fazer a busca por termo ou hashtag.
  • Se você vincular uma conta privada do Instagram a um bloco do Instagram, as publicações aparecerão no bloco, mas levarão a um link vazio quando se clicar nelas. Para evitar isso, deixe sua conta Instagram como pública.
  • No Instagram, publicações com várias imagens ou vídeos mostram o primeiro item como uma imagem estática no bloco do Instagram. Na aba "Design" do editor do bloco, marque a opção Abrir links em uma nova janela para levar o visitante à publicação na íntegra.
  • O bloco do Instagram não aceita publicações de IGTV, Stories, publicações compartilhadas e Reels.
  • As publicações fixadas não aparecem no início do seu bloco do Instagram. 
  • Se você tiver mais de uma conta Instagram a destacar, é possível vincular cada uma a um bloco do Instagram diferente.

Escolha um design

Na aba "Design", escolha como as publicações aparecerão no bloco. São quatro designs à sua escolha e diferentes opções de personalização, como proporção da imagem, espaçamento e como as publicações aparecem quando você as clica. Os quatro designs são:

  • Slideshow - as publicações aparecem uma de cada vez
  • Carrossel - dependendo das configurações, mostra uma publicação na íntegra com trechos da publicação anterior e da publicação seguinte em ambos os lados
  • Grade - as publicações aparecem em uma grade com miniaturas
  • Empilhadas - as publicações aparecem em tela cheia, uma em cima da outra

Ao terminar de personalizar o design, clique em Salvar. Saiba mais em Opções para cada design no bloco do Instagram.

Dica

na versão móvel, algumas opções de design aparecem de forma diferente. Use a prévia por aparelho para ver uma prévia das configurações.

Opções de cada design no bloco do Instagram

Opção de design Comportamento do bloco
Fazer a transição automática dos slides Muda automaticamente para a publicação seguinte após um período determinado. Com esta opção marcada, aparece um controle para fixar o tempo de transição (entre um e dez segundos).
Mostrar controles "Próxima" e "Anterior" Adiciona setas para trocar de publicação. Os controles aparecem sobrepostos à esquerda e à direita da publicação principal.
Recortar automaticamente as imagens Recorta ou ajusta o tamanho da imagem para melhorar o design.
Mostrar miniaturas Adiciona uma faixa com miniaturas de todas as imagens e vídeos ao bloco abaixo da publicação principal. Com esta opção marcada, os controles definem a altura da faixa das miniaturas e a distância entre essa faixa e a publicação principal.
Mostrar legendas

Mostra a descrição das publicações. Esta opção mostra mais opções para você fixar a posição das descrições e para que elas só apareçam com o cursor sobre elas. Saiba como seu template cria os estilos dessas legendas.

As descrições não aparecem na versão móvel.

Abrir os links em uma nova janela Abre o Instagram em uma nova aba quando o visitante clica na publicação.
Opção de design Comportamento do bloco
Fazer a transição automática dos slides Muda automaticamente para a publicação seguinte após um período determinado. Com esta opção marcada, aparece um controle para fixar o tempo de transição (entre um e dez segundos).
Mostrar controles "Próxima" e "Anterior" Adiciona setas para trocar de publicação. Os controles aparecem sobrepostos à esquerda e à direita da publicação principal.
Alinhamento ativo Foca o bloco em uma publicação ativa. A publicação aparece na íntegra.
Abrir os links em uma nova janela Abre o Instagram em uma nova aba quando o visitante clica na publicação.
Opção de design Comportamento do bloco
Proporção da imagem Controla as dimensões da publicação.
Recortar imagens Exclui o espaçamento dos contêineres das publicações e os mostra no tamanho escolhido no menu suspenso "Proporção da imagem".
Miniaturas por linha Altera o número de miniaturas em uma linha da grade.
Espaçamento Ajusta o espaçamento fora da área da publicação.
Lightbox

Abre uma publicação com o fundo preto quando o visitante clica nela.

A legenda da publicação aparece ao se passar o cursor sobre ela no lightbox. Na versão móvel, toque no círculo no canto inferior direito do lightbox para que a legenda apareça. Saiba como seu template cria os estilos dessas legendas.

Abrir os links em uma nova janela Abre o Instagram em uma nova aba quando o visitante clica na publicação. Esta opção não funciona com o lightbox ativado.
Opção de design Comportamento do bloco
Mostrar legendas

Mostra a descrição abaixo de cada publicação. Saiba como seu template cria os estilos dessas legendas.

Abrir os links em uma nova janela Abre o Instagram em uma nova aba quando o visitante clica na publicação.

Resolução de problemas

Siga os passos abaixo para solucionar problemas com o Bloco do Instagram. Atenção: damos conselhos para solução de problemas, mas todos os problemas causados por alterações nas políticas ou atualizações de produtos por parte do Instagram fogem do escopo do nossos suporte. Os problemas mais comuns são:

  • O bloco não combina com o feed do Instagram.
  • O bloco do Instagram mostra publicações duplicadas ou incorretas.
  • O bloco mostra as publicações arquivadas.
  • O bloco mostra a mensagem de erro: "Não há itens da coleção selecionada para mostrar."
  • O bloco não aparece de forma alguma.

Dica

como o bloco do Instagram se atualiza a cada 30 minutos, é possível que as novas publicações não apareçam imediatamente.

Passo 1 - verifique a conexão

A maioria dos problemas pode ser resolvida se a conexão do Instagram estiver configurada corretamente:

  1. Abra o painel "Contas vinculadas".
  2. Clique na sua conta Instagram.
  3. Marque Baixar dados.
  4. Clique em Redefinir dados.
  5. Clique em Salvar.
  6. Atualize a página da web.

Passo 2 - revincule a conta

Se ainda houver problemas, ou se aparecer a mensagem de erro "Não autorizado: exclua ou autentique novamente esta conta para uso contínuo", desvincule e revincule a sua conta Instagram:

  1. No painel Contas vinculadas, clique na sua conta Instagram.
  2. Clique em Desvincular.
  3. Clique em Confirmar.
  4. Em outra aba, saia de todas as contas do Instagram no seu aparelho.
  5. Retorne ao site Squarespace; no painel "Contas vinculadas", clique em Vincular.
  6. Escolha Instagram menu "Conta nas redes sociais" edepois faça login com seu nome de usuário e senha do Instagram.
  7. Clique em Salvar.
  8. Retorne ao bloco do Instagram. Na aba "Conta" do editor do bloco, clique no menu suspenso Conta vinculada para selecionar novamente sua conta no Instagram
  9. Clique em Salvar para salvar as alterações e continuar editando; ou clique em Sair e depois em Salvar para fechar o editor.
  10.  

Passo 3 - troque o bloco

Se o problema ainda não for resolvido, exclua o bloco e adicione outro:

  1. Abra o painel "Páginas" e clique na página com o bloco do Instagram.
  2. Passe o cursor sobre a página e clique em Editar.
  3. Passe o cursor sobre o bloco do Instagram e clique no ícone de lixeira.
  4. Clique em um ponto de inserção e escolha Instagram.
  5. Selecione sua conta Instagram e clique em Salvar.
  6. Atualize a página.

Passo 4 - desative os bloqueadores de anúncios e as extensões do browser

Os blocos do Instagram não aparecerão se o seu browser tiver bloqueador de anúncio. Recomendamos desativar todos os bloqueadores para começar. Se ainda tiver problemas, tente desativar todas as extensões do browser. Se continuar com problemas, fale conosco.

Exibir um feed de publicações usando um bloco de incorporação

Você precisa ter uma conta profissional no Instagram para usar o bloco do Instagram. Para mostrar um feed de publicações do Instagram no seu site sem conta profissional, adicione o código de incorporação do Instagram a um bloco de incorporação:

  1. Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e, em seguida, clique em Integrar. Para ajuda, consulte Adicionando conteúdo com blocos.
  2. No Instagram, encontre a publicação ou o perfil desejado e clique em ... no canto superior direito.
  3. Clique em Incorporar e depois em Copiar código de incorporação
  4. Retorne ao bloco de incorporação, clique em Trecho de código no editor do bloco (no computador) ou toque em Código (no app do Squarespace) e cole o código manualmente de incorporação no campo de texto.

Saiba mais sobre como incorporar uma coleção de publicações ao seu site na documentação do Instagram

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.