Como apresentar o seu Instagram no seu sítio Web (forma fácil)
Início Blogue Como apresentar o seu Instagram no seu sítio Web (forma fácil)

Como apresentar o seu Instagram no seu sítio Web (forma fácil)

Como apresentar o seu Instagram no seu sítio Web

Quer mostrar facilmente o seu feed do Instagram diretamente no seu sítio Web?

Colocar as suas fotografias, rolos e vídeos mais recentes do Instagram no seu sítio Web é uma excelente forma de o manter atualizado, de o tornar mais apelativo e de ajudar as pessoas a passarem do seu sítio Web para a sua página do Instagram.

Mas conseguir que o seu feed do Instagram tenha o aspeto que pretende no seu sítio Web utilizando as opções normais do Instagram pode ser difícil.

Muitas vezes, estas opções de incorporação não oferecem todas as opções e funcionalidades de que necessita para que o seu feed do Instagram se adapte perfeitamente ao seu sítio Web.

Na Smash Balloon, há mais de 10 anos que ajudamos as pessoas a incorporar conteúdos das redes sociais com facilidade. E hoje, vou mostrar-lhe exatamente como usar o nosso método fácil de exibir os seus feeds do Instagram.

Neste artigo

A maneira mais fácil de exibir o Instagram no seu site

No que diz respeito à apresentação de conteúdos do Instagram no seu sítio Web WordPress, existem dois métodos principais:

1. Manual: Incorporar publicações individuais do Instagram

Isto implica a obtenção manual de códigos de incorporação para publicações específicas do Instagram e, em seguida, a personalização e adição destes trechos de código diretamente ao seu site.

Em vez disso, pode utilizar um plug-in fiável para apresentar sem esforço feeds dinâmicos de publicações do Instagram sem necessidade de codificação.

Para obter a forma mais fácil de apresentar o Instagram no seu sítio Web, este método, especificamente utilizando o Instagram Feed Pro, é altamente recomendado.

O Instagram Feed Pro da Smash Balloon é amplamente reconhecido como o melhor plugin de feed do Instagram para WordPress, elogiado por mais de 1 milhão de utilizadores pelo seu:

  • Simplicidade: Um processo guiado de 3 passos (criar, personalizar, incorporar) não requer conhecimentos de programação.
  • Versatilidade: Muitos tipos de feed suportados, incluindo cronologia, hashtags e até menções do Instagram.
  • Personalização: Inclui um personalizador de feed visual incorporado com pré-visualização em direto, juntamente com modelos e temas para importar.
personalizador de feed em direto
  • Desempenho: Concebido para um carregamento ultrarrápido, garantindo que a velocidade do seu sítio Web não é comprometida.
  • Compatibilidade: Funciona perfeitamente com construtores WordPress populares como Divi e Elementor.
  • Suporte de qualidade: Acesso a uma equipa dedicada de especialistas em WordPress para assistência.
  • Classificação elevada: Um sólido 4,9/5 estrelas dos utilizadores, e a base de utilizadores inclui também algumas grandes marcas.
marcas que utilizam plugins smash balloon

Todas estas funcionalidades fazem do Instagram Feed Pro a escolha perfeita para o ajudar a ganhar mais seguidores e vendas sem complicações técnicas.

Pronto para começar a adicionar feeds do Instagram com facilidade? Obtenha sua cópia do Instagram Feed Pro hoje mesmo!

Agora, vamos percorrer os passos exactos.

Como exibir um feed do Instagram no seu site (maneira fácil)

Para apresentar publicações do Instagram no seu sítio Web utilizando o Instagram Feed Pro, basta seguir o tutorial abaixo.

Vamos lá começar.

Passo 1: Instalar o Instagram Feed Pro no seu site WordPress

Pode começar por obter a sua cópia do Instagram Feed Pro aqui.

Descarregue o plugin para o seu computador e, em seguida, carregue-o para o seu sítio Web WordPress, instalando-o.

Precisa de ajuda com a instalação do plug-in? Consulte este guia útil sobre como instalar um plug-in do WordPress.

Passo 2: Utilizar o plug-in para criar um feed do Instagram

O passo seguinte é fácil: criar um novo feed do Instagram no seu sítio Web.

Vá para o painel do WordPress e navegue até Instagram Feed " All Feeds. Em seguida, clique no botão Adicionar novo na parte superior.

criar novo feed instagram feed pro

