Como incorporar o Instagram Feed em qualquer website? [Todas as opções]

Os feeds das redes sociais tornaram-se um componente central de qualquer layout de website. Este é o caso, especialmente com os feeds Instagram (Instagram walls) que estendem o seu conteúdo Instagram para além da aplicação nativa Instagram.

Para além disso, esta capacidade de incorporar os feeds Instagram nas páginas do seu website resulta geralmente num impulso imediato à prova social da sua marca.

E sim, é possível fazer isto! E neste post do blogue, esboçamos todas as soluções para que possa exibir sem problemas um feed Instagram em qualquer website.

FYI: Pode inserir widget Instagram automaticamente com EmbedSocial's Plataforma UGC. Iniciar um teste gratuito e exibir agora os seus widgets de redes sociais.

Passos para incorporar o Instagram Feed com o agregador de redes sociais

Siga o guia passo-a-passo para ver como pode incorporar o seu perfil Instagram feed em qualquer website WordPress ou qualquer outra plataforma web com um agregador profissional de meios de comunicação social. Não precisa de se preocupar com a tecnologia. Toda a gente o pode fazer.

O widget de alimentação Instagram gratuito EmbedFeed funciona com qualquer construtor de websites que permita a incorporação de código JavaScript ou iframe.

Assim, se utilizar qualquer plataforma web popular, está pronto para ir. Aqui está um resumo dos passos para incorporar um feed Instagram no seu website:

1. Criar uma conta EmbedFeed
2. Escolha Instagram como fonte
3. Ligue a sua conta Facebook ou introduza manualmente a sua conta Instagram (para gerar todas as suas mensagens)
4. Escolha um layout de widget Instagram a partir da biblioteca de modelos.
5. Criar um widget e copiar o código incorporável
6. Colar o código no seu construtor web

E abaixo, tem cada um destes passos descritos com screenshots:

Passo 1: Criar uma conta EmbedFeed

Antes de começar, certifique-se de que já tem uma conta EmbedFeed gratuita.

Caso contrário, crie a sua conta gratuita e siga os passos abaixo.

Uma vez conectado, será navegado para a secção Fontes para adicionar Instagram como fonte.

Passo 1: Escolha Instagram como 'fonte'.

No ecrã principal com plataformas sociais, escolher Instagram como 'Fonte'.

Passo 3: Ligue a sua conta no Facebook ou introduza manualmente a sua conta Instagram

Neste passo, pode escolher 'Connect Facebook Account' para obter todos os seus posts Instagram no caso de ter uma conta Instagram profissional que esteja ligada à sua página do Facebook.

Caso contrário, pode introduzir manualmente o seu Instagram @username.

Nota: Se gerir vários perfis Instagram, o sistema irá exibi-los assim que ligar a sua conta no Facebook.

Passo 4: Escolha o tipo de fonte Instagram - Instagram hashtags ou Instagram account

Escolha o tipo de alimentação Instagram que gostaria de criar, a partir de hashtags Instagram ou de uma conta Instagram.

Depois disso, se escolher #Hashtags, terá de introduzir a hashtag desejada, ou se escolher @Account, terá de introduzir o nome da conta. Será redireccionado para o próximo ecrã para ter uma espreitadela dos posts que o EmbedFeed irá gerar para si.

Passo 5: Escolha a sua disposição de widget Instagram

O passo seguinte é uma biblioteca de modelos com diferentes layouts para o seu feed Instagram. Escolha uma, clicando no botão Usar modelo.

Passo 6: Copiar o código do widget Instagram

Assim que estiver nesta página, poderá ver o código exibido na secção superior direita do painel de Definições. Basta clicar em copiar o código e utilizar este código para mostrar o widget reactivo no seu website.

Nota: Também notará as instruções das plataformas CMS logo abaixo do código JavaScript. Clique nesta Ajuda para inserir o código para mais instruções e um código de atalho para o seu website WordPress. Mas antes disso, por favor instale o nosso plugin oficial WordPress, permitindo-lhe utilizar os atalhos dos widgets.

Passo 7: Colar o código fornecido no seu sítio Web

Se estiver a utilizar uma plataforma que permita a edição do código da página, pode colar o código na secção do corpo da sua estrutura HTML na posição em que deseja que o widget de alimentação Instagram apareça. Para incorporar o código no WordPress, clique no ícone 'adicionar bloco' e cole o código no bloco HTML, como se mostra abaixo:

E se utilizar outras plataformas web tais como WordPress, Squarespace, Wix, ou similares, navegue abaixo no texto para encontrar os tutoriais reais para estas plataformas.

