Como incorporar Instagram em postagens do WordPress


0

Você está procurando uma maneira fácil de incorporar feeds do Instagram (feed) em seu site WordPress?

Incorporar fotos, vídeos, histórias e postagens do Instagram em seu site ajuda seu conteúdo a se tornar mais animado, aumenta o envolvimento do usuário e gera confiança.

Neste artigo, mostraremos como incorporar o Instagram ao WordPress, passo a passo.

Por que você deve incorporar o Instagram no WordPress?

Mostrar conteúdo do Instagram em seu site WordPress traz muitos benefícios.

Você pode exibir resenhas e apresentações de produtos, vídeos, imagens e outros conteúdos gerados por usuários em uma postagem do Instagram como prova social para construir confiança e gerar mais vendas.

O conteúdo do Instagram também ajuda a melhorar a otimização do mecanismo de pesquisa (SEO) do seu site, tornando o conteúdo novo e atualizado.

Além disso, o Instagram feed é uma ótima maneira de aumentar o envolvimento do usuário (user engagement) e manter os visitantes para que permaneçam mais tempo em seu site.

Agora vamos ver como incorporar conteúdo do Instagram ao WordPress.

Como incorporar o Instagram feed com um plugin WordPress

A maneira mais fácil de incorporar o Instagram feed ao WordPress é por meio de um plugin.

Para este tutorial, usaremos um plugin gratuito chamado Smash Balloon Social Photo Feed. É o melhor plugin do Instagram para WordPress e permite que você exiba conteúdo do Instagram em um site WordPress de forma rápida.

Também existe uma versão paga deste plugin, chamada Smash Balloon Instagram Feed Pro. Ele oferece mais opções de personalização, como classificar feed com base em hashtags, combinando diferentes tipos de feed, mostrar legendas, curtidas e comentários e muito mais.

Primeiro, você precisa instalar e ativar o plugin Smash Balloon Social Photo Feed em seu site.

Baixe este plugin