O próximo passo para incorporar o seu feed do Instagram no seu sítio Web? Decidir qual o tipo de feed do Instagram que pretende apresentar.

O Instagram Feed Pro permite-lhe escolher entre 3 tipos de feed diferentes, incluindo:

  • Conta de utilizador: Incorporar um feed do Instagram com fotografias da sua própria conta.
  • Hashtag pública: Incorporar um feed do Instagram de um hashtag público à sua escolha. Isto é ótimo para apresentar testemunhos de clientes no seu sítio Web.
  • Marcado: Apresentar um feed do Instagram com publicações em que a sua conta do Instagram está marcada.

Também é possível combinar vários tipos de feed e mostrá-los num único feed do Instagram.

Por agora, selecione um tipo de feed e clique no botão Seguinte .

selecionar linha cronológica do utilizador importar feed do instagram

Para este tutorial, vou usar um feed da linha do tempo do utilizador e mostrar publicações de um único perfil do Instagram.

Passo 3: Ligar a sua conta do Instagram ao plug-in

Para apresentar publicações do Instagram no seu sítio Web, pode ligar o novo feed à sua conta do Instagram.

Para isso, clique no botão Adicionar fonte para começar.

instagram adicionar fonte para feed

Está na altura de ligar a sua conta de empresa ou de criador, para que o plugin possa ir buscar conteúdos do Instagram.

Antes disso, pode escolher entre 2 tipos de ligações:

  • Business Basic: apresenta as fotografias e os vídeos do seu próprio perfil do Instagram.
  • Business Advanced: Desbloqueie mais conteúdos, como feeds de hashtag, feeds com tags, histórias e muito mais.

Depois de escolher um tipo de ligação, clique em Ligar.

escolher o tipo de ligação do instagram

Vou utilizar apenas uma ligação Básica , uma vez que estou a mostrar publicações de um perfil do Instagram.

Agora, clique em Ligar ao Instagram para continuar.

ligar o seu perfil básico do instagram

A partir daqui, pode dar ao plugin acesso só de leitura à sua conta do Instagram.

O plugin utilizará este acesso para ver as suas informações do Instagram, mas não pode fazer quaisquer alterações. Como resultado, o Smash Balloon é seguro de usar.

Para concluir a ligação do seu perfil, clique no botão Permitir aqui.

permitir acesso só de leitura instagram

Esta ação leva-o de volta ao seu sítio Web WordPress para que possa confirmar esta conta como a fonte do seu feed do Instagram.

Pode fazê-lo clicando em Seguinte aqui.

confirmar a conta como fonte do feed do instagram

Passo 4: Personalizar o aspeto do seu feed do Instagram

Lembra-se de quando mencionei que é muito fácil personalizar o design do seu feed do Instagram?

Pode utilizar o editor de feed em direto para alterar o aspeto do seu feed do Instagram com apenas alguns cliques, sem ter de tocar numa única linha de código.

À esquerda, pode encontrar todas as opções de personalização do seu feed do Instagram, incluindo a opção de alterar a disposição do feed, o cabeçalho, o esquema de cores, as publicações individuais do Instagram, o design dos botões e muito mais.

editor de feed ao vivo para instagram feed pro

Além disso, pode ver uma pré-visualização em direto do seu feed à direita e acompanhar todas as suas alterações em tempo real.

Pode agora clicar na opção Layout do feed para começar a alterar o design do seu feed do Instagram.

selecionar opções de layout de feed editor de feed ao vivo instagram

Aqui, define o esquema do seu feed, o que altera a forma como as publicações do Instagram aparecem no seu sítio Web.

Com este plugin, pode escolher entre 4 opções de layout diferentes: Grelha, Carrossel, Alvenaria e Destaque.

layout de grelha do instagram no seu sítio web

Pode selecionar o esquema de grelha para apresentar as suas publicações do Instagram numa moldura organizada cheia de imagens cortadas em quadrado, como esta:

layout de grelha para o seu feed do instagram

Normalmente, gosto da disposição em carrossel para o meu feed do Instagram. Pode seleccioná-lo para apresentar o seu feed do Instagram numa disposição horizontal deslizante semelhante a este exemplo:

layout de carrossel feed do instagram

Quer apresentar uma galeria do Instagram no seu WordPress? Então, o layout de alvenaria é perfeito para si.

