Como incorporar o seu Instagram no seu site (guia fácil)
Início Blogue Como incorporar o seu Instagram no seu site (forma mais fácil)

Como incorporar o seu Instagram no seu site (forma mais fácil)

Como incorporar o seu Instagram no seu sítio Web

Procurando uma maneira fácil e sem complicações de incorporar o seu Instagram no seu site?

Com mais de 2 mil milhões de utilizadores, o Instagram é uma das redes sociais mais populares do mundo.

Adicionar conteúdo do Instagram ao seu site é uma maneira fantástica de aumentar o envolvimento dos utilizadores, manter o conteúdo do seu site atualizado e, ao mesmo tempo, aumentar o número de seguidores nas redes sociais.

Neste tutorial, vamos mostrar como incorporar o seu Instagram no seu site. Além da forma manual, vou partilhar um método mais simples que torna todo o processo super fácil.

Por que exibir as suas publicações do Instagram no seu site?

Antes de entrarmos nos detalhes, vamos ver como adicionar conteúdo do Instagram ao seu site WordPress pode ser ótimo:

  • Aumente o envolvimento: com conteúdo visual, como fotos e vídeos, pode manter os visitantes no seu site por mais tempo.
  • Aumente o número de seguidores: pode converter o tráfego do seu site em seguidores no Instagram diretamente a partir do seu site.
  • Melhore o SEO: ao adicionar novas publicações no Instagram com palavras-chave relevantes, pode obter uma classificação mais elevada nos resultados de pesquisa e alcançar mais pessoas.
  • Prova social: exibir avaliações e depoimentos do Instagram pode convencer mais pessoas a comprar de você.
exemplo de um feed do Instagram num site

Método 1: Adicionar manualmente publicações do Instagram ao WordPress

Para adicionar publicações do Instagram ao seu sítio Web WordPress utilizando o método manual, pode seguir estes passos:

  • Passo 1: Abra a publicação do Instagram que pretende incorporar
  • Passo 2: Clique no ícone dos 3 pontos no canto superior direito
  • Passo 3: Selecione a opção Incorporar no menu
  • Passo 4: Clique no botão Copiar código de incorporação
  • Passo 5: Regresse ao seu sítio Web e abra uma página ou publicação
  • Passo 6: Inserir o bloco HTML personalizado
  • Passo 7: Colar o código de incorporação do Instagram copiado
incorporar manualmente uma publicação do instagram

Embora possa fazer tudo isto sem um plugin, este método também tem algumas desvantagens:

  • Uma vez que está a inserir manualmente o código de incorporação para cada publicação no Instagram, é necessário muito tempo e esforço
  • Se algo correr mal quando estiver a inserir o código de incorporação do Instagram, não terá uma equipa de apoio para o ajudar
  • Todas as suas publicações no Instagram manterão a marca oficial do Instagram. Por isso, podem entrar em conflito com o design que escolheu para o seu sítio Web
  • Está a perder benefícios de SEO, uma vez que a Pesquisa Google não consegue ler o conteúdo dentro das iFrames do Instagram.

Método 2: Incorporar feed do Instagram com um plugin (recomendado)

A forma mais fácil de apresentar o seu conteúdo do Instagram no seu sítio Web é utilizar um plugin WordPress fiável.

Se você quer a melhor maneira de criar, personalizar e exibir belos feeds do Instagram em seu site, você pode usar o melhor plugin de feed do Instagram para WordPress: Instagram Feed Pro.

melhor plugin de feed pro do instagram

Uma vez que pode configurar o Instagram Feed Pro sem ter de lidar com trechos de código confusos, até os principiantes em WordPress podem utilizar facilmente o plugin para incorporar conteúdo do Instagram no seu sítio - em menos de 5 minutos!

