Como adicionar um widget do Instagram ao seu site [Guia fácil]
Início Blogue Como adicionar um widget do Instagram ao seu site [Guia fácil]

Como adicionar um widget do Instagram ao seu site [Guia fácil]

Como adicionar um widget do Instagram ao seu site

Está à procura de uma forma fácil de exibir widgets do Instagram no seu site?

Com os widgets do Instagram, pode facilmente transformar os visitantes do seu site em novos seguidores, «gostos» e comentários. Ao mesmo tempo, pode apresentar conteúdos envolventes e manter o interesse das pessoas.

Mas adicionar manualmente widgets do Instagram a sites pode ser complicado se estiveres a dar os primeiros passos.

A boa notícia? Vamos mostrar-lhe a forma mais simples de ligar o Instagram a um widget do WordPress e apresentar fotos e vídeos cativantes.

Para começar, vamos ver as vantagens de adicionar widgets do Instagram ao seu site.

Ou pode clicar aqui para avançar diretamente para o tutorial.

Por que adicionar widgets do Instagram ao seu site?

O Instagram é uma das maiores redes sociais que existem e uma plataforma fantástica para partilhar fotos e vídeos.

Com mais de 1,44 mil milhões de utilizadores ativos, é possível encontrar imensos clientes potenciais nesta plataforma.

Se quiser aumentar o número de seguidores no Instagram e chegar a mais pessoas, uma solução simples é exibir widgets do Instagram no seu site.

exemplo de widget do instagram

Dessa forma, qualquer pessoa que visite o seu site poderá ver facilmente o seu conteúdo do Instagram. Assim, poderá obter imensas curtidas, comentários e seguidores com facilidade.

Além disso, também pode adicionar widgets do Instagram ao seu site para:

  • Mostre aos visitantes que está ativo no Instagram; assim, será mais provável que lhe enviem uma mensagem caso queiram entrar em contacto consigo.
  • Incorpore avaliações e testemunhos nas páginas dos seus produtos para converter visitantes em clientes.
  • Publique fotos e vídeos cativantes para manter as pessoas no seu site por muito mais tempo.
  • Adicione um feed do Instagram com funcionalidade de compra para proporcionar aos visitantes uma melhor experiência de compra de produtos no seu site.
  • Adicione conteúdo rico em palavras-chave do Instagram para melhorar o seu SEO e obter uma melhor classificação nos resultados dos motores de busca.

E isso é só o começo. Os widgets do Instagram podem ajudá-lo a aumentar o número de seguidores nas redes sociais, a conseguir mais vendas e a expandir o seu negócio com facilidade.

Dito isto, vamos ver a forma mais simples de incorporar um widget do Instagram.

A forma mais fácil de adicionar um widget do Instagram ao seu site

Se quiser integrar o Instagram com o WordPress, existem duas formas de o fazer:

  • Método manual: Obtenha o código HTML de incorporação de cada publicação do Instagram e, em seguida, insira manualmente esse código no seu site
  • Método fácil: utilize um plugin do WordPress para incorporar automaticamente um feed do Instagram no seu site — sem necessidade de programação.

Com o primeiro método, terá de lidar com muito código, e pode demorar bastante tempo se quiser mostrar muitas publicações do Instagram.

código de incorporação para instagram

Se adicionar o Instagram ao WordPress sem plugins, terá de editar este código para alterar a forma como o widget aparece no seu site.

Como resultado, pode acabar por ter um widget do Instagram que não condiz de todo com a sua identidade de marca.

A boa notícia? Basta usar um plugin de feed do Instagram no seu site e criar facilmente um widget para mostrar fotos e vídeos do Instagram.

E a melhor opção que pode encontrar é o plugin Instagram Feed Pro.

melhor plugin de feed pro do instagram

Com este plugin simples, basta seguir um fluxo guiado para criar, personalizar e adicionar widgets do Instagram ao seu site.

Pode utilizar os seus widgets do Instagram para mostrar o seu próprio conteúdo do Instagram, publicações com hashtags específicas, stories do Instagram, bem como as menções à sua marca.

Além disso, todos os widgets do Instagram que criares irão copiar automaticamente o design do teu site e combinar na perfeição com a tua identidade de marca.

Além disso, pode utilizar o personalizador de feeds em tempo real para personalizar facilmente os seus widgets do feed do Instagram — sem necessidade de programação.