É realmente fácil assim.

Eis como um dos nossos clientes utiliza o widget gratuito Instagram no seu website.

FYI: Pode inserir widget Instagram automaticamente com EmbedSocial's Plataforma UGC. Iniciar um teste gratuito e exibir agora os seus widgets de redes sociais.

Embutir o Instagram Feed em qualquer website de forma gratuita

Como bónus, EmbedFeed fornece um widget de alimentação Instagram gratuito que pode gerar, utilizar, e sincronizar o potencial de marketing do seu Instagram no seu website em minutos.

Funciona com qualquer construtor de websites que permita a incorporação de código JavaScript ou iframe.

Assim, se utilizar qualquer plataforma web popular, está pronto para ir.

Funciona como um encanto. Siga os passos abaixo, e pode sincronizar todo o seu feed Instagram com o seu website em segundos.

Veja aqui como incorporar um feed Instagram num website gratuitamente:

1. Crie a sua conta gratuita na plataforma EmbedFeed
2. Escolha Instagram como 'Fonte' e ligue a sua conta Instagram
3. Gerar o seu feed Instagram num widget Instagram
4. E copie/colar o código fornecido no seu website

Direito fácil?

Eis como se parece a alimentação Instagram embutida em acção:

Sinta-se à vontade para continuar a ler para mais detalhes sobre como incorporar gratuitamente o seu feed Instagram nos CMS e construtores de websites mais utilizados. Aqui estão passos rápidos e simples com explicações de capturas de ecrã abaixo.

Incorporar o Instagram Feed no WordPress

Antes de começar, note que pode utilizar a plataforma EmbedSocial com ou sem um plugin WordPress para incorporar o feed Instagram. 

Está directamente integrado com o Instagram API, pelo que não necessitará de configurar a sua identificação de utilizador ou actualizar os tokens de acesso. Apenas precisará de clicar num botão e dar a sua permissão à nossa plataforma para sincronizar as suas mensagens no seu website WordPress.  

EmbedSocial fornece duas opções: um código javascript para embutir directamente no post do WordPress e um plugin para embutir os feeds Instagram com um código de atalho. A escolha é sua sobre como pretende fazer isto. E abaixo estão as instruções para ambas as opções disponíveis sobre como começar.

Opção 1: Instagram Feed Plugin 

EmbedSocial fornece um plugin gratuito Instagram feed WordPress como parte do agregador de mídia social EmbedFeed, e funciona para qualquer tema WordPress.

Com o feed do Instagram EmbedFeed para WordPress, pode criar um feed completo de posts ou um simples feed de fotos com as suas imagens Instagram.  

Antes de começar, terá primeiro de ligar a sua conta de utilizador Instagram.

Uma vez que o faça, siga estes passos, e terá de activar o plugin Instagram no seu website WordPress.

Aqui estão os passos sobre como activar o plugin EmbedSocial e incorporar o feed Instagram no WordPress:

• Abra o seu administrador WordPress e navegue até Plugins
• Em Search, digite EmbedSocial e nos resultados da pesquisa, clique para Instalá-lo
• Uma vez instalado, na lista de Plugins, clicar em Activate. 
• Agora, abra a sua página WordPress, onde quer mostrar o feed
• Clique no botão + para adicionar um bloco e escolher um bloco HTML personalizado (ou pode usar o bloco de atalho e usar o atalho também fornecido nas opções de código no seu editor de widgets no EmbedFeed).
• Colar o código HTML fornecido
• Clique 'Guardar'/'Publicar' nessa página.

É isso mesmo. Uma vez aberto o front-end do seu site WordPress, verá os últimos posts Instagram no seu site. 

Usando EmbedFeed irá ajudá-lo a escolher os layouts, e um número de colunas, adicionar um botão de seguimento e até incluir um feed do Facebook ou feed do TikTok num widget de redes sociais.

Opção 2: Instagram Feed Javascript  

Esta opção é normalmente recomendada para embelezamentos únicos, como mostrar um widget Instagram na barra lateral do website. 

Para o fazer, terá de obter o código da sua conta EmbedSocial e colar o código na área Widgets onde tem a sua barra lateral.

Para mais detalhes, sinta-se à vontade para nos pedir ajuda ou consultar o tutorial completo do Instagram Feed WordPress.

###

Incorporar o Instagram Feed em outras plataformas CMS

Até agora, no texto, explicamos como mostrar o seu feed Instagram copiando/colando um código javascript na secção do corpo do seu sítio web.

