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.
Assistir a um vídeo
Adicione o Bloco do Instagram
Para adicionar um Bloco do Instagram:
- Edite uma página ou publicação, clique em um ponto de inserção e escolha Instagram no menu. Para obter ajuda, acesse Adicionar conteúdo com blocos.
- Na aba Conta do editor de blocos, clique no menu suspenso Conta conectada para selecionar uma conta do Instagram conectada anteriormente ou selecione Adicionar uma conta e siga as etapas de autorização para conectar uma nova conta.
- Defina o número de itens a serem exibidos, até 20.
- Na aba Design, escolha um design e personalize as configurações de exibição.
- Clique em Apply (Aplicar) para salvar suas alterações.
Dicas e limitações
Lembre-se:
- O Instagram não suporta a filtragem de publicações em Blocos do Instagram por um termo de pesquisa 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, defina sua conta do Instagram como pública.
- Postagens do Instagram com várias imagens ou vídeos exibem o primeiro item como uma imagem estática em Blocos do Instagram. Na guia Design do editor de blocos, marque Abrir links em nova janela para vincular os visitantes à publicação completa.
- Os Blocos do Instagram não são compatíveis com publicações IGTV.
Escolha um design
Na aba Design, escolha como as publicações aparecerão no bloco. Existem quatro modelos para escolher 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 partes da publicação anterior e da publicação seguinte em ambos os lados
- Grade - As publicações são exibidas como uma grade de imagens em miniatura
- Empilhadas - As publicações são exibidas em largura total, uma em cima da outra
Ao terminar de personalizar o design, clique em Salvar. Veja mais informações em Opções para cada design do Bloco do Instagram.
Dica: na versão móvel, algumas opções de design aparecem de forma diferente. Use a Visualização por dispositivo para ver uma prévia das configurações.
Opções de cada design no Bloco do Instagram
| Opção de design | Comportamento do bloco |
| Automatically Transition Between Slides (Fazer a Transição Automática Entre Slides) | Muda automaticamente para a publicação seguinte após um tempo determinado. Com esta opção marcada, um controle deslizante aparece para configurar o tempo de transição (entre um e dez segundos). |
| Show Next and Previous Controls (Mostrar Controles Avançar e Anterior) | Adiciona setas para navegar para as publicações seguintes e anteriores. Os controles aparecem em sobreposições à esquerda e à direita da publicação principal. |
| Automatically Crop Images (Recortar Imagens Automaticamente) | Recorta ou redimensiona as imagens para melhorar o design. |
| Show Thumbnails (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 deslizantes definem a altura da faixa de 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 marcada mostra mais opções para definir a posição das descrições e para que elas só apareçam com o cursor sobre elas. Saiba como o seu template cria os estilos dessas legendas. As descrições não serão exibidas no celular. |
| Abrir 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 |
| Automatically Transition Between Slides (Fazer a Transição Automática Entre Slides) | Muda automaticamente para a publicação seguinte após um tempo determinado. Com esta opção marcada, um controle deslizante aparece para configurar o tempo de transição (entre um e dez segundos). |
| Show Next and Previous Controls (Mostrar Controles Avançar e Anterior) | Adiciona setas para navegar para as publicações seguintes e anteriores. Os controles aparecem em sobreposições à esquerda e à direita da publicação principal. |
| Active Alignment (Alinhamento Ativo) | Enfoca o bloco em uma publicação ativa. A publicação aparece na íntegra. |
| Abrir 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 |
| Aspect Ratio (Relação de Aspecto) | Controla as dimensões da publicação. |
| Crop Images (Recortar Imagens) | Remove o espaçamento dos contêineres das publicações e os exibe no tamanho escolhido no menu suspenso Proporção da imagem. |
| Thumbnails Per Row (Miniaturas por Linha) | Altera o número de miniaturas em uma linha da grade. |
| Padding (Espaçamento) | Ajusta o espaçamento fora da embalagem 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 o seu template cria os estilos dessas legendas. |
| Abrir 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 o seu template cria os estilos dessas legendas. |
| Abrir 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 steps abaixo para solucionar problemas no Bloco do Instagram. Problemas comuns:
- 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 os Blocos do Instagram se atualizam a cada 30 minutos, é possível que as novas publicações não apareçam imediatamente.
Step 1 - verifique a conexão
A maioria dos problemas pode ser resolvida se a conexão do Instagram estiver configurada corretamente:
- No Menu Inicial, clique em Configurações e então em Contas vinculadas.
- Clique na sua conta do Instagram.
- Marque Baixar dados.
- Clique em Redefinir dados.
- Clique em Save (Salvar).
- Atualize a página da web.
Step 2 - revincule a conta
Se ainda houver problemas, ou se aparecer a mensagem de erro "Não autorizada: exclua ou autentique novamente esta conta para uso contínuo", desvincule e revincule a sua conta do Instagram:
- No painel Contas vinculadas, clique na sua conta do Instagram.
- Clique em Desvincular.
- Clique em Confirmar.
- Em outra aba, saia de todas as contas do Instagram no seu aparelho.
- Retorne ao site do Squarespace; no painel Contas conectadas , clique em Conectar .
- Escolha Instagram menu Contas Sociais e, em seguida, faça login usando seu nome de usuário e senha do Instagram.
- Clique em Save (Salvar).
- Retorne ao Bloco do Instagram. Na aba Conta do editor de blocos, clique no menu suspenso Conta conectada para selecionar novamente sua conta do Instagram
- Clique em Aplicar para salvar a alteração e, em seguida, atualize a página.
Step 3 - substitua o bloco
Se o problema ainda não for resolvido, exclua o bloco e adicione um novo:
- No Menu Inicial, clique em Páginas e depois clique na página com o Bloco do Instagram.
- Passe o mouse sobre a página e clique em Editar.
- Passe o mouse sobre o Bloco do Instagram e clique no ícone de lixeira.
- Clique em um ponto de inserção e escolha Instagram.
- Selecione sua conta do Instagram e clique em Save (Salvar).
- Atualize a página.
Passo 4 - Desativar bloqueadores de anúncios e extensões de navegador
Os Blocos do Instagram não aparecerão se o seu browser tiver bloqueador de anúncio. Recomendamos desativar todos os bloqueadores de anúncio e ver se isso funciona. Se os blocos ainda não aparecerem, tente desativar todas as extensões do browser. Se os problemas continuarem, fale conosco.