Como pões o feed do Instagram no teu site? A resposta certa depende do que precisas mesmo, e nem sempre é óbvia sem ver as opções lado a lado. Por isso, aqui ficam.
A forma gratuita: as ferramentas do próprio Instagram
O Instagram oferece duas formas de colocar conteúdo no teu site sem pagar a terceiros. Ambas são pontos de partida legítimos. Ambas têm limitações reais que vale a pena conhecer antes de passares uma hora a tentar fazer com que façam algo que não conseguem fazer.
Embed de uma publicação individual
Este é o oEmbed nativo do Instagram. Escolhes uma publicação específica, copias o código de embed, e colocas no teu site. O resultado é um cartão de publicação, com o estilo do Instagram, a mostrar essa foto ou vídeo em concreto.
Como obter o código de embed:
- Abre a publicação no Instagram (no browser, não na app)
- Clica nos três pontos no canto superior direito da publicação
- Clica em "Incorporar" (ou "Embed")
- Copia o código que o Instagram gera
Cola esse código no editor HTML do teu site, num bloco de "Código Personalizado", ou onde quer que a tua plataforma aceite HTML. A publicação aparece incorporada na página.
Quando funciona bem: Estás a escrever um artigo de blog e queres destacar um anúncio recente específico. Um produto novo, um evento, um momento de bastidores. Uma publicação com contexto, no fluxo do artigo. É exactamente para isso que esta ferramenta foi desenhada.
Quando não funciona: Queres uma grelha das tuas publicações recentes. Esta ferramenta incorpora uma publicação específica. Não sabe nada das outras, não actualiza quando publicas conteúdo novo, e produz um cartão, não uma galeria.
Pré-visualização do perfil
Algumas plataformas, o Squarespace em particular, oferecem um bloco nativo do Instagram que se liga à tua conta e mostra uma pequena galeria de publicações recentes. Isto está mais próximo do que a maioria das pessoas quer dizer quando fala em "feed do Instagram".
As limitações são reais: o layout é fixo, não podes alterar o número de colunas nem o tamanho da grelha, não actualiza imediatamente quando publicas conteúdo novo, e as opções de personalização são as que a plataforma decidiu oferecer. No Squarespace especificamente, na sequência das alterações à API do Instagram em Dezembro de 2024, os blocos existentes precisaram de ser reconectados manualmente ou pararam de recolher conteúdo novo.
Para muitos sites de pequenas empresas, isto ainda chega. Se o Instagram não é o teu principal canal de marketing e apenas queres o feed visível algures no site, o bloco nativo faz o trabalho.
Quando a opção nativa não chega
As ferramentas nativas têm lacunas específicas e concretas. Se estás a deparar-te com qualquer uma destas situações, não vais resolver fazendo algo de forma diferente, pois as ferramentas simplesmente não cobrem estes casos.
Só podes incorporar uma publicação por snippet. O oEmbed é uma ferramenta de publicação única. Se quiseres cinco publicações, precisarias de cinco códigos de embed separados, adicionados manualmente, actualizados manualmente sempre que o conteúdo muda.
A pré-visualização do perfil não oferece controlo de layout. Não podes definir quantas colunas aparecem, o tamanho das imagens, nem se a grelha é quadrada ou retrato. O que a plataforma te dá é o que tens.
Nenhuma das opções actualiza automaticamente uma grelha ao vivo na tua página inicial. O oEmbed mostra sempre a publicação para a qual foi criado. O bloco nativo em algumas plataformas exige reconexão manual depois de alterações à API.
Não podes mostrar as tuas publicações mais recentes como uma grelha personalizada numa secção que controlas. Esse caso de uso, uma grelha ao vivo com as tuas publicações do Instagram, incorporada numa secção da tua página inicial, actualizada automaticamente, não é coberto pelas ferramentas nativas. Isso requer um serviço que mantém a ligação à API em teu nome.
O que construí: FeedFusion
Acontece com frequência perguntarem-me se podemos mostrar o feed do Instagram no site.
Os clientes queriam consistentemente uma grelha ao vivo na página inicial, com as publicações recentes, a actualizar automaticamente quando publicavam conteúdo novo. As ferramentas nativas não conseguiam fazer isso. Queria uma ferramenta que funcionasse da mesma forma em todos os sites de clientes que faço, em vez de começar do zero a cada projecto.
Construí o FeedFusion para resolver esse problema de forma limpa.
É isto que faz: ligares a tua conta do Instagram, o FeedFusion trata da ligação à API, e o teu feed aparece no site como uma grelha. Quando publicas conteúdo novo no Instagram, o feed actualiza. Funciona em qualquer site que aceite uma tag de script, seja um site desenvolvido à medida, WordPress, Squarespace via bloco de código, Wix via incorporação HTML, Webflow ou Shopify.
O plano gratuito é para quem quer um feed ao vivo simples sem pagar: um feed, 10.000 visualizações mensais, acesso completo à API JSON caso prefiras construir o teu próprio display, e um snippet de embed padrão. Sem cartão.
Se geres vários feeds ou tens mais tráfego, o Pro é 5€/mês (48€/ano) e cobre cinco feeds e 100.000 visualizações mensais. O Agency é 15€/mês (144€/ano) para feeds ilimitados e um painel multi-cliente. É o plano que recomendo a quem está a gerir feeds em vários sites de clientes.
Se quiseres a análise técnica completa, plataforma a plataforma, com instruções de configuração para WordPress, Wix, Squarespace, Webflow e Shopify, isso está coberto em detalhe no blog do FeedFusion: como incorporar um feed do Instagram sem plugin.
Para ligar o teu feed, começa em feed-fusion.com.
Então qual opção deves usar?
Uma estrutura de decisão rápida, porque a resposta certa depende mesmo do que precisas.
Embed nativo do Instagram (gratuito, sem conta): Usa isto quando queres destacar uma publicação específica num artigo de blog ou numa secção de página. É simples, não requer configuração, e faz o que foi desenhado para fazer.
Bloco nativo da plataforma (Squarespace e outras): Usa isto quando queres uma grelha básica visível no teu site e não tens exigências quanto ao controlo do layout. Gratuito, integrado, sem serviço de terceiros. Verifica se precisa de ser reconectado depois das alterações à API do Instagram de Dezembro de 2024.
Um serviço de widget alojado: Usa isto quando queres uma grelha ao vivo das tuas publicações recentes na página inicial, com actualizações automáticas, controlo de layout, e sem manutenção manual. É para isso que o FeedFusion existe. Há outros serviços neste espaço. Não vou comparar com ferramentas que não são minhas. Se o FeedFusion não for a opção certa para a tua situação, procura à volta.
Se queres apenas uma grelha ao vivo na página inicial e não queres pensar mais nisso, o plano gratuito é o sítio mais simples para começar.
É para isso que foi construído. Faz sentido?