editor de feed ao vivo exemplo instagram feed pro

Bastam alguns cliques simples para alterar o layout do seu feed, o esquema de cores, o design do cabeçalho, o estilo dos botões e muito mais.

Pode, assim, cativar os visitantes do seu site com conteúdos relevantes criados pelos utilizadores (UGC) e provas sociais do Instagram.

Além disso, o plugin é extremamente rápido, pelo que pode incorporar todo o conteúdo do Instagram que quiser, e o seu site continuará a carregar com a mesma rapidez de sempre.

O Instagram Feed Pro conta também com uma equipa de apoio ao cliente composta por especialistas em WordPress, sempre prontos a dar-lhe uma ajuda.

comentários instagram feed pro plugin

Com todas estas funcionalidades fantásticas, este plugin é o melhor plugin de feed do Instagram do mercado, com uma classificação de 4,9/5 estrelas e mais de 1 milhão de utilizadores.

No geral, é mesmo o melhor plugin de widget do Instagram que existe no mercado.

Pronto para adicionar widgets do Instagram ao seu site? Adquira hoje mesmo o Instagram Feed Pro.

Dito isto, vamos ver como pode utilizar este plugin para adicionar widgets do Instagram ao seu site WordPress.

Como adicionar widgets do Instagram ao seu site

Pronto para adicionar um widget do Instagram ao seu site WordPress? Basta seguir os passos abaixo para começar:

Passo 1: Instalar o plug-in de feed do Instagram

Para começar, descarregue o plugin Instagram Feed Pro e guarde-o no seu computador. Depois, basta instalar e ativar este plugin do WordPress no seu site.

Se precisar de uma revisão sobre o assunto, consulte o nosso guia sobre como instalar um plugin do WordPress.

Depois de fazer isso, pode prosseguir e criar o seu widget do Instagram no passo 2.

Passo 2: Criar o seu widget do Instagram

Agora que o seu plugin está pronto, pode utilizá-lo para criar um widget do Instagram.

No painel de controlo do WordPress, aceda ao menu Feed do Instagram » Todos os feeds e, em seguida, clique no botão Adicionar novo.

criar novo feed instagram feed pro

Depois de fazer isso, pode escolher o tipo de widget do Instagram que pretende incorporar:

  • Cronologia do utilizador: Mostrar as publicações da tua conta do Instagram
  • Hashtag pública: Escolha hashtags específicas e incorpore as publicações do Instagram com essa hashtag
  • Publicações marcadas: Mostrar publicações do Instagram que mencionam a sua conta

Queres combinar diferentes tipos de widgets do Instagram? Basta selecionares mais de uma opção aqui.

Depois de escolher a opção que preferir, basta clicar em «Seguinte» para continuar.

selecione o seu tipo de feed instagram feed pro

Neste tutorial, vamos mostrar a cronologia de um utilizador utilizando o nosso widget do Instagram.

Como pode ver, este plugin facilita a criação de widgets do Instagram com apenas alguns cliques.

No passo seguinte, pode ligar este widget à sua conta do Instagram.

Passo 3: Ligar a sua conta do Instagram

Ao ligar a sua conta do Instagram, o seu widget pode mostrar fotos e vídeos do Instagram no seu site.

Para começar, clique no botão «Adicionar fonte » na página.

instagram adicionar fonte para feed

Em seguida, pode escolher entre associar um perfil pessoal ou empresarial do Instagram a este widget do Instagram.

Se escolher um perfil pessoal, o teu widget do Instagram só poderá mostrar publicações da tua própria conta.

Por outro lado, pode utilizar uma conta empresarial para incorporar feeds de hashtags, feeds de vídeos do IGTV, feeds de menções e muito mais.

Escolha a opção que preferir nasecção «Selecionar tipo de conta» e, em seguida, clique no botão «Iniciar sessão com o Instagram » abaixo.

selecionar o tipo de conta do instagram popup

Para ligar a sua conta, basta conceder acesso apenas de leitura ao plugin Instagram Feed Pro. O plugin poderá então utilizar esse acesso para visualizar informações do Instagram, mas não poderá efetuar quaisquer alterações.

Basta clicar no botão «Permitir»na janela pop-up para continuar.

permitir o acesso ao instagram

Ao fazer isso, será redirecionado para o seu site WordPress para que possa confirmar esta conta como a fonte do seu widget do Instagram.

Para isso, basta clicar no botão «Seguinte ».

