Como adicionar um widget do Instagram no WordPress (guia passo a passo)

 

Quer aprender como adicionar um widget do Instagram ao seu blog WordPress? Visualizar seu feed do Instagram em seu blog é uma ótima maneira de aumentar o envolvimento com seus leitores, fornecer conteúdo extra e muito mais.

Conectar sua conta do Instagram ao seu  blog WordPress  pode parecer difícil, mas não é!

Neste artigo, mostraremos como adicionar facilmente um widget do Instagram ao seu blog de 2 maneiras diferentes: manualmente e usando um plugin WordPress de feed do Instagram. Também veremos todas as maneiras pelas quais adicionar um widget do Instagram ajudará você a expandir seu blog.

Preparar?

Vamos mergulhar!

 

O que é um widget do WordPress?

Primeiro, se você é novo no WordPress, pode estar se perguntando o que é um widget do WordPress.

Widgets são basicamente pequenos blocos de conteúdo que você pode  adicionar à barra lateral  , rodapé e outras áreas do seu site WordPress.

Os widgets do WordPress estão disponíveis para muitas funções diferentes, como visualizar postagens de blog populares, adicionar formulários, visualizar feeds de mídia social e muito mais.

No exemplo abaixo, o Studio Mommy adicionou um widget do Instagram no rodapé de seu site junto com ícones de mídia social, um  formulário de inscrição em boletim informativo  e muito mais.

instagram-feed-studio-mamãe

Adicionar um widget do Instagram ao WordPress pode ser especialmente benéfico para o seu blog.

Leia para descobrir o porquê. 

Benefícios de adicionar um widget do Instagram ao seu blog WordPress

Há muitas maneiras de adicionar um widget do Instagram ao WordPress pode ajudá-lo a melhorar seu site e expandir seu blog.

Então, vamos dar uma olhada em por que você deve adicionar um feed do Instagram ao seu blog. 

Forneça mais conteúdo aos visitantes

Quando você adiciona um feed do Instagram ao seu blog, você está fornecendo aos visitantes do seu site um conteúdo mais interessante para conferir. Em vez de sair do seu blog depois de ler sua última postagem, eles podem rolar pelo feed do Instagram, sem precisar sair do site.

Esse conteúdo extra incentiva os visitantes a permanecerem em seu site por mais tempo.

Melhore o SEO

Quando você adiciona um widget do Instagram ao WordPress, as legendas do Instagram são incorporadas ao seu site.

Isso ajuda os mecanismos de pesquisa a entender melhor sobre o que é seu blog, o que pode ajudá-lo  a melhorar seu SEO  (otimização de mecanismos de pesquisa) e direcionar mais tráfego para seu site. 

Aumente o engajamento e os seguidores

Os leitores do seu blog podem não saber que você está no  Instagram  . Em seguida, ao adicionar um widget do Instagram ao seu blog, você os informará que está ativo na plataforma.

Isso pode ajudá-lo a obter mais seguidores no Instagram e aumentar sua presença nas mídias sociais.

Além disso, quando os leitores puderem ver suas últimas postagens do Instagram em seu blog, isso os incentivará a se envolver mais com suas postagens curtindo ou comentando. 

Atualize facilmente seu blog

Com um feed do Instagram incorporado ao seu blog, é fácil manter seu site atualizado com novos conteúdos. Sempre que você publica um novo conteúdo no Instagram, ele aparece automaticamente em seu site. Isso economiza seu tempo e mostra que seu blog está ativo. 

Construir prova social e confiança

Se você compartilhar conteúdo gerado pelo usuário como  depoimentos de seus leitores  no Instagram, adicionar um widget do Instagram ao seu site ajudará a criar provas sociais e confiança com os visitantes do site.

Os usuários do seu site verão que outras pessoas confiam no seu blog, o que os incentivará a se tornarem fãs leais também.

Agora que você conhece todos os benefícios de vincular sua conta do Instagram ao WordPress, vamos direto ao tutorial. 

Como adicionar um widget do Instagram no WordPress (manualmente)

Se você deseja adicionar um widget do Instagram no WordPress sem um plug-in, pode fazê-lo manualmente.

Recomendamos o uso de um plug-in porque é mais simples e oferece várias outras opções de visualização e personalização, abordaremos isso na próxima seção.

Além disso, há muito espaço para erros com o método manual, que pode ser difícil de corrigir se você não estiver familiarizado com o código.

Mas, para adicionar manualmente um widget do Instagram, comece acessando sua conta do Instagram e selecionando a foto que deseja exibir em seu blog.

Clique nos 3 pequenos pontos no canto superior direito da postagem do Instagram. Em seguida, clique em  Incorporar  .

Incorporação do Instagram