Uma vez que está a mostrar as imagens no seu formato original, pode mostrar as suas fotografias do Instagram em toda a sua glória, como esta:

layout de alvenaria feed do instagram

Por fim, também pode selecionar o esquema de destaque para fazer sobressair fotografias específicas no seu feed do Instagram, como pode ver abaixo:

layout da galeria feed do instagram

Quando tiver escolhido o esquema do seu feed do Instagram, clique no botão Guardar na parte superior.

Em seguida, pode continuar a alterar o design do seu feed do Instagram clicando em Personalizar.

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

Em seguida, pode utilizar o painel de personalização à esquerda para editar novamente o design do seu feed do Instagram.

Para continuar, clique na opção Esquema de cores .

opções de esquema de cores para o feed do instagram pro

Pode alterar facilmente todas as cores do seu feed do Instagram selecionando um esquema de cores. Existem 4 esquemas de cores para escolher aqui:

  • Herdar do tema: Copia automaticamente as cores do seu tema WordPress
  • Claro: Apresentar um fundo claro juntamente com um tipo de letra escuro para o seu feed
  • Escuro: Escolha uma cor de letra clara com um fundo escuro
  • Personalizado: Escolha manualmente todas as cores do seu feed
opções de esquema de cores feed do instagram em direto

Pode agora utilizar as restantes opções de personalização para definir o design do cabeçalho, o estilo dos botões, o tamanho do feed, o número de publicações e muito mais.

Satisfeito com o aspeto do seu feed do Instagram? Ótimo! Não se esqueça de clicar em Guardar e passar para o passo final abaixo.

Passo 5: Exibir o feed do Instagram no seu site WordPress

Com a ajuda do Instagram Feed Pro, pode incorporar o seu feed do Instagram de 2 formas diferentes:

  1. Numa página do WordPress: Integre seu feed diretamente em uma página do seu site.
  2. Em uma área de widget do WordPress: Exibir o feed em barras laterais, rodapés ou outras zonas prontas para widgets.

Vamos falar de ambas as opções abaixo.

Método 1: Incorporar o feed do Instagram numa página do WordPress

Com o Instagram Feed Pro, pode incorporar os seus feeds do Instagram diretamente a partir do editor de feeds em direto com apenas alguns cliques.

Primeiro, clique no botão Incorporar, que se encontra na parte superior do editor de feed em direto.

instagram clique no botão incorporar

Em seguida, o Instagram Feed Pro perguntará onde deseja exibir o conteúdo do Instagram. A partir daqui, pode optar por adicioná-lo a uma página, exibi-lo como um widget ou copiar manualmente o shortcode.

Para continuar, clique no botão Adicionar a uma página .

adicionar feed do instagram em direto à página

A janela pop-up mostra-lhe uma lista de todas as páginas WordPress do seu sítio e pede-lhe que escolha uma.

Basta selecionar uma página e clicar no botão Adicionar abaixo.

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

Agora, o plugin envia-o para essa página do WordPress para que possa apresentar o seu feed do Instagram.

Quando for direcionado para uma nova página, clique no ícone de mais (+) para adicionar um novo bloco de conteúdo do WordPress.

adicionar novo bloco de conteúdo no wordpress

Procure o bloco Feed do Instagram e clique nele para adicionar automaticamente o seu feed do Instagram à sua página.

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

E, por fim, pode clicar em Atualizar para que possa torná-lo ativo no seu sítio Web WordPress. De facto, pode abrir o seu sítio Web e ver o seu aspeto.

exemplo de feed do instagram wordpress

Vejamos agora a próxima forma de apresentar o conteúdo do Instagram no seu sítio Web.

Método 2: Incorporar o feed do Instagram numa barra lateral ou rodapé

Para apresentar o seu feed do Instagram como um widget na barra lateral do seu sítio Web, comece por visitar o painel de administração do WordPress.

Em seguida, navegue até ao menu Feed do Instagram " Todos os feeds e clique no feed do Instagram que pretende incorporar.

abrir o seu feed do instagram

A partir daqui, clique no botão Incorporar na parte superior para começar a incorporar o seu feed do Instagram.

instagram clique no botão incorporar

Isto abre o pop-up de incorporação onde pode escolher a localização do seu feed do Instagram.

Para apresentar o seu Instagram na barra lateral ou no rodapé do seu sítio Web, clique no botão Adicionar a um widget aqui.

adicionar feed do instagram em direto ao widget