E provavelmente perguntar-se-á como fazer isto se utilizar uma plataforma específica de comércio electrónico, um CMS (sistema de gestão de conteúdos), ou um construtor web. A plataforma EmbedFeed fornece um código de alimentação Instagram que funciona para o seu website Squarespace, website Weebly, ou loja online Shopify.

Aqui estão os respeitados tutoriais sobre como utilizar o código da plataforma EmbedFeed para feeds Instagram:

Mostrar o Instagram Feed no SquareSpace

O código fornecido pelo widget Instagram gratuito EmbedFeed também funciona com a plataforma CMS do Squarespace.

Primeiro, vá à sua conta no Squarespace, e a partir da página inicial, navegue até ao sítio web onde pretende mostrar o widget:

Agora siga os passos abaixo para aprender a colar o código incorporável do seu widget Instagram: 

Passo 1: Aponte para a secção da página onde pretende adicionar o widget e adicione um novo bloco de conteúdo clicando no botão mais 

Passo 2: Seleccione o bloco "Embedar" e clique no ícone de código "Embedar Dados".

Passo 3: Cole o código no ponto de inserção e clique em 'Set'. 

Consulte o tutorial completo do Instagram Feed para o espaço de quadrados .

Mostrar o site Instagram Feed no Shopify

Existem algumas opções sobre como incorporar o widget Instagram através do código EmbedSocial no Shopify.

O tutorial abaixo mostrar-lhe-á como inserir o código JavaScript numa página escolhida.

Inicie sessão na sua conta Shopify, vá a Loja > Opções > Páginas, e abra a página onde pretende mostrar o widget. Em seguida, siga estes passos:

Passo 1: No editor de páginas, clique no ícone de código superior direito

Passo 2: Clique no ícone HTML/código no canto superior direito do editor de texto e cole o código fornecido. 

Finalmente, clique em 'Guardar', e o feed Instagram aparecerá na página seleccionada.

 Adicionar um feed Instagram ao Shopify tutorial completo.

Incorporar o Instagram Feed em Wix

Siga os passos abaixo para inserir um feed Instagram em Wix:

Primeiro, inicie a sessão na sua conta Wix e abra o editor do seu sítio web.

Passo 1: Clique no botão superior esquerdo + para adicionar um novo bloco e, no popover, escolha o bloco iFrame

Passo 3: Quando o bloco do iframe aparecer, clique no botão superior esquerdo Editar código

Passo 4: Cole o código do widget que copiou do editor de widgets e clique em Update

Passo 5: Redimensionar o bloco do iframe para caber no widget e clicar em Publish

É isso mesmo.

Ver o tutorial completo sobre como incorporar a alimentação Instagram em Wix >

Incorporar o Instagram Feed em outras plataformas web

Aqui estão tutoriais adicionais para o ajudar a exibir as fotos Instagram noutras plataformas web:

• Incorporar o Instagram Feed no Weebly
• Incorporar o Instagram Feed na PageCloud

Outras opções para Incorporar o Instagram Feed gratuitamente

Aqui estão 2 opções grátis sobre como adicionar o seu feed Instagram no WordPress ou em qualquer outra plataforma web:

1. A opção oficial de incorporação do Instagram

Instagram oferece uma funcionalidade de incorporação fácil que lhe permite adicionar um post Instagram no WordPress.

1. Para começar, abra a sua aplicação Instagram business no browser 
2. Abra a imagem que pretende incorporar e escolha o menu de 3 pontos no canto superior direito
3. Escolher a opção 'Embedar' e copiar o código
4. Abra o seu editor WordPress e vá para a página onde deseja que esse post apareça
5. Seleccione a área do editor onde pretende adicionar o código e clique no ícone +
6. Seleccione o bloco 'Embedar' e cole o URL da imagem no campo de entrada
7. Clique em 'Update '(ou 'Preview') para ver o seu feed Instagram incorporado

Consulte o guia de incorporação oficial do Instagram na íntegra.

Embora estas sejam formas simples de incorporar a sua alimentação Instagram, elas vêm com muitas limitações:

• Só se pode anexar um posto de cada vez
• Nenhuma opção para personalizações, moderação de conteúdo Instagram, análise de desempenho, actualizações de conteúdo de alimentação Instagram ao vivo, múltiplos posts, etc.

2. Plugins de alimentação Instagram de terceiros para WordPress ou qualquer website

EmbedFeed não é a única plataforma que fornece uma versão gratuita para a incorporação de feeds Instagram.

Há muitas outras ferramentas que o podem ajudar a fazer uma tarefa semelhante.