Na próxima etapa, clique no botão azul  Copiar código de incorporação  . Aqui, você também tem a opção de remover a legenda da incorporação, se desejar, desmarcando a  caixa Incluir legenda  .

copie o código incluído

Depois de copiar o código de incorporação, você pode simplesmente colá-lo em qualquer postagem ou página usando o editor do WordPress.

Se você deseja adicionar um widget do Instagram à sua barra lateral no WordPress, com o código de incorporação copiado, acesse o painel do WordPress. Em seguida, vá para  Aparência »Widgets.

painel de aparência do widget

No lado esquerdo da página Widgets, você verá uma lista de widgets disponíveis. Encontre o widget  Texto  e arraste-o para o lado direito da página onde você deseja que ele apareça em seu site. Para este tutorial, vamos adicioná-lo à barra lateral.

arraste o widget de texto para a barra lateral

Depois de colocar o widget no local desejado em seu site, clique na seta suspensa no widget.

menu suspenso

Isso abrirá uma caixa de texto onde você pode colar o código de incorporação do Instagram que você copiou anteriormente. Certifique-se de colar o código de incorporação no  editor de texto  em vez do editor visual.

colar-embed-code

Você também pode adicionar um título ao seu feed do Instagram. Clique  em Salvar  quando  terminar  .

Isso é tudo.

Agora você pode ver seu widget do Instagram ao vivo em seu blog.

Widget da barra lateral do Instagram

Como você pode ver no exemplo acima, você não tem muitas opções de personalização ao adicionar manualmente um widget do Instagram no WordPress.

Então, vamos dar uma olhada em uma maneira melhor de adicionar um widget do Instagram ao WordPress.

Como adicionar um widget do Instagram no WordPress (usando um plugin)

A maneira mais fácil e melhor de adicionar um widget do Instagram ao WordPress é com um plugin. Recomendamos o  plugin Smash Balloon Instagram Feed Pro  .

instagram feed pro smash balão

O Instagram Feed Pro é o  plugin do Instagram  mais bem avaliado  para WordPress  .

Usando este plguin do Smash Balloon, em apenas alguns cliques você pode facilmente adicionar seu feed do Instagram como um widget na barra lateral, a qualquer postagem ou página do seu blog usando o editor de blocos do WordPress ou colando um shortcode em qualquer lugar do seu site.

Além disso, o Instagram Feed Pro vem com ótimos recursos para ajudá-lo a criar um widget do Instagram poderoso e personalizado, incluindo:

  • Várias opções de layout  – Escolha entre as opções de layout integradas, como carrossel, grade, alvenaria e destaque. 
  • Sistema de moderação visual  : decida quais postagens mostrar e quais ocultar. 
  • Engajamento social  : mostre histórias do Instagram, comentários, curtidas e um botão Seguir em seu feed. 
  • Design responsivo  : ajusta-se automaticamente a diferentes tamanhos de tela para tornar seu feed compatível com dispositivos móveis.
  • Vários feeds do Instagram  : visualize todos os tipos de feeds diferentes em seu site como desejar. 

O Smash Balloon também oferece uma  versão gratuita do plugin  , para que você possa experimentá-lo.

Mas para acessar recursos como vários layouts, comentários e curtidas e feeds de hashtag, você precisa atualizar para  a versão pro  .

Agora, vamos examinar como usar o Smash Balloon para adicionar um widget do Instagram no WordPress, passo a passo. 

Etapa 1: instale o plug-in de feed do Instagram

Primeiro, você precisa baixar o  Instagram Feed Pro do Smash Balloon  e instalar e ativar o plugin.

Para começar, confira este post sobre  como instalar um plugin do WordPress  para   obter instruções detalhadas. 

Passo 2: Conecte sua conta do Instagram ao plugin

Em seguida, você precisa vincular sua conta do Instagram ao plug-in Smash Balloon. Para fazer isso, clique no botão  Instagram Feed  no painel do WordPress que aparece após baixar e ativar o plugin.

Isso o levará à página Configurações do plug-in do feed do Instagram. Clique no botão azul  Conectar uma conta do Instagram  .

conectar-conta-instagram

Siga as instruções na tela para conectar sua conta do Instagram.

O primeiro prompt perguntará se você deseja conectar uma  conta pessoal  ou  comercial do Instagram  .

conta comercial pessoal

É importante observar que, para alguns recursos do feed do Instagram do Smash Balloon, como o feed de hashtag ou postagens compráveis, você precisa ter uma conta comercial no Instagram.

Não se preocupe com o tipo de conta do Instagram que você precisa agora, porque você sempre pode alterá-la mais tarde.

Selecione o tipo de conta do Instagram e clique em  Conectar  para continuar.

Isso é tudo! Sua conta do Instagram agora está conectada ao plugin Instagram Feed. 

Etapa 3: escolha o conteúdo do Instagram para visualizar

