Como adicionar um widget do Instagram no WordPress (Guia Passo-a-Passo)

Instagram WordPress widget

Want para aprender a adicionar um widget Instagram para o seu blog WordPress?Exibir seu feed do Instagram em seu blog é uma ótima maneira de aumentar o envolvimento com seus leitores, fornecer-lhes 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 do WordPress para feeds do Instagram.Também veremos todas as maneiras pelas quais a adição de um widget do Instagram ajudará você a expandir seu blog.

Olá?

Vamos mergulhar!

 

O que é um widget 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 à sua 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 ao rodapé de seu site, juntamente com ícones de mídia social, um formulário de inscrição em boletim informativo e muito mais.

instagram-feed-studio-mommy

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

Continue lendo para descobrir o porquê. 

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

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

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

Forneça aos visitantes mais conteúdo

Quando você adiciona um feed do Instagram ao seu blog, você está fornecendo aos visitantes do seu site conteúdo mais interessante para conferir.Em vez de deixar seu blog depois de ler seu último post, eles podem percorrer seu feed do Instagram, sem ter que sair do seu 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 é o seu blog, o que pode ajudá-lo a melhorar seu SEO (otimização de mecanismos de pesquisa) e direcionar mais tráfego para o seu site. 

Aumente o engajamento e os seguidores

Os leitores do seu blog podem não saber que você está no Instagram.Então, adicionando um widget do Instagram ao seu blog, você informará que você 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 em 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 no seu site.Isso economiza tempo e mostra que seu blog está ao vivo. 

Construa 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á você a criar prova social e confiança com os visitantes do site.

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

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

Como adicionar um widget do Instagram no WordPress (manualmente)

Se você quiser adicionar um widget do Instagram no WordPress sem plugins, você pode fazê-lo manualmente.

Recomendamos o uso de um plugin porque é mais simples e lhe dará muitas outras opções de exibição e personalização, falaremos sobre elas na próxima seção.

Além disso, há muito espaço para erros com o método manual, o 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 publicação do Instagram.Em seguida, clique em Incorporar.

Incorporando o Instagram

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

copiar 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ê quiser 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.

widget-aparência-painel

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

Uma caixa de texto será aberta 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-incorporar-código

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

É só isso.

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

Instagram-sidebar-widget

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 Instagram Feed Pro do Smash Balloon.

instagram feed pro balão smash

Instagram Feed Pro é o plugin Instagram mais bem avaliado para WordPress número 1.

Usando este Smash Balloon plguin, em apenas alguns cliques você pode facilmente adicionar seu feed do Instagram como um widget de 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 poderoso e personalizado do Instagram, incluindo:

  • Várias opções de layout: escolha entre opções de layout internas, como carrossel, grade, alvenaria e realce. 
  • Sistema de moderação visual: decida quais postagens mostrar e quais ocultar. 
  • Engajamento social: mostre histórias, comentários, curtidas e um botão Seguir do Instagram no seu feed. 
  • Design responsivo: Adapta-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 que você deseja. 

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 ver como usar o Smash Balloon para adicionar um widget do Instagram no WordPress, passo a passo. 

Etapa 1: Instale o plug-in do 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 WordPress para obter instruções detalhadas.

 

Passo 2: Conecte sua conta do Instagram ao plugin

Em seguida, você tem que vincular sua conta do Instagram com o plugin Smash Balloon.Para fazer isso, clique no botão Instagram Feed no painel do WordPress que aparece após o download e ativação do plugin. Isso o levará à página Configurações do plug-in do Instagram Feed.

Clique no botão azul Vincular uma conta do Instagram .

link-instagram-conta

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 notar que alguns recursos do feed do Instagram do Smash Balloon, como o feed de hashtag ou postagens compráveis, exigem uma conta comercial do 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 plug-in do 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 no 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 fotos nas quais você foi marcado
  • Um feed misto com vários tipos de feed
tipo feed do instagram

Para ver um feed simples de suas postagens mais recentes do Instagram, escolha a opção Contas de usuário e clique em Salvar alterações

Passo 4: Escolha o layout para o seu widget do Instagram

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

Cartão de personalização Smash Ball

Nesta página, você pode decidir como o widget do Instagram ficará em 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 que tipo de layout deseja que seu widget do Instagram tenha.O Instagram Feed do Smash Balloon oferece 4 opções de layout diferentes para escolher:

  • Grade: uma grade padrão com imagens quadradas estáticas
  • Carrossel: Um carrossel horizontal pelo qual os usuários podem rolar
  • Maçonaria – Uma galeria que mostra fotos do Instagram em seu formato original de paisagem ou retrato
  • Destaque: uma galeria onde fotos específicas aparecem maiores na grade para realçá-las

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

smash-balloon-instagram-grid-layout

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

Passo 5: Adicione seu widget do Instagram no WordPress

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

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

Vamos examinar cada um deles. 

1. Instagram feed WordPress bloco

Para adicionar um widget do Instagram a uma nova página em 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-bloco-widget

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

Em seguida, você terá uma prévia de como seu feed do Instagram ficará em seu site e poderá ajustar 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 acabado 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. Códigos de acesso de feed do Instagram

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

Acesse a página Configurações do feed do Instagram.Na guia Exibir seu feed , copie o shortcode fornecido.

feed-shortcode

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

colar-shortcode

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

3. Widget WordPress para feeds do 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 do seu painel do WordPress. 

Encontre o widget 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 Smash-Balloon

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

Agora, quando você visualiza seu site, 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.

Quer ver um feed do Facebook em 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 se inscrever no nosso boletim informativo por e-mail para mais dicas úteis de blogs!

Open

info.ibdi.it@gmail.com

Close