De facto, inclui uma coleção de funcionalidades úteis para o ajudar a incorporar feeds com facilidade:

  • Para criar feeds do Instagram em tempo recorde, basta seguir o guia de 3 passos. Depois, pode investir o tempo poupado no seu negócio.
  • Pode escolher entre vários tipos de feed: feed da linha cronológica do Instagram, feeds de hashtag, feed de menções e muito mais. Assim, pode envolver os visitantes com uma variedade de conteúdos do Instagram.
  • Para o ajudar a aumentar as conversões e a obter mais vendas, pode incorporar um feed do Instagram comprável no seu sítio Web.
  • O Instagram Feed Pro é extremamente rápido, pois recupera eficientemente os dados da API do Instagram para minimizar o tempo de carregamento. Assim, não irá diminuir o desempenho do seu site.
  • O Instagram Feed Pro é tão fácil de utilizar que pode personalizar o seu feed do Instagram com apenas alguns cliques, utilizando o editor de feed em direto.
editor de feed ao vivo instagram

O plugin ajuda mais de 1 milhão de utilizadores activos a incorporar conteúdos do Instagram em sítios Web de todo o mundo.

E com a sua classificação sólida de 4,9/5 estrelas, sabe que está em boas mãos porque a equipa de apoio rápida e simpática do Smash Balloon está sempre pronta para o ajudar.

Pronto para incorporar feeds do Instagram no WordPress? Obtenha sua cópia do Instagram Feed Pro hoje mesmo!

Passo 1: Instalar o plugin Instagram Feed Pro

O primeiro passo é obter a sua própria cópia do Instagram Feed Pro aqui. Em seguida, descarregue o plugin para o seu computador.

Depois de descarregar o plugin, basta carregá-lo para o seu sítio Web WordPress e instalá-lo.

Não se preocupe se não tiver a certeza de como o fazer. Pode sempre consultar este post sobre como instalar um plugin WordPress para o seu guia.

Passo 2: Criar um feed do Instagram

Com o plugin Instagram Feed Pro, pode criar um novo feed em apenas alguns passos simples.

Primeiro, visite o seu painel de controlo do WordPress e aceda ao menu Instagram Feed " All Feeds.

Nesta página, clique no botão Adicionar novo na parte superior.

criar uma nova galeria no Instagram

Para continuar a incorporar conteúdo do Instagram no seu sítio Web, pode agora escolher o tipo de feed do Instagram.

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

  • Linha de tempo do utilizador: Incorporar um feed do Instagram a partir da sua conta, para que apenas sejam mostradas as fotografias do seu perfil.
  • Hashtag pública: Incorporar um feed do Instagram de um hashtag público à sua escolha. Pode ser uma hashtag de marca para que possa apresentar testemunhos do Instagram no seu sítio Web.
  • Posts marcados: Incorporar um feed de fotos do Instagram em que a sua conta do Instagram é marcada por outros utilizadores activos.

Também pode combinar vários feeds do Instagram e apresentá-los como um único feed do Instagram incorporado, selecionando várias opções aqui.

Depois de ter selecionado o tipo de feed do Instagram, clique em Seguinte.

Para este tutorial específico, vou escolher a opção de linha de tempo do utilizador.

selecionar linha cronológica do utilizador importar feed do instagram

Passo 3: Ligar a sua conta do Instagram

Antes de ligar a sua conta do Instagram, tem de se certificar de que se trata de uma conta de empresa ou de criador.

Caso ainda não tenha um, pode consultar esta publicação sobre como converter a sua conta do Instagram num perfil empresarial.

Nesta página, clique no botão azul Adicionar fonte para começar.

instagram adicionar fonte para feed

De seguida, ser-lhe-á pedido que escolha entre um tipo de ligação básico ou avançado.

  • Básico para empresas: mostrar fotografias da sua própria conta do Instagram no seu sítio Web
  • Negócios avançados: Apresentar mais tipos de conteúdo, como o feed de hashtag e o feed do Instagram para compras

Depois de selecionar o tipo de conta do Instagram, clique em Ligar.

escolher o tipo de ligação do instagram

Depois disso, pode abrir o Instagram ou o Facebook para concluir a ligação da sua conta.

Por agora, vou clicar no botão Ligar ao Instagram.

ligar o seu perfil básico do instagram

O plugin envia-o agora para o Instagram, onde pode conceder acesso só de leitura à sua conta.

O Instagram Feed Pro é completamente seguro, uma vez que pode utilizar este acesso para ver as suas informações e não tem permissão para efetuar alterações.

Para continuar, basta clicar no botão Permitir na janela de contexto.

permitir acesso só de leitura instagram