confirmar a conta como fonte do feed do instagram

Depois disso, basta selecionar esta conta como fonte sempre que criar um novo widget do Instagram.

Com isso, pode passar à etapa seguinte e personalizar o aspeto do seu widget do feed do Instagram.

Passo 4: Personalize o seu widget do Instagram

Para o ajudar a alterar facilmente o design do seu widget do Instagram, o plugin inclui um personalizador de feed em tempo real.

À esquerda, pode ver o painel de personalização com as opções para alterar o esquema de cores, o layout do feed, o estilo do cabeçalho, os elementos das publicações, as opções da lightbox e muito mais.

À direita, pode ver uma pré-visualização em tempo real do seu widget do Instagram. Dessa forma, pode acompanhar as suas alterações em tempo real.

editor de feed ao vivo para instagram feed pro

Para começar, pode alterar a forma como as publicações do Instagram aparecem no seu widget.

Basta clicar na opção «Layout do feed » na secção à esquerda.

selecionar opções de esquema de feed editor de feed ao vivo instagramseleccionar opções de esquema de feed editor de feed ao vivo instagram

A partir daqui, pode escolher entre 4 layouts para o seu widget do feed do Instagram: Grelha, Carrossel, Masonry e Destaques.

Vamos dar uma olhadela nestes layouts abaixo.

opções de layout do feed feed do instagram pro

Com o layout em grelha, pode apresentar o conteúdo do Instagram em linhas e colunas organizadas.

Assim, pode apresentar uma galeria do Instagram com imensas fotos e vídeos de uma só vez.

layout de grelha para o seu feed do instagram

Em seguida, temos o layout em carrossel, que pode transformar o seu widget num belo carrossel do Instagram.

Dessa forma, o seu site será mais interativo.

layout de carrossel para o seu feed do instagram

Queres manter as proporções originais das fotos e dos vídeos do Instagram?

Nesse caso, pode optar pelo padrão em ziguezague.

layout de feed de alvenaria para o seu feed do instagram

Em seguida, temos o layout de destaques , que torna as publicações do Instagram mais visíveis ao remover detalhes como as legendas.

É uma excelente forma de destacar publicações específicas do Instagram no seu widget.

layout de destaques para o seu feed do instagram

Depois de escolher o layout do seu widget do Instagram, clique no botão «Guardar ».

Pode então clicar no pequeno botão «Personalizar»para continuar a editar o design do seu widget do Instagram.

voltar às principais opções de personalização

Ao fazer isso, voltará às opções principais de personalização.

Para continuar, clique na opção «Esquema de cores » para alterar as cores do seu widget.

selecionar opção de esquema de cores editor de feed ao vivo instagram

O Instagram Feed Pro inclui opções simples de esquemas de cores que pode utilizar para alterar todas as cores de uma só vez:

  • Herdar do tema: Copiar as cores do seu tema do WordPress
  • Claro: Escolha um esquema de cores claras e uma cor de letra escura
  • Escuro: Apresenta um tipo de letra de cor clara sobre um fundo escuro
  • Personalizado: Escolher manualmente todas as cores
opções de esquema de cores feed do instagram pro

Depois de selecionar o seu esquema de cores, clique no botão «Guardar» para confirmar a sua escolha.

Agora pode alterar o tamanho do feed, o estilo do cabeçalho, os elementos das publicações, o número de publicações e muito mais, utilizando as restantes opções de personalização disponíveis aqui.

Por fim, clique em «Guardar» para confirmar as alterações e estará pronto para o passo final.

Passo 5: Incorporar o widget do Instagram no seu site

Com o Instagram Feed Pro, existem duas formas de adicionar o seu widget do Instagram a um site:

  • Incorpore o widget do Instagram na página do seu site
  • Incorpore o widget do Instagram na barra lateral ou no rodapé do seu site

Vamos dar uma vista de olhos a estes dois métodos:

Incorpore o widget do Instagram na sua página web

Pode começar a incorporar o seu widget do Instagram diretamente a partir do editor do feed em tempo real. Além disso, basta alguns cliques — sem necessidade de códigos de atalho ou linguagens de programação como HTML ou CSS.

Primeiro, clique no botão Incorporar na parte superior para começar.

instagram clique no botão incorporar

Ao clicar aí, irá abrir-se uma janela pop-up que mostra os locais possíveis para o seu widget do Instagram.