Na mesma página, você também pode escolher que tipo de conteúdo do Instagram deseja exibir em seu widget do Instagram.

Você pode optar por visualizar:

  • Seu feed padrão do Instagram
  • Um feed com fotos de uma hashtag pública específica
  • Um feed com as fotos em que você foi marcado
  • Um feed misto com vários tipos de feed
tipo de feed do instagram

Para visualizar um feed simples de suas últimas postagens do Instagram, escolha a opção Contas de usuário e  clique em  Salvar  alterações  . 

Etapa 4: escolha o layout do seu widget do Instagram

Vá para a  página Configurações  do plugin Instagram Feed e clique na  guia Personalizar  .

cartão de personalização de balão smash

Nesta página você pode decidir como o widget do Instagram ficará no seu blog com opções de personalização como:

  • Largura e altura 
  • Cor de fundo
  • Número de fotos a serem exibidas
  • Mostrar / ocultar sua biografia do Instagram
  • Adicionar um botão Seguir

Você também pode escolher o tipo de layout que deseja que seu widget do Instagram tenha. O feed do Instagram do Smash Balloon oferece 4 opções de layout diferentes para escolher:

  • Grade  : Uma grade padrão com imagens quadradas
  • Carrossel  : Um carrossel horizontal que os usuários podem percorrer
  • Maçonaria  – Uma galeria mostrando fotos do Instagram em seu formato original horizontal ou vertical
  • Destaque  : Uma galeria onde fotos específicas aparecem maiores na grade para destacá-las

Para este tutorial, escolheremos o layout Grid, que se parece com isso:

smash-balloon-instagram-grid-layout

Escolha o tipo de layout desejado e  clique em  Salvar  alterações  .

Etapa 5: adicione seu widget do Instagram no WordPress

Agora é a hora de adicionar seu widget do Instagram ao seu blog!

Com o plugin de feed do Instagram do Smash Balloon, você tem 3 maneiras diferentes de incorporar seu feed.

Vejamos cada um deles. 

1. Bloco de feed do WordPress Instagram

Para adicionar um widget do Instagram a uma nova página do seu site usando o editor de blocos do WordPress, primeiro vá para  Páginas »Adicionar novo  .

No editor de blocos do WordPress, clique no  ícone de adição (+)  para procurar um bloco do WordPress. Na barra de pesquisa, digite “Instagram” para encontrar o  bloco WordPress Feed Instagram  .

wordpress-block-widget

Clique no bloco para adicioná-lo à sua página.

Você terá uma prévia de como será o seu feed do Instagram em seu site e poderá alterar as configurações, se necessário.

Publique  a página para tornar seu widget de feed do Instagram ao vivo em seu blog!

Aqui está um exemplo de como o produto final se parece:

instagram-feed-smash-balão

Você pode usar o mesmo método para adicionar um feed do Instagram a qualquer página ou postagem existente em seu site. 

2. Feed de código de acesso Instagram

Se você estiver usando o editor clássico do WordPress, poderá usar o shortcode do feed do Instagram para exibir seu feed em uma postagem ou página em seu site.

Vá para a  página de configurações do  feed do Instagram . Na guia  Visualizar seu feed  , copie o código de acesso fornecido.

feed-shortcode

Em seguida, basta colar o shortcode diretamente em seu editor de postagem ou página.

colar-shortcode

Clique  em Publicar  para salvar suas alterações e tornar seu feed do Instagram ativo em seu site. 

3. Widget WordPress por feed Instagram

Se você quiser que seu widget do Instagram apareça na barra lateral, como o rodapé ou a barra lateral principal, você pode usar o widget de feed do Instagram integrado do Smash Balloon. 

Vá para  Aparência »Widgets  no painel do WordPress. 

Encontre o widget do Feed do Instagram no lado esquerdo e arraste-o para a barra lateral escolhida. Para este tutorial, vamos adicionar um widget do Instagram à barra lateral principal. 

widget de balão

Nas configurações, você pode adicionar um título. Quando terminar  clique em  Salvar   . 

Agora, ao visualizar seu site, você pode ver seu feed do Instagram na barra lateral. 

barra lateral-instagram-feed

É uma conclusão!

Agora você aprendeu como adicionar facilmente um widget do Instagram no WordPress. Com seu feed do Instagram exibido lindamente em seu blog, você pode fornecer conteúdo mais interessante para seus leitores, aumentar o engajamento e aumentar sua presença nas mídias sociais.

Você quer ver um feed do Facebook no seu blog também? Confira nossa lista dos  melhores plugins do Facebook para WordPress  . Você também pode ler nosso tutorial sobre  como incorporar um grupo do Facebook no WordPress  .

E não se esqueça de  assinar nossa newsletter por e-mail  para mais dicas úteis de blog!