Como incorporar o feed do Instagram ao seu site WordPress? [Todas as opções]

Como uma das plataformas de mídia social mais populares, o Instagram é uma ótima maneira de compartilhar fotos e vídeos com amigos, familiares e seguidores. E, se você tiver um site WordPress, poderá incorporar facilmente seu feed do Instagram em seu site para que todos vejam.

Nesta postagem, descreveremos os benefícios de sincronizar o conteúdo do Instagram com o seu site WordPress, além de métodos sobre como incorporar widgets interativos do Instagram.

É o guia mais extenso principalmente porque mostraremos como usar o agregador do Instagram EmbedFeed para extrair suas próprias postagens e gerar conteúdo publicado por outras pessoas usando uma hashtag ou que mencionou seu identificador do Instagram.

(TL; DR – para começar e obter um agregador de mídia social profissional, comece com a conta de teste do EmbedFeed agora: )

Mostre o mural do Instagram em seu site, automaticamente!

Experimente o EmbedFeed e adicione conteúdo do Instagram do seu feed, menções ou hashtags em seu site, com apenas alguns cliques.

Inicie um teste gratuito de 7 dias

Todos os recursos incluídos | Suporte ao vivo disponível

E como bônus, você pode usar o EmbedFeed para incorporar o widget Instagram Reels automaticamente em seu site WordPress. `

Antes de começarmos, vamos dar uma olhada no que você pode alcançar exibindo um feed do Instagram em sua página do WordPress.

Métodos para incorporar o widget de feed do Instagram no WordPress

Existem algumas maneiras diferentes de fazer isso, dependendo do tipo de site que você possui e dos recursos que deseja usar.

1. Plugins de feed do WordPress Instagram (opção básica)
2. Código de incorporação nativo do Instagram (opção manual)
3. Um agregador do Instagram como o EmbedFeed (opção automática)

1. Use o agregador do Instagram para incorporar feeds do Instagram sem um plug-in

O EmbedFeed tem um plugin, mas em nossa experiência, a maioria dos usuários não precisa manter outro plugin apenas para colar o código da plataforma. É por isso que o feed do Instagram do EmbedFeed para WordPress foi projetado para usuários que desejam incorporar o feed do Instagram sem um plug-in.

A plataforma também pode ser usada externamente a partir do WordPress, onde os usuários podem gerar suas postagens no Instagram e criar o widget que quiserem. Este método é explicado em detalhes abaixo no post.

2. Use um plugin WordPress de feed do Instagram

Se você estiver usando o WordPress, poderá usar os plugins do Instagram WordPress para incorporar seu feed do Instagram. Uma ótima opção é o plugin WP Instagram Widget.

Este plugin permite incorporar facilmente o feed do Instagram na barra lateral do seu site ou em qualquer outra área de widget.

3. Use um código de incorporação do Instagram

Se você não quiser usar um plug-in, poderá incorporar postagens do Instagram usando um código de incorporação do aplicativo Instagram. Para fazer isso, acesse sua conta do Instagram e encontre a postagem que deseja incorporar. Em seguida, clique nos três pontos no canto superior direito da postagem e clique em “Incorporar”.

Copie o código de incorporação e cole-o no editor de HTML da sua postagem ou página do WordPress.

Nota : A limitação é que você precisará copiar todos os códigos dos posts separados e construir o feed. Não é recomendado fazer isso se você precisar incorporar mais de 5 postagens. Nesse caso, você precisa de um plugin de feed do Instagram real ou agregador do Instagram para incorporar várias postagens com um único código.

4. Use um código de acesso

Outra opção para incorporar seu feed do Instagram é usar um shortcode. Existem alguns plugins diferentes que você pode usar para gerar um shortcode para seu feed, mas gerencie e personalize o feed em uma plataforma externa.

A diferença é que o plug-in permite apenas a incorporação de um shortcode e é um plug-in simples e leve que não exige que você o mantenha regularmente. Todas as atualizações são feitas na plataforma externa, onde você cria o widget e obtém o shortcode.

Basicamente, o plugin só precisa usar um shortcode para uma maneira simples de incorporar sem a necessidade de colar um código JavaScript inteiro.

Por exemplo, o plugin EmbedSocial WordPress faz isso.

Depois de instalar e ativar o plug-in, acesse sua conta do EmbedFeed e escolha Instagram Feed para conectar-se à sua conta do Instagram. Depois de conectar sua conta, você pode definir as configurações do plug-in de acordo com suas necessidades.

Depois disso, você pode acessar qualquer postagem ou página e usar o seguinte código de acesso para incorporar seu feed do Instagram.

5. Use um URL oEmbed

O quinto e último método que abordaremos é uma URL oEmbed. Este método é um pouco mais técnico do que os outros métodos, mas ainda é muito fácil de fazer.

Um URL oEmbed é um URL que aponta para uma postagem específica do Instagram.

Você pode consultar o endpoint oEmbed do Instagram para obter uma postagem do Instagram incorporada em HTML e metadados básicos para exibir a postagem em outro site ou aplicativo. Suporta postagens de foto, vídeo, carretel e guia.

Antes de começar a usar oEmbed, seu aplicativo deve passar pela Revisão do aplicativo para o recurso oEmbed Read e fornecer um token de acesso a uma conta pessoal ou uma conta comercial do Instagram.

Aqui está um exemplo de solicitação e resposta:

Agora que você tem o URL oEmbed, pode colá-lo em qualquer postagem ou página do seu site WordPress. Quando você publica a postagem ou página, o WordPress incorporará automaticamente a postagem do Instagram em seu conteúdo.

Etapas detalhadas para incorporar o feed do Instagram no WordPress

Antes de começar, observe que você pode usar a plataforma EmbedFeed com ou sem um plugin do WordPress para incorporar o feed do Instagram gratuitamente.

Ele é integrado diretamente à API do Instagram, portanto, você não precisará configurar seu ID de usuário ou atualizar os tokens de acesso. Você só precisará clicar em um botão e dar sua permissão à nossa plataforma para sincronizar suas postagens em seu site WordPress.

O EmbedSocial oferece duas opções: um código javascript para incorporá-lo diretamente em sua postagem do WordPress e um plugin para incorporar feeds do Instagram com um shortcode. A escolha é sua sobre como você quer fazer isso. E abaixo estão as instruções para ambas as opções disponíveis sobre como começar.

Etapa 1: criar uma conta no EmbedFeed

A primeira coisa a fazer é criar uma conta EmbedFeed.

Ao fazer login, você verá uma janela pop-up com instruções.

Basta clicar em "Vamos começar", que o levará à seção Fontes para adicionar a conta do Instagram e o Instagram como fonte.

Etapa 2: conectar a conta do Instagram

Na tela Tipo de fonte , selecione Instagram e uma caixa pop-up aparecerá, solicitando que você se conecte à sua conta do Facebook que está conectada à sua conta comercial do Instagram. Se você não estiver logado, precisará inserir suas credenciais do Instagram. Depois que o sistema obtiver a conta na lista, selecione a conta da qual você deseja gerar postagens.

Observe: Na tela Tipo de fonte, você tem 3 opções:

• Conta do Instagram – quando você deseja buscar as postagens de uma conta à qual você tem acesso
• Hashtag – gere postagens de uma hashtag especificada
• Menções – gere posts que mencionem uma conta selecionada à qual você também tem acesso.

Quando você se conecta com o Facebook, o sistema pode puxar todas as contas que você possui com um identificador do Instagram. Se você tiver várias contas do Instagram que gerencia, o sistema mostrará todas as contas.

Selecione a conta do Instagram da qual você deseja extrair as postagens e clique em Avançar – conforme mostrado abaixo:

Etapa 3: escolha o layout e personalize o widget do Instagram

Em seguida, escolha o layout do widget Feed ou Slider e clique em “Criar widget”, . Você será redirecionado para a tela onde poderá visualizar o código que deve ser incorporado em seu site.

No editor de widgets no painel 'Configurações', você pode escolher o layout,

Etapa 4: modere o feed do Instagram

No editor de widgets na aba “Moderação” você pode moderar o widget, escolher quais posts serão mostrados no seu widget, fixar posts, etc.

Etapa 4: cole o código do widget do Instagram no WordPress

Para esta etapa, você pode usar 2 códigos, um código JavaScript e um Shortcode. Abaixo explicamos como fazer as duas coisas:

Opção 1: Cole o código do widget Javascript no WordPress

Para obter o código do seu widget, basta clicar em Copiar código na seção superior esquerda do painel Configurações. Este é o código JavaScript que você pode incorporar em qualquer página ou postagem do WordPress.

Em seguida, faça login na sua conta do WordPress para entrar na área de administração do WordPress e vá para Postagens ou Páginas para encontrar a página ou postagem em que deseja exibir o widget. Então siga estes passos:

1. No editor do WordPress, clique no ícone ++ e selecione o bloco HTML
2. Cole o código que você recebeu do EmbedFeed (veja o exemplo abaixo)
3. Na área superior direita da barra lateral do WordPress, clique no botão Publicar .

Observação: se você usar a versão clássica do WordPress do editor, precisará apenas alternar do editor Visual para HTML, onde poderá colar o código do widget.

Opção 2: Cole o Shortcode no bloco de Shortcode do WordPress

Como mencionamos, o EmbedFeed possui um Shortcode que pode ser usado como uma versão mais simples do código JavaScript.

Para encontrar este código, basta seguir estes passos:

• Na área de código superior esquerda, clique no link "Guia de instalação"
• No pop-up, clique em 'WordPress Shortcode'
• E apenas copie o Shortcode fornecido (como mostrado abaixo)
• Volte para o editor do WordPress, clique no ícone + escolha o bloco Shortcode
• Agora é só colar o shortcode.

Pronto, o feed aparecerá em sua postagem.

Incorporar feed de hashtag do Instagram no WordPress

Se você deseja incorporar um feed de hashtag do Instagram, pode fazê-lo usando a plataforma EmbedFeed. Este produto novamente facilita a incorporação de todos os tipos de conteúdo de mídia social em sua página do WordPress, incluindo hashtags do Instagram.

Para começar, primeiro crie uma conta de avaliação gratuita e siga estas etapas:

1. Vá para Fontes e selecione Instagram
2. Selecione a opção de hashtag do Instagram e digite a hashtag e clique em Avançar
3. Selecione o layout do widget e clique em Criar widget
4. Para incorporar o widget, basta copiar o código do canto superior direito e colá-lo no bloco HTML da página do WordPress

É isso. A plataforma puxará automaticamente todas as postagens mais recentes contendo a hashtag especificada e continuará a sincronizar novamente automaticamente.

Incorporar o widget Instagram Reels no site WordPress

Adicionar um Instagram Reel ao seu site WordPress é uma ótima maneira de interagir com seu público e mostrar a eles os vídeos mais recentes do Instagram da sua marca. Para isso, basta criar um novo widget no EmbedSocial e escolher a “conta do Instagram” que contém os Reels.

As etapas são as mesmas da criação de um widget com Hashtags. A diferença é que você precisará conectar sua conta do Instagram primeiro.

Aqui está o editor com um widget Instagram Reels:

Incorporar postagens do Instagram de várias contas do Instagram

O EmbedFeed tem a opção de obter postagens de várias contas do Instagram que você gerencia e criar um feed combinado do Instagram com todas as postagens.

Aqui estão alguns dos casos de uso em que você pode precisar criar feeds do Instagram de várias contas do Instagram:

• Se você é uma agência imobiliária, pode exibir anúncios de diferentes agentes imobiliários
• Se você é uma agência de talentos, pode mostrar a atividade do Instagram de vários talentos em sua agência
• Se você é uma concessionária de carros. você pode mostrar as postagens do Instagram de diferentes revendedores de carros

e semelhantes. Os casos de uso são infinitos e incorporar o feed do Instagram de várias contas ao WordPress é o mesmo descrito anteriormente.

Como faço para que meu feed do Instagram fique bem no meu site WordPress?

Você pode fazer algumas coisas para garantir que seu feed do Instagram fique ótimo em seu site WordPress. Primeiro, certifique-se de escolher um layout atraente para o seu feed. Você pode encontrar uma variedade de layouts nas configurações do EmbedFeed.

Segundo, use imagens de alta qualidade em suas postagens. Isso fará com que seu feed pareça mais profissional e polido.

Por fim, aproveite os filtros integrados do Instagram para aprimorar suas fotos. Você pode fazer suas fotos do Instagram se destacarem e chamarem a atenção usando apenas alguns filtros simples.

O Instagram é uma ótima maneira de compartilhar suas fotos e vídeos com o mundo. E com o plugin EmbedSocial, é fácil incorporar seu feed do Instagram em seu site WordPress. Basta seguir os passos acima, e você estará pronto e funcionando em pouco tempo!

Demonstrações de feeds, bobinas e hashtags do Instagram incorporados em sites

Aqui está uma demonstração de um widget deslizante do Instagram incorporado nesta postagem do WordPress.

Estes são apenas alguns exemplos das muitas maneiras de usar o EmbedSocial para exibir conteúdo do Instagram em seu site WordPress.

• Demonstração de um feed de atividades de perfil do Instagram
• Demonstração de um feed do Instagram com postagens de uma hashtag
• Demonstração de um feed do Instagram Reels

Para inspirar, veja mais exemplos de ótimos feeds e murais do Instagram.

Benefícios de ter um feed do Instagram em um site WordPress

Há muitas razões pelas quais você pode querer exibir seu feed do Instagram em seu site WordPress.

Talvez você queira mostrar suas impressionantes criações de bobinas ou dar aos visitantes uma amostra do que eles podem esperar encontrar em seu perfil do Instagram. Seja qual for o motivo, aqui estão alguns benefícios de ter um feed do Instagram incorporado em seu site WordPress:

1. Mantenha os visitantes engajados em seu site por mais tempo

Se você tiver um perfil ativo do Instagram com conteúdo envolvente, exibir esse conteúdo em seu site WordPress é uma ótima maneira de manter os visitantes envolvidos em seu site por mais tempo.

Eles podem explorar seu feed do Instagram sem precisar sair do seu site, o que significa que é mais provável que permaneçam e explorem ainda mais seu site.

2. Exiba seu melhor conteúdo em um só lugar

Se você tem muito conteúdo excelente no Instagram, mas não quer sobrecarregar seu site com muitas imagens ou vídeos, um feed incorporado é uma ótima maneira de exibir postagens em um pacote limpo e organizado.

Você pode usá-lo como um portfólio para mostrar seu melhor trabalho a clientes ou empregadores em potencial.

3. Aumente o tráfego do seu site

Se você deseja que as pessoas visitem seu site, você precisa dar a elas um motivo para fazê-lo. Um feed do Instagram incorporado é uma ótima maneira de despertar o interesse de alguém e levá-los a clicar no seu site.

E, uma vez que eles estão em seu site, você tem a chance de convertê-los em assinantes ou clientes.

4. Construa reconhecimento e reconhecimento da marca

Se você está tentando criar reconhecimento para sua marca ou empresa, um feed do Instagram incorporado é uma ótima maneira de fazer isso. Toda vez que alguém vê seu feed em seu site, ele será exposto à sua marca.

E, se você tiver conteúdo de alta qualidade e uma identidade visual forte, poderá criar reconhecimento para sua marca ao longo do tempo.

5. Aumente o engajamento nas mídias sociais

Toda vez que alguém vê seu feed em seu site, ele será exposto ao seu conteúdo e poderá se envolver com ele. Isso pode ajudá-lo a construir uma comunidade forte em torno de sua marca e contas de mídia social.

6. Facilite para as pessoas encontrarem suas contas de mídia social

Se você deseja que as pessoas possam encontrar suas contas de mídia social, com um feed do Instagram em seu site, elas podem clicar facilmente em suas postagens e redirecionar para a fonte original.

Dessa forma, os visitantes do seu site também terão a chance de visitar seus perfis nas redes sociais e procurar mais para descobrir sua marca.

7. Aumente seus seguidores nas mídias sociais

Ao incorporar seu feed do Instagram ao seu site, seus visitantes podem simplesmente clicar no botão Instagram em seu widget e serão redirecionados para seu perfil do Instagram.

É uma ótima maneira de aumentar seus seguidores no Instagram e alcançar os visitantes do site além do aplicativo Instagram.

8. Ganhe dinheiro com links de afiliados

Se você tiver links de afiliados em seu feed do Instagram, incorporar seu feed em seu site pode ajudá-lo a ganhar dinheiro.

Toda vez que alguém clicar em um link de afiliado, você ganhará uma comissão. Essa pode ser uma ótima maneira de ganhar dinheiro com seu site.

Perguntas frequentes sobre widgets do Instagram para WordPress

Principais conclusões

Neste artigo, explicamos em detalhes como incorporar um feed do Instagram em um site WordPress e mostrar suas últimas postagens do Instagram.

Compartilhamos alguns métodos para fazer isso: usando o plugin oficial do Instagram e o plugin EmbedSocial.

Todos os métodos funcionam bem e o ajudarão a exibir seu conteúdo do Instagram lindamente em seu site WordPress.

Se você quiser mais controle sobre seu feed e quando precisar mostrar conteúdo gerado por usuários de outros usuários do Instagram, recomendamos usar a plataforma EmbedFeed. É uma ferramenta poderosa que permite personalizar seu feed e exibir apenas o conteúdo que você deseja.

Esperamos que este artigo tenha ajudado você a aprender como incorporar um feed do Instagram em seu site WordPress. Você também pode conferir nosso artigo sobre como adicionar um feed TikTok ao seu site.

Você tem alguma dúvida sobre como incorporar um feed do Instagram em um site WordPress? Nos informe.

Mostre o mural do Instagram em seu site, automaticamente!

Experimente o EmbedFeed e adicione conteúdo do Instagram do seu feed, menções ou hashtags em seu site, com apenas alguns cliques.

Inicie um teste gratuito de 7 dias

Todos os recursos incluídos | Suporte ao vivo disponível

Usando diferentes plataformas, confira os links abaixo:

• Incorporar o feed do Instagram em um site Squarespace
• Incorporar o feed do Instagram em um site Duda