Por enquanto, pode clicar em «Adicionar a uma página» aqui.

adicionar feed do instagram em direto à página

O plugin irá então mostrar-lhe uma lista das páginas do WordPress que possui e pedir-lhe que escolha onde deseja inserir o seu widget.

Basta selecionar a opção desejada e clicar em «Seguinte».

selecionar página para incorporar o feed do instagram em direto

Depois de fazer isso, o Instagram Feed Pro abrirá essa página no editor do WordPress para que possa adicionar o seu widget.

Primeiro, adicione um novo bloco de conteúdo clicando no ícone de mais (+).

adicionar novo bloco de conteúdo no wordpress

Agora, use a barra de pesquisa na parte superior para procurar o bloco «instagram ». Em seguida, clique em «Instagram Feed» nos resultados da pesquisa apresentados abaixo.

incorporar o bloco de feed do instagram na página do wordpress

E pronto, já adicionaste o teu widget do Instagram ao teu site WordPress. Não te esqueças de clicar em «Atualizar» para confirmar as alterações.

Depois disso, basta abrir o seu site para ver como ficou.

exemplo de feed do instagram wordpress

Agora vamos ver como pode adicionar este widget do Instagram à barra lateral ou ao rodapé do seu site utilizando este plugin.

Incorpore o widget do Instagram na barra lateral ou no rodapé do seu site

Tal como no método anterior, pode utilizar o editor de transmissões em direto para incorporar facilmente o seu widget.

Primeiro, aceda ao menu Feed do Instagram » Todos os feeds a partir do painel de controlo do WordPress para ver uma lista dos seus widgets do Instagram.

Nessa lista, clique no widget que criou anteriormente.

abrir o seu feed do instagram

Como pode ver, isto irá abrir novamente o editor da transmissão em direto.

A partir daqui, basta clicar no botão «Incorporar», no canto superior direito, para continuar.

instagram clique no botão incorporar

Agora pode utilizar a janela pop-up para escolher a localização do seu widget do Facebook.

Clique no botão «Adicionar a um widget» aqui para incorporar conteúdo do Instagram na sua barra lateral ou no rodapé.

adicionar feed do instagram ao widget feed do instagram proadicionar feed do instagram ao widget feed do instagram pro

Depois de fazer isso, o Instagram Feed Pro irá redirecioná-lo para a página de widgets do seu site, para que possa adicionar o seu widget do Instagram.

Quer mostrar conteúdo do Instagram na sua barra lateral? Clique no painel «Barra lateral» aqui.

abrir o painel da barra lateral para incorporar o widget de redes sociais

Ou pode clicar num painel do rodapé. Dessa forma, pode exibir o seu widget do Instagram na parte inferior das suas páginas web.

Para este exemplo, vamos utilizar uma barra lateral do WordPress.

abrir o painel de rodapé para incorporar o widget de redes sociais

Para adicionar um novo widget, basta clicar no ícone de mais (+) na parte inferior e, em seguida, selecionar o widget «Feed do Instagram» entre as opções.

adicionar widget do instagram à sua barra lateral

Por fim, clique em «Atualizar» para confirmar as alterações, e o seu feed do Instagram ficará agora disponível no seu site.

Basta abrir o seu site para ver como ele aparece aos seus visitantes.

widget instagram barra lateral wordpress

E pronto!

Agora já sabe como adicionar widgets do Instagram ao seu site sem qualquer complicação. Com o Instagram Feed Pro, bastam alguns cliques simples para cativar os seus visitantes com fotos e vídeos do Instagram.

Dessa forma, poderá facilmente conseguir imensos seguidores no Instagram, aumentar as suas vendas e até expandir o seu negócio.

Pronto para incorporar widgets do Instagram com facilidade? Comece a usar o Instagram Feed Pro hoje mesmo.

Quer começar a usar os melhores agregadores de redes sociais da Smash Balloon? Dá uma vista de olhos no nosso guia sobre como adicionar feeds de redes sociais ao teu WordPress.

E se gostou deste artigo, não hesite em seguir-nos no Twitter e no Facebook para mais tutoriais úteis.

avatar do autor
Sajjan Sharma Escritor sénior
Sajjan escreve sobre WordPress, marketing nas redes sociais e negócios online há mais de 10 anos. Os seus interesses profissionais incluem marketing de influência, curadoria de conteúdos e estratégias de marketing digital.

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.