Antes de utilizar a ferramenta final, sugerimos que se verifique o directório de plugins do WordPress ou a loja de aplicações Shopify para aplicações relevantes como o Smash Balloon que possam fornecer funcionalidades semelhantes.

Nota: O Instagram está continuamente a alterar a API, e necessitará de uma ferramenta profissional construída por programadores que tenham acesso à plataforma Instagram. Em Junho de 2020, o Instagram deixou de utilizar a antiga API ("Basic Permission") para exibir fotos de contas Instagram pessoais a widgets. Isto significa que as aplicações de terceiros que utilizam a API actual já não podem exibir fotos da sua conta se não mudarem para a nova API. Terá de converter a sua conta Instagram Personal para Instagram Business Account ou para uma Instagram Creator Account. A EmbedSocial pode fornecer isto, e já está em conformidade com as últimas alterações à API.

Saiba mais sobre as novas alterações significativas do Instagram API

Faça mais: Incorpore o seu feed Instagram num website como um Pro

Explicamos como utilizar a versão gratuita da plataforma EmbedFeed para a incorporação de feeds Instagram em qualquer website.

Se precisar de configurações profissionais e muitas outras características para personalizar ou alterar os layouts dos seus feeds, torne os seus feeds Instagram passíveis de compra com botões de 'Compra' personalizados, e muito mais, pode verificar a versão EmbedFeed PRO.

Na versão PRO, EmbedFeed fornece a opção de curar as paredes de hashtag Instagram geradas por hashtags e também tem a opção de gerar posts que são publicados por outros utilizadores e mencionar a sua conta Instagram. 

Além disso, é um agregador completo de mídia social que gera conteúdo de mídia social de todas as principais redes de mídia social, tem opções de moderação para ter controle total sobre quais posts Instagram são publicados, e dá opções para incorporar múltiplos widgets de feed Instagram em numerosos websites, 

É uma das ferramentas ou plugins Instagram mais profissionais para websites que oferecem soluções mais avançadas para exibir as suas fotos Instagram em WordPress, Wix, Squarespace, websites HTML, ou outras plataformas web.

FYI: Pode inserir widget Instagram automaticamente com EmbedSocial's Plataforma UGC. Iniciar um teste gratuito e exibir agora os seus widgets de redes sociais.

Se quiser verificar todas as suas características em acção, siga os links abaixo para as demonstrações ao vivo:

• Alimentação Instagram em Compras - Demonstração ao vivo
• Modelo de colagem - Demonstração ao vivo
• Modelo carrossel - Demonstração ao vivo
• Modelo de corrediça - Live Demo
• Modelo de parede - Demonstração ao vivo

Com estas opções exclusivas de widget Instagram, irá destacar-se da multidão!

Visite a Biblioteca de Modelos de Widgets Instagram para verificar todos os layouts possíveis e o que pode fazer mais com o EmbedFeed.

Personalize a sua alimentação Instagram

Para se manter criativo e tornar a sua alimentação Instagram verdadeiramente impressionante, navegue para as caixas Definições, Layout e Design abaixo do código, e sinta-se à vontade para brincar com as seguintes opções:

• Encomende os seus meios de comunicação e crie legendas para eles
• Personalize o tamanho das suas imagens
• Ligar imagens à Instagram
• Alterar o título do widget
• Alterar a fonte e a cor do título
• Alterar a disposição da alimentação
• Use o editor CSS para desenhar um estilo de alimentação personalizado
• Opções de personalização de widgets Instagram

Por favor note: A personalização não está disponível na versão gratuita do EmbedFeed.

Faça ainda mais: Embutir hashtag Instagram alimenta como um PRO

Como mencionado acima, utilizar a versão EmbedFeed PRO para funcionalidades mais avançadas, incluindo a utilização de outras redes sociais, a incorporação de feeds Instagram a partir de hashtags, e a moderação destes feeds Instagram,

Este agregador de meios de comunicação social permite-lhe aplicar a voz da sua marca, personalizando a sua alimentação com diferentes cores e tipos de letra, opções de layout, fundos, CTAs, auto-adicionamento de novos meios de comunicação, e muito mais.

Também pode usar a opção de moderação e escolher o conteúdo que deseja ver exposto no seu sítio web.

Isto é especialmente importante na organização de ofertas ou concursos de hashtag que expõe no seu website. Normalmente, estes posts são de numerosos utilizadores Instagram e necessitam de cura adicional antes de serem publicados no seu sítio web.

Note também que as actualizações automáticas em tempo real, análises e uma fantástica equipa de apoio ao cliente fazem parte do pacote PRO. Todos os utilizadores activos recebem actualizações constantes como funcionalidades CSS personalizadas e excelentes modelos que se adaptam a qualquer página web.

