Use o Instagram para capturar, personalizar e compartilhar fotos e vídeos curtos usando seu smartphone. Esta guia mostra como incorporar posts do Instagram em seu site.
Neste guia
Transcrição do vídeo
Olá, este vídeo mostrará como incorporar posts do Instagram usando o editor do WordPress.
Para começar, podemos adicionar nosso bloco do Instagram.
Depois, copiamos o link de um post existente. Tenho um bem aqui.
Posso colar diretamente no botão. Ao clicar em Incorporar, posso ver o post na página ou o post que adicionei.
Esse processo também funciona com vídeos.
Ao incorporar um post do Instagram, os visitantes do seu site podem ver a foto ou o vídeo diretamente na sua página sem a necessidade de acessar o site do Instagram. Você pode incorporar fotos, vídeos e reels. Para incorporar um post do Instagram, siga estas etapas:
- Copie a URL do post do Instagram na barra de endereço do seu navegador ou no app do Instagram. Ela terá essa aparência:
https://www.instagram.com/p/CuzSGmjO5MP
- No editor do WordPress, cole a URL em uma nova linha, sem adicionar nenhum texto ou espaço. Isso vai incorporar automaticamente o post em um bloco de mídia incorporada. Por padrão, as URLs incorporam o maior tamanho disponível da imagem, que é 612 px.
- Opcional: na barra de ferramentas que aparece acima ou abaixo da mídia incorporada, você pode alinhar a mídia incorporada à direita, à esquerda ou ao centro.
- Opcional: nas configurações de bloco, alterne a opção Redimensionar para dispositivos menores para preservar a taxa de proporção em tamanhos de navegador diferentes.
Os vídeos incorporados são muito semelhantes, mas eles apresentam o símbolo triangular de reprodução:
Se sua mídia incorporada não estiver funcionando, acesse o guia Como solucionar problemas de links de mídia incorporada para descobrir o motivo.
Use o bloco Posts mais recentes do Instagram para exibir uma grade que atualiza automaticamente com os posts mais recentes do seu perfil do Instagram.
Para adicionar o bloco Posts mais recentes do Instagram, clique no ícone + de inserção de bloco e pesquise por “Instagram”. Clique em Posts mais recentes do Instagram para adicionar o bloco ao post ou à página.
Você encontra instruções detalhadas sobre como adicionar blocos neste link.
Depois de adicionar o bloco Posts mais recentes do Instagram, será exibida uma solicitação para você se conectar à sua conta do Instagram. Se você tem um site com plugin ativado, as configurações de privacidade do site devem estar definidas para o modo Público ou Em breve, e não Privado.
Siga estas etapas para conectar seu site ao Instagram:
- Clique em Conectar-se ao Instagram.
- Na janela pop-up exibida, aprove a conexão clicando em Permitir.
- Selecione a conta que você quer conectar, como mostrado na imagem abaixo.
- Clique em Conectar-se ao Instagram novamente.
Você verá uma grade com seus nove posts mais recentes do Instagram incorporados na página. Coleções colaborativas (posts compartilhados em uma conversa) não são incluídos. Avance para a próxima etapa para saber como personalizar a grade.
Você pode conectar e desconectar seu site do Instagram pelo seu painel. Para isso, acesse Ferramentas → Marketing → Conexões (ou Hospedagem → Conexões se estiver usando o WP-Admin). Ao desconectar o Instagram nessa página, a conexão será removida de todos os sites da sua conta do WordPress.com.
Ao selecionar um bloco, serão exibidas configurações adicionais na barra lateral direita. Se você não estiver vendo a barra lateral, clique no ícone Configurações, no canto superior direito, para exibi-las. Esse ícone se parece com um quadrado com duas colunas irregulares:
As opções são:
Configurações de conta: exibe a conta do Instagram conectada. Desconecte esse conta se precisar removê-la ou conectar uma conta diferente.
Configurações de exibição: ajusta o número de posts do Instagram exibidos, o número de colunas usadas e a quantidade de espaço (calculada em pixels) que separa cada post na grade do Instagram.
Mostrar em pilha para celular: ao ativar essa opção, o conteúdo à esquerda é exibido sobre o conteúdo à direita (em vez de lado a lado, como nas telas de computadores). Isso proporciona uma experiência melhor para quem acessa a página pelo celular.
Avançado: Na guia Avançado, você adiciona uma classe CSS ao seu bloco, permitindo a gravação de CSS personalizado e a estilização do bloco. Saiba mais sobre como adicionar classes de CSS a blocos.
Alinhamento e largura: a barra de ferramentas do bloco Posts mais recentes do Instagram inclui opções para alinhar o bloco à esquerda, ao centro ou à direita, além da opção de usar exibições amplas ou de largura total, se o seu tema for compatível.
Você pode conectar até duas contas do Instagram para usar dois blocos Posts mais recentes do Instagram (por exemplo, uma conta para cada bloco). Esse processo não requer dois logins separados do Instagram: ele funcionará se você gerenciar várias contas do Instagram no mesmo login.
Depois de conectar sua primeira conta do Instagram ao seu site, siga estas etapas para se conectar à segunda conta:
- em uma nova guia do navegador, acesse Instagram.com e faça logout da primeira conta do Instagram.
- Conecte-se à segunda conta.
- Acesse o painel do seu site.
- Vá para Ferramentas → Marketing → Conexões (ou Hospedagem → Conexões, se estiver usando o WP-Admin).
- No Instagram, clique na seta do menu suspenso e selecione Conectar a uma conta diferente.
- Depois de se conectar, você poderá usar dois blocos Posts mais recentes do Instagram.
Existem outras opções para integrar seu site ao Instagram, incluindo:
- Usar o bloco Ícones de redes sociais para exibir um logotipo do Instagram vinculado ao seu perfil.
- Compartilhar posts automaticamente em uma conta do Instagram para Empresas.