Depois de ativar o plugin, você precisa visitar Instagram Feed> Settings (Configurações) e clicar no botão Connect an Instagram Account (Conectar uma conta do Instagrameenrenrenr8.

Conecte uma conta do Instagram

Você verá uma janela pop-up, onde pode escolher entre um perfil pessoal do Instagram (Personal) ou um perfil comercial do Instagram (Business). Para este tutorial, selecionaremos a opção Personal e clique no botão Connect (Conectar).

Por outro lado, se você tiver uma conta comercial no Instagram ou uma conta Creator Instagram (Creator), poderá selecionar a opção Business para continuar.

Selecione um perfil do Instagram

Depois disso, você terá que fazer login em sua conta do Instagram e clicar no botão Allow (Permitir) para permitir que o plugin acesse as informações de seu perfil e conteúdo de mídia (media content).

Permitir que Smash Balloon acesse a conta do Instagram

Em seguida, você será redirecionado de volta ao seu site, onde verá uma janela pop-up com o seu ID do Instagram solicitando que você se conecte à sua conta. Para continuar, clique no botão Connect This Account.

conectar esta conta

Em seguida, você deve ver sua conta do Instagram conectada ao Smash Balloon.

Conta do Instagram conectada com sucesso ao Smash Balloon

Depois disso, vá para a guia Customize (Personalizar) e mude a aparência do seu Instagram feed. Por exemplo, personalize a largura e a altura do feed e altere a cor do plano de fundo.

Personalize seu feed do Instagram

Além disso, Smash Balloon permite que você escolha o número de fotos e colunas a serem exibidas no feed. Você também pode selecionar o preenchimento ao redor das imagens, desabilitar o layout móvel, classificar suas imagens e selecionar a resolução da imagem.

Se você rolar para baixo, há mais opções de personalização. Por exemplo, edite o cabeçalho do seu Instagram feed, habilite o botão Load More (Carregar mais) e o botão Follow (Seguir), altere as configurações do GDPR e obtenha um relatório semanal sobre o problema feed.

No entanto, se você atualizar para a versão Pro, existem recursos de personalização adicionais, como selecionar um tipo de layout, habilitar legenda, curtir e comentários, filtrar postagens e muito mais.

Depois de terminar de personalizar o Instagram feed, clique no botão Save Changes (Salvar alterações).

habilitar carregar mais e seguir os botões

Agora é muito fácil incorporar postagens do Instagram em qualquer lugar do seu blog WordPress.

Para fazer isso, edite ou adicione uma nova postagem ou uma nova página. No editor do WordPress (WordPress editor), clique no sinal de mais (+) para adicionar um novo bloco e pesquise “Instagram Feed”.

Adicionando um bloco de feed do Instagram à sua página

O plugin Smash Balloon irá carregar automaticamente o Instagram feed e mostrar uma prévia no editor do WordPress. Agora você pode publicar (publish) sua postagem ou página para exibir conteúdo do Instagram.

Visualização ao vivo do feed do Instagram

Se você estiver usando o editor clássico (classic editor) do WordPress, você precisará usar o código de acesso [instagram-feed] onde você deseja exibir o Instagram feed.

Com este plugin, você também pode adicionar o Instagram feed à barra lateral (sidebar) do seu site com muita facilidade. Para fazer isso, vá para Appearance »Widgets, arraste o widget Instagram Feed para sua barra lateral e clique no botão Save.

Adicionando o widget Instagram Feed à sua barra lateral

Como adicionar Instagram feed com bloco incorporado padrão (default embed block)

Se você quiser incorporar uma postagem do Instagram feed no WordPress com o recurso de incorporação padrão (default embed feature), será necessário habilitar os oEmbeds no Instagram no plug-in Smash Balloon Social Photo.

A razão é que você não pode mais incorporar conteúdo diretamente do Instagram ou do Facebook ao seu site WordPress.

Este recurso oEmbed foi preterido em outubro de 2020 pelo WordPress, quando o Facebook exigiu que os desenvolvedores registrassem um aplicativo e usassem tokens de acesso (Access tokens) para obter os dados de sua API para conteúdo oEmbed.

Uma solução simples para corrigir esse problema de oEmbed é usar o plug-in Smash Balloon Social Photo Feed. Você só precisa ir para Instagram Feed »oEmbeds de sua área de administração do WordPress (admin).

Em seguida, clique no botão Enable Instagram oEmbeds (Ativar oEmbeds do Instagram).

Ativar botão oEmbeds do Instagram

Você verá uma janela pop-up que solicitará que você se conecte ao Facebook.

Conecte ao Facebook

Em seguida, faça login em sua conta do Facebook e conecte-o com Smash Balloon.

Faça a ligação do perfil do Facebook a Smash Balloon

Depois disso, você pode selecionar as páginas do Facebook que deseja usar com Smash Balloon e clicar no botão Next (Avançar).

Uma vantagem de permitir que Smash Balloon use suas páginas é que seu token de acesso (access token) não expira. Você pode pular esta parte, mas seu token de acesso será válido por apenas 60 dias.

Selecione as páginas para usar com o Smash Balloon

Em seguida, você precisa selecionar o que Smash Balloon pode fazer com sua página do Facebook e clicar no botão Done. Por exemplo, você pode permitir que o plug-in mostre uma lista de páginas que você gerencia.

Permitir que o Smash Balloon use a página

Depois disso, você verá uma mensagem dizendo que vinculou Smash Balloon ao Facebook. Agora clique no botão OK para retornar à sua área de administração do WordPress (admin).

Você vinculou o Smash Balloon ao Facebook

Você verá uma mensagem dizendo que Instagram Feed substituirá seus oEmbeds antigos automaticamente e gerará todo o novo conteúdo para todos os novos links.

O feed do Instagram substituirá o oEmbeds

Agora, você pode incorporar facilmente qualquer conteúdo do Instagram em sua postagem ou página de blog.

Basta acessar sua conta do Instagram e clicar nos três pontos (…) no canto superior direito de qualquer foto ou vídeo do Instagram para abrir mais opções.

Clique nos três pontos na postagem do Instagram

Em seguida, clique no botão Copy Link quando mais opções aparecerem na janela pop-up.

Copiar link para postagem do Instagram

Depois disso, edite qualquer postagem ou página e clique no sinal de mais (+) no canto superior esquerdo para adicionar um bloco Embed (Embed).

Adicionar um bloco de incorporação

Em seguida, insira a URL do seu conteúdo do Instagram e clique no botão Embed.

Digite o URL da postagem no Instagram

Depois disso, você pode publicar seu post ou página para ver o Instagram feed em seu site.

Visualização do Instagram oEmbed

Esperamos que este artigo tenha ajudado você a saber como incorporar o Instagram ao seu site WordPress. Se você tiver alguma dúvida, por favor, deixe-nos saber na caixa de comentários abaixo.

.


Like it? Share with your friends!

0

What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Carlos Abril

0 Comments

Your email address will not be published. Required fields are marked *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format