A melhor opção que oferece é a integração com todas as principais plataformas de redes sociais e a criação de feeds sociais com todo o seu conteúdo gerado pelo utilizador.

O agregador de meios de comunicação social é uma ferramenta que gera posts publicados em redes de comunicação social e ajuda a analisar, moderar, e exibir no seu sítio web.

Definição

Vantagens de adicionar o feed Instagram no seu website

Então, porque deve mostrar o feed Instagram no seu website?

Desde mostrar e manter os seus utilizadores Instagram actualizados com os seus novos produtos até à venda directa do seu inventário, Instagram e o seu conteúdo tornam-se um ponto central do sucesso do seu negócio.

A exibição de um excelente feed Instagram de todas as fotos super autênticas criadas a partir da sua conta irá aumentar o envolvimento do utilizador e o tempo no local, transformando os visitantes em seguidores.

Portanto, aqui estão alguns dos principais benefícios da incorporação de alimentos Instagram feeds:

1. Expandir a presença social
2. Forneça conteúdo em tempo real, fresco e bonito para o seu website
3. Uma forma perfeita de mostrar a prova social da qualidade do seu negócio
4. Oportunidade de armazenar e analisar conteúdo gerado pelo utilizador
5. Alargar o alcance do conteúdo das suas marcas para além da aplicação Instagram
6. Poupe tempo e recursos para produzir conteúdos para o seu website
7. Aumentar o envolvimento e a possibilidade de ganhar mais seguidores Instagram
8. Construa confiança na marca no seu website e impulsione as conversões.

Da lista acima, provavelmente o benefício mais valioso para as marcas de comércio electrónico é a capacidade de mostrar o conteúdo gerado pelo utilizador em formas de prova social. Isto significa que ter a oportunidade de auto-sincronizar conteúdos produzidos por pessoas reais sobre a sua utilização real de um determinado produto é uma prova inestimável que ajuda a criar confiança nos websites de comércio electrónico e a impulsionar as decisões de compra dos potenciais clientes.

Exemplos de Feeds Instagram no website

Quase nenhum website exibe feeds Instagram, seja criando uma galeria Instagram dos seus posts Instagram ou um widget de conteúdo gerado pelo utilizador com posts de um hashtag Instagram que exibe as fotos dos seus clientes.

Aqui está um exemplo da alimentação de Coisas Estranhas Instagram:

Ver mais exemplos de feeds Instagram para inspirar e aprender como outros incorporam as suas fotos Instagram ou criam feeds completos dos meios de comunicação social com os posts de outras pessoas que mencionam a sua marca.

Perguntas mais frequentes e principais tomadas de decisão.

Como leu, mostrámos-lhe tutoriais passo a passo sobre a utilização de ferramentas gratuitas para adicionar o seu feed Instagram no seu sítio web e sítios web construídos com outras plataformas, tais como WordPress.

Pode fazer isso manualmente ou utilizar uma versão gratuita do nosso plugin WordPress Instagram para incorporar automaticamente o conteúdo Instagram.

Como resumo, aqui estão algumas dicas importantes:

—

Bem, parabéns por aprender como estender o alcance da sua actividade Instagram para além da aplicação móvel da Instagram! A utilização de uma plataforma de conteúdo gerado pelo utilizador pode ser uma ferramenta valiosa para atrair potenciais clientes com o seu conteúdo Instagram no seu sítio web.

Esperamos que estes widgets Instagram o ajudem a oferecer uma experiência única aos visitantes do seu sítio web.

Sinta-se à vontade para nos contactar para qualquer ajuda adicional. Estamos sempre aqui para si!

Feliz incorporação!

FYI: Pode inserir widget Instagram automaticamente com EmbedSocial's Plataforma UGC. Iniciar um teste gratuito e exibir agora os seus widgets de redes sociais.

EmbedFeed integra-se actualmente com todas as principais plataformas de meios de comunicação social, e todas as integrações são através de um API oficial. Estas integrações permitem-lhe fazer mais do que apenas a opção de incorporar feeds do Facebook. Pode fazê-lo:

• Incorporar feed da lista de reprodução do YouTube
• Incorporar feed do Facebook
• Incorporar feed hashtag do Twitter
• Incorporar alimentação Instagram
• Embedar Pinterest board
• Incorporar feed de vídeo TikTok
• Incorporar o widget Instagram Reels

Para quaisquer perguntas adicionais, pode sempre contactar a nossa equipa de apoio com um clique no ícone de chat no canto inferior direito.