Com isso, o Instagram Feed Pro vai trazê-lo de volta ao seu site mais uma vez.

Aqui, clique em Seguinte para confirmar esta conta do Instagram como a fonte do seu novo feed do Instagram.

confirmar a conta como fonte do feed do instagram

Passo 4: Personalizar o design do seu feed do Instagram

Para o ajudar a criar feeds do Instagram bonitos com facilidade, o Instagram Feed Pro inclui temas concebidos profissionalmente que pode importar.

De facto, tem 5 temas diferentes com designs únicos que pode utilizar para o seu feed:

  • Predefinição
  • Moderno
  • Parede social
  • Esboço
  • Sobreposição

Tudo o que tem de fazer é selecionar o tema que prefere e clicar no botão Next (Seguinte ).

selecionar tema do feed do instagram

Sem mais nem menos, o YouTube Feed Pro importará automaticamente o design do tema para o seu feed. Além disso, pode importar um modelo para alterar a disposição das publicações do Instagram no seu feed.

Tal como anteriormente, selecione o modelo que prefere e clique em Seguinte.

escolha o seu modelo de feed do instagram

O plugin abrirá agora o editor de feed em direto para que possa personalizar o design do seu feed do Instagram com facilidade.

Primeiro, veja as opções de personalização no painel esquerdo. A partir daqui, pode controlar o tamanho, a disposição, a cor, o estilo do cabeçalho, o design e muito mais do seu feed do Instagram.

Sempre que fizer alterações, pode ver o seu aspeto utilizando a pré-visualização em tempo real à direita.

editor de feed ao vivo para instagram feed pro

Para começar a personalização, normalmente altero o esquema dos feeds do Instagram.

Para isso, clique na opção Layout do feed , à esquerda.

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

Agora, pode escolher entre 4 layouts diferentes para o seu feed do Instagram: Grelha, Carrossel, Alvenaria e Destaques.

Vejamos cada apresentação em pormenor.

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

Escolha o esquema de grelha para apresentar o seu feed do Instagram como uma coleção organizada de imagens de tamanho quadrado, como esta:

layout de grelha para o seu feed do instagram

Pretende apresentar um feed de carrossel do Instagram? Pode escolher a disposição em carrossel para apresentar as suas fotografias do Instagram num feed horizontal em movimento.

layout de carrossel para o seu feed do Instagram em direto

Para os utilizadores do Instagram interessados em apresentar uma galeria do Instagram, o esquema de alvenaria é a melhor escolha.

Desta forma, as suas fotografias do Instagram são apresentadas nas suas proporções originais.

layout de alvenaria feed do instagram

Por último, se pretender realçar fotografias específicas do Instagram no seu feed, pode escolher a opção de destaque .

Uma vez que as fotografias destacadas são apresentadas com o dobro do tamanho no seu feed, este esquema é útil se pretender captar a atenção do seu público.

layout dos destaques do feed do instagram

Selecione o tipo de esquema que prefere e, em seguida, clique no botão Guardar na parte superior.

Em seguida, clique no pequeno botão Personalizar para regressar às opções principais.

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

Agora, vamos avançar e alterar as cores do seu novo feed do Instagram.

Primeiro, clique na opção Esquema de cores , à esquerda.

selecionar a opção de esquema de cores

Agora, pode escolher entre 4 esquemas de cores para o seu feed do Instagram:

  • Herdar do tema: Escolha copiar automaticamente as cores do seu sítio Web
  • Claro: Mostrar um fundo claro juntamente com um tipo de letra mais escuro
  • Escuro: Utilizar uma cor de letra clara mas com um fundo mais escuro
  • Personalizado: Escolher manualmente todas as cores
opções de esquema de cores feed do instagram em direto

Basta selecionar a opção que prefere e clicar no botão Guardar para confirmar as alterações.

Com o editor de feed em direto, é muito fácil personalizar o resto do seu feed do Instagram. Com apenas alguns cliques, pode definir o estilo do cabeçalho, o botão Seguir, as opções de lightbox, o tamanho do feed e muito mais.

Depois de personalizar o seu feed do Instagram, lembre-se de clicar novamente no botão Guardar .

Passo 5: Incorporar o seu feed do Instagram no seu sítio Web