Depois de clicar nisso, o Instagram Feed Pro irá enviá-lo para a sua página de Widgets . É aqui que pode adicionar, remover ou gerir os widgets do WordPress.

Para continuar, pode clicar no painel Barra lateral .

abrir o painel da barra lateral

Pretende apresentar o seu Instagram no rodapé do sítio Web?

Em seguida, clique num painel de rodapé aqui.

painel de rodapé aberto

Depois de o fazer, pode adicionar um novo widget ao seu sítio Web, clicando no ícone de mais (+) na parte inferior.

Por fim, clique no widget Feed do Instagram para incorporar o seu novo feed do Instagram como um widget.

adicionar widget do instagram à área da barra lateral

Agora, quando o utilizador visita o seu sítio Web, pode ver o seu feed do Instagram incorporado na área da barra lateral.

Desta forma, o seu feed do Instagram pode ser visto pelos visitantes do seu site em qualquer parte do seu site!

exemplo de feed do instagram em direto na barra lateral

E é isso, pessoal!

Espero que este guia passo a passo o tenha ajudado a exibir o seu Instagram no seu site. Seguindo as etapas deste tutorial, você pode levar seu marketing no Instagram para o próximo nível e obter mais seguidores e mais vendas em pouco tempo.

Pronto para criar feeds do Instagram cativantes? Comece a usar o Instagram Feed Pro hoje mesmo!

Conclusão: Aumente facilmente o envolvimento com o seu feed do Instagram

Exibir o seu conteúdo do Instagram no seu site WordPress não tem de ser complicado.

Com o Instagram Feed Pro, pode ter um feed bonito e cativante a aparecer no seu site em apenas alguns minutos, não em horas.

Sei por experiência própria que tentar fazer com que o conteúdo do Instagram apareça corretamente no seu sítio Web utilizando outros métodos pode ser frustrante.

É exatamente por isso que considero este plugin tão útil. Elimina todas as dores de cabeça. Não precisa de quaisquer competências especiais, e as suas imagens e vídeos aparecem com um aspeto perfeito nas suas páginas, actualizando-se automaticamente com as suas últimas publicações.

Pronto para mostrar facilmente o seu fantástico conteúdo do Instagram no seu sítio Web? Aqui está o que eu recomendo fazer a seguir:

  1. Obtenha a sua cópia do Instagram Feed Pro. (Lembre-se, há uma garantia de reembolso de 14 dias se quiser experimentar!)
  2. Siga os passos de configuração simples apresentados no artigo
  3. Veja como o seu novo feed do Instagram fica fantástico tanto em computadores como em telemóveis
  4. Desfrute da atualização automática de conteúdo visual fresco no seu sítio

Apresentar o seu feed do Instagram é uma forma fantástica de manter os visitantes interessados e de estabelecer uma ligação com eles - e até de os incentivar a tornarem-se seus seguidores no Instagram.

Tem dúvidas sobre como colocar o seu Instagram no seu site usando o Instagram Feed Pro? Sinta-se à vontade para perguntar nos comentários abaixo!

Enquanto está aqui, pode também consultar a nossa lista das melhores dicas de marketing para o Instagram.

Perguntas mais frequentes

Preciso de conhecimentos de programação para utilizar o Instagram Feed Pro?

Não, o Instagram Feed Pro foi concebido para todos os utilizadores, independentemente das suas capacidades técnicas. O seu personalizador visual e a configuração guiada significam que não é necessário codificar.

É seguro utilizar o Instagram Feed Pro com a minha conta do Instagram?

Sim, é muito seguro. O plugin pede acesso só de leitura à sua conta do Instagram, o que significa que pode ver o seu conteúdo para o apresentar, mas não pode fazer quaisquer alterações ou modificações ao seu perfil.

Que tipos de feeds do Instagram posso apresentar?

Com o método manual, só é possível incorporar publicações individuais do Instagram. Mas se utilizar o Instagram Feed Pro, pode apresentar feeds da linha cronológica, feeds de hashtag, feeds de menções ou mesmo tipos de feeds combinados.

O Instagram Feed Pro vai tornar o meu site mais lento?

Não, o Instagram Feed Pro foi criado para um desempenho ultrarrápido e optimizado para carregar os seus feeds rapidamente sem afetar negativamente a velocidade do seu site.

Mais Guias e tutoriais sobre marketing nas redes sociais (Top Picks)

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.