O Smash Balloon funciona perfeitamente com o Instagram e o WordPress, por isso é muito fácil adicionar o seu conteúdo do Instagram ao seu site.

Pode escolher entre adicionar o seu feed do Instagram a uma página do WordPress ou à área da barra lateral do seu sítio Web.

Exibir o feed do Instagram na página do WordPress

Utilizando o editor de feed em direto, pode adicionar facilmente o seu feed do Instagram a uma página do WordPress.

Primeiro, clique no botão Incorporar na parte superior.

instagram clique no botão incorporar

Pode agora ver uma janela pop-up onde pode definir a localização do seu feed do Instagram.

Por enquanto, basta clicar na opção Adicionar a uma página .

adicionar feed do instagram em direto à página

Depois disso, selecione uma página WordPress da lista e clique no botão Adicionar .

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

O plugin abrirá essa página no editor do WordPress assim que o fizer.

Clique no ícone Mais (+) no editor para poder adicionar um novo bloco de conteúdo do WordPress.

adicionar novo bloco de conteúdo no wordpress

Em seguida, procure "instagram" e clique no bloco " Instagram Feed " para o adicionar à sua página.

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

Verá uma pré-visualização do seu feed do Instagram no seu editor de páginas. Por fim, clique em Publicar para tornar o seu novo feed do Instagram ativo no seu sítio Web.

exemplo de feed de instagram em direto

Com isto, vamos continuar e dar uma vista de olhos ao segundo método de incorporação do seu feed do Instagram.

Para incorporar o seu feed na barra lateral ou no rodapé do seu sítio Web, abra primeiro o feed no editor de feed em direto.

Para isso, pode navegar para Instagram Feed " All Feeds a partir do seu painel de controlo do WordPress.

Nesta página, pode clicar no feed do Instagram que criou anteriormente.

abrir o seu feed do instagram

Isto abrirá novamente o feed no editor de feed em direto do plug-in.

A partir daqui, clique no botão Incorporar para continuar.

instagram clique no botão incorporar

Em seguida, clique no botão Adicionar a um Widget na janela pop-up.

Isto abrirá a página de widgets do seu sítio WordPress.

adicionar feed do instagram em direto ao widget

A partir daqui, pode adicionar o seu novo feed à barra lateral ou ao rodapé como um widget do Instagram.

Pode agora clicar no painel Barra lateral para gerir os widgets na sua barra lateral.

abrir o painel da barra lateral

Em alternativa, clique no painel Rodapé se pretender começar a gerir os widgets de rodapé.

painel de rodapé aberto

Para o nosso tutorial, vamos utilizar a barra lateral do WordPress.

Por fim, clique no ícone de mais (+) para adicionar um widget e, em seguida, clique no widget Feed do Instagram para incorporar o seu feed.

adicionar widget do instagram à área da barra lateral

Isto faz com que o seu feed do Instagram seja apresentado na barra lateral do seu sítio Web. Como resultado, o utilizador verá este exemplo quando visitar o seu sítio Web:

exemplo de feed do instagram em direto na barra lateral

Então, aí está!

Agora já sabe como incorporar facilmente o seu feed do Instagram no seu sítio Web com a ajuda do melhor plugin de feed do Instagram para WordPress.

Como resultado, pode desfrutar de mais seguidores e mais vendas para o seu negócio num instante. Melhor ainda, pode fazer tudo isso e muito mais com absolutamente nenhuma codificação.

Pronto para incorporar feeds do Instagram? Comece a usar o Instagram Feed Pro hoje mesmo.

Enquanto estiveres aqui, podes também consultar o nosso guia sobre como obter mais visualizações nos rolos do Instagram.

Mais dicas e truques de marketing do Instagram

E se achou esta publicação útil, sinta-se à vontade para se ligar a nós no Twitter e no Facebook para obter mais tutoriais úteis.

avatar do autor
Lianne Laroya Gerente de Marketing de Conteúdo
Lianne é a Gestora de Marketing de Conteúdos da Smash Balloon, com mais de 12 anos de experiência em conteúdos WordPress, marketing de redes sociais, conteúdos gerados pelo utilizador (UGC) e otimização de motores de busca (SEO).

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.