Quer saber uma forma fácil de adicionar um feed do Instagram ao seu sítio Web WordPress sem utilizar um plug-in?
A exibição do seu feed do Instagram no seu sítio Web permite-lhe aumentar a exposição da sua conta sem muito trabalho. Também lhe dá uma nova forma de interagir com os seus potenciais clientes.
Além disso, com base na nossa investigação, mostrar o seu conteúdo no Instagram pode aumentar a taxa de conversão de clientes a longo prazo.
Aqui está a resposta curta com base na minha experiência pessoal: Não é possível incorporar um feed sem um plug-in, a menos que saiba codificar uma aplicação.
Neste post, vou mostrar-lhe como incorporar um único post do Instagram no WordPress sem um plugin.
Se quiser incorporar um feed do Instagram, a melhor e mais fácil forma de o fazer é com um plugin, por isso também vou mostrar-lhe isso.
Não se preocupe, a utilização deste plugin não tornará o seu sítio mais lento. Foi concebido para ser ultrarrápido.
Neste artigo
Comparação rápida: Plugin ou não plugin?
| Caraterística | Utilizar o Instagram Feed Pro do Smash Balloon | Não utilizar um plug-in |
| 🛠️ Complexidade de configuração | Configuração super fácil! Configure e incorpore o seu feed em menos de 5 minutos. | Requer aprovação como programador de aplicações e envolve uma codificação complexa. |
| Requisitos de codificação | Não é necessário codificar. Ideal para não-técnicos! | É necessária uma codificação significativa, incluindo JavaScript e HTML. |
| Acesso às funcionalidades | Acesso total a funcionalidades avançadas, como múltiplos feeds do Instagram e feeds de hashtag. | Limitado à apresentação de um único feed das 20 imagens mais recentes. |
| 🎨 Personalização | Personalize facilmente layouts e estilos para corresponder à sua marca - com apenas alguns cliques! | A personalização é complicada sem conhecimentos avançados de programação. |
| 📞 Ajuda e suporte | Acesso a uma equipa de apoio útil, pronta para o ajudar a incorporar o seu feed do Instagram no WordPress | Sem suporte dedicado, depende de tentativa e erro ou contrata um programador. |
| Takeaway | Pretende uma forma rápida e fácil de apresentar o seu feed do Instagram? Experimente o Instagram Feed Pro hoje mesmo! | Esteja preparado para um processo complexo com limitações se optar por um plug-in. |
Como incorporar uma publicação do Instagram no WordPress sem um plug-in
Só pode apresentar o seu feed do Instagram no WordPress sem um plug-in se tiver sido aprovado como programador de aplicações no Instagram.
Dito isso, é fácil incorporar um post do Instagram no WordPress sem um plugin. Vamos começar.
Passo 1: Escolha a publicação do Instagram que pretende apresentar
Primeiro, tem de iniciar sessão na sua conta do Instagram. Se não tiveres os detalhes de início de sessão, podes visitar o perfil do Instagram.
Depois, clique na publicação do Instagram que pretende incorporar no seu sítio Web. No canto superior direito da publicação, verá 3 pontos que se parecem com isto ⠇.
Clique nos pontos e selecione Incorporar no menu que aparece.
Agora, pode ver o código de incorporação da publicação do Instagram numa janela pop-up. Se quiseres incorporar a legenda juntamente com a tua publicação, marca a opção Incluir legenda aqui.
Depois disso, basta clicar no botão Copiarcódigo de incorporação .
Já copiou o código de incorporação da publicação do Instagram. Agora, abra o seu site WordPress para poder colar este código numa publicação ou página.
Passo 2: Criar uma nova página no WordPress
Em seguida, aceda ao seu painel de controlo do WordPress e navegue até Páginas " Adicionar nova para criar uma nova página.
Em vez disso, também pode utilizar uma publicação do WordPress. Para tal, aceda a Posts " Adicionar novo na área do seu painel de controlo.
Agora que tem o editor do WordPress aberto, pode colar o seu código de incorporação do Instagram de há pouco.
Passo 3: Colar o seu código de incorporação
Para colar o código de incorporação, comece por clicar no ícone de mais (+) e selecione o bloco HTML personalizado .
Agora, cole o código de incorporação no bloco HTML personalizado. Para verificar o aspeto da sua publicação no Instagram, pode clicar no botão Pré-visualizar na parte superior.
Quando estiver satisfeito com o seu aspeto, clique em Publicar para ver a sua publicação do Instagram incorporada no seu sítio Web.
Está a ter problemas com as incorporações manuais do Instagram? Eis como pode corrigir problemas de incorporação do Instagram no WordPress.
E pronto! Aprendeu agora a incorporar as suas publicações do Instagram no WordPress sem utilizar um plugin.
A próxima pergunta é: é melhor utilizar um plugin WordPress ou não para adicionar o seu feed do Instagram ao seu sítio Web?
3 razões para utilizar um plug-in para o Instagram
Talvez conheça alguém que teve um problema com a utilização de um plugin no seu sítio Web, pelo que agora também tem medo de o utilizar.
Talvez pessoas aleatórias na Internet lhe tenham dado conselhos pouco úteis, dizendo-lhe que os plugins tornam o seu site mais lento, pelo que não os deve utilizar.
Ou talvez tenha utilizado um plugin anteriormente e tenha sido ótimo. Mas quando precisou da ajuda deles para resolver um problema, ninguém lhe deu a solução para o seu problema?
Seja qual for a sua razão para não querer utilizar um plugin, a verdade mantém-se:
É muito mais difícil e complicado quando não se utiliza um plugin WordPress do Instagram para incorporar o seu feed do Instagram no seu sítio Web.
Aqui estão 3 razões reais para isso:
1. Sem um plug-in, é mais difícil exibir seu feed do Instagram
Quando ainda não estava no Smash Balloon, pensei em incorporar manualmente os meus feeds do Instagram no meu site pessoal.
Mas quando comecei a fazê-lo, apercebi-me de que é complicado, porque se não utilizar um plugin de redes sociais do WordPress, tem de o fazer:
- Registe-se como programador de aplicações no Instagram: Eles têm de analisar a tua candidatura e só te aprovam se cumprires as normas deles. Que pena.
- Registar um novo cliente no site Instagram Developers: Além disso, tens de configurar a autenticação implícita depois.
- Gerar um código de acesso: Para tal, tem de autenticar a sua própria aplicação e conceder acesso aos seus suportes de dados.
- Utilizar JavaScript: E trabalhe também com códigos HTML.
A pior parte disto tudo?
Depois de gastar muito do seu tempo e esforço a fazer tudo isto, só pode mostrar as suas últimas 20 imagens no seu feed. Que chatice.
Entretanto, se utilizar um plugin do WordPress para incorporar um feed do Instagram no WordPress, pode fazê-lo facilmente:
- Descarregue e instale um plugin fácil de utilizar: Pode experimentar o plugin Instagram Feed Pro do Smash Balloon, que é o melhor plugin do Instagram para WordPress.
Em menos de 5 minutos, pode adicionar facilmente o seu feed do Instagram no WordPress. Sim, sem ter de lidar com trechos de código HTML e JavaScript confusos!
Além disso, também pode personalizar o aspeto dos seus feeds do Instagram no seu sítio Web com apenas alguns cliques.
E se utilizar o Instagram Feed Pro, os seus feeds podem copiar automaticamente o design do seu sítio Web e corresponder à sua marca.
Incorporar o seu feed do Instagram em poucos minutos quando começar a utilizar o Instagram Feed Pro aqui!
2. É mais demorado se não usar um plugin
Quer adicionar um feed do Instagram ao WordPress sem utilizar um plugin?
É necessário configurar a autenticação implícita para todos os sítios Web em que pretende apresentar o seu feed do Instagram.
Assim, se quiser mostrar o seu feed do Instagram a 3 sítios Web diferentes, terá de efetuar a autenticação implícita 3 vezes.
O que é mais dececionante é que o seu acesso também é limitado. Só pode apresentar o seu próprio feed do Instagram.
E se quiser apresentar contas que não lhe pertencem?
É necessário contactar o administrador da conta e pedir-lhe que obtenha primeiro o seu próprio ID de cliente. Depois, tem de passar pelo processo complicado que mencionámos anteriormente. Veja #1 novamente para uma atualização.
Mas não fiques tão desanimado! Estamos aqui para vos dar as boas notícias.
Mostrar o seu feed do Instagram no seu site é mais fácil, mais rápido e melhor - se optar por utilizar um excelente plugin como o Instagram Feed Pro do Smash Balloon.
Quer ouvir mais uma boa notícia? Pode utilizar o plugin para apresentar vários feeds no seu sítio Web.
Só precisa de ligar as contas do Instagram que pretende mostrar ao plug-in e ele trata do resto.
Fácil. E isso deve-se ao facto de ter decidido utilizar um plug-in de feed do Instagram concebido para integrar o conteúdo do Instagram no seu site com apenas alguns cliques.
3. Sem um Plugin, fica por sua conta
E se ainda assim tentasse adicionar um feed do Instagram ao seu sítio Web sem utilizar um plug-in, mesmo depois de ler as verdadeiras razões acima?
Se tiver problemas em registar-se como programador de aplicações ou em gerar um código de acesso, tem de contactar diretamente o Instagram.
No entanto, não existe uma garantia a 100% de que resolverão o seu problema.
E se tiver estragado o código HTML do seu sítio Web? Ou não consegue descobrir como fazer JavaScript?
Bem, pode estudar HTML ou contratar um programador para o ajudar - mas estas opções custam muito tempo e dinheiro.
E não faz sentido investir milhares de dólares só para adicionar um simples feed do Instagram no seu WordPress, claro.
No entanto, se optar por utilizar o plugin Instagram Feed Pro do Smash Balloon, saberá que está em boas mãos.
A equipa de apoio ao cliente do plugin é composta por especialistas em WordPress que terão todo o prazer em ajudá-lo, em cada passo do processo.
Com mais de 1.000.000 de utilizadores activos e uma forte classificação de 4,9 estrelas, o plugin deve estar a fazer alguma coisa bem, não acha?
Se procura uma forma fácil de adicionar o seu feed do Instagram ao seu sítio Web, pode utilizar o plug-in Instagram Feed Pro. É mais fácil e mais rápido. Pode configurá-lo e apresentar o seu feed em menos de 5 minutos, lembra-se?
Além disso, utilizar um plugin é melhor do que desperdiçar o seu precioso tempo com HTML confuso.
Também é muito mais barato do que contratar um programador caro para o fazer por si.
Com apenas um plugin de feed do Instagram, pode utilizar o Instagram Feed Pro para também:
- Herdar o tema do seu sítio Web para utilizar o mesmo tipo de letra, cor e estilo no seu feed - automaticamente
- Incorporar feeds de hashtag de marca para envolver os visitantes com fotografias e vídeos relevantes do Instagram
- Mostrar tantos feeds do Instagram quantos quiser no seu sítio Web
- Incorporar o feed de carretéis do Instagram no WordPress
- Utilize um fantástico personalizador de feeds em direto para alterar o design dos seus feeds do Instagram
- Mostrar as menções do Instagram no seu sítio Web
- Criar feeds de Instagram compráveis para aumentar as vendas
...e muito mais. Veja tudo o que o Instagram Feed Pro pode fazer por si aqui.
Agora que já leu sobre o assunto, pode estar a perguntar-se: "É realmente fácil apresentar um feed do Instagram no meu sítio Web utilizando um plug-in?"
Passemos à secção seguinte para responder à sua pergunta, está bem?
Como incorporar o seu feed do Instagram no WordPress
Em menos de 5 minutos, pode configurar facilmente o plugin Instagram Feed Pro para apresentar o seu feed no seu site. Eis como o pode fazer:
Passo 1: Descarregar e instalar o Instagram Feed Pro
Primeiro, você precisa obter sua própria cópia do Instagram Feed Pro aqui. Em seguida, você pode ir em frente e instalá-lo em seu site WordPress.
Não sabe como instalar um plugin? Consulte este tutorial útil sobre a instalação de plug-ins do WordPress para que o possa fazer facilmente.
Depois de ter instalado e ativado o seu plugin, avance para o passo seguinte.
Passo 2: Criar um novo feed do Instagram
Depois disso, já pode criar um feed do Instagram utilizando o plugin.
Primeiro, navegue até Instagram Feed " All Feeds a partir do seu painel de administração do WordPress.
Nesta página, clique no botão Adicionar novo.
Pode agora selecionar o seu tipo de feed do Instagram entre 3 opções:
- Linha de tempo do utilizador: Mostrar as suas últimas publicações do Instagram no seu sítio Web
- Hashtag público: Mostrar publicações do Instagram com hashtags específicas
- Posts marcados: Incorporar fotografias e vídeos em que a sua conta do Instagram está marcada
Pode selecionar várias opções e combinar diferentes tipos de feed num só.
Depois de ter selecionado o tipo de feed, clique em Seguinte para continuar.
Para este tutorial, vamos selecionar uma linha temporal de utilizador aqui.
Em poucos cliques, tem agora um novo feed do Instagram que o plugin criará para si. Pode avançar para o passo 3 e ligá-lo à sua conta no Instagram.
Passo 3: Ligar a sua conta do Instagram
Em seguida, pode optar por ligar uma conta de criador ou de empresa a este plug-in.
Se quiser saber mais, aqui está um guia prático sobre como atualizar a sua conta do Instagram.
Para começar, clique no botão Adicionar fonte.
Existem 2 tipos de ligação ao Instagram que pode escolher:
- Básico para Empresas: incorporar fotografias e vídeos do seu perfil
- Business Advanced: Obtenha mais tipos de feeds, como feeds de hashtag, feeds de compras e muito mais
Depois de escolher uma opção, clique em Ligar para continuar.
Agora, pode abrir o Facebook ou o Instagram para concluir a ligação da sua conta.
Para este tutorial, vou clicar em Ligar ao Instagram.
Agora é possível dar acesso somente leitura ao plugin para que ele possa incorporar conteúdo do Instagram. Com este acesso, o Smash Balloon só pode ver as suas publicações e não pode fazer quaisquer alterações.
Portanto, é completamente seguro usar o Smash Balloon.
Clique no botão Permitir na janela pop-up para conceder o acesso só de leitura.
O plugin leva-o de volta ao seu sítio Web para que possa terminar de ligar o seu novo feed ao Instagram.
Para tal, clique no botão Seguinte e confirmará esta conta do Instagram como fonte do seu novo feed.
Passo 4: Personalizar o seu novo feed do Instagram
Depois de ligar a sua conta do Instagram, verá o seu feed aberto no editor de feed visual com pré-visualização em direto.
À esquerda, pode ver as opções de personalização do seu feed do Instagram. Pode utilizar estas opções para alterar o esquema do feed, o estilo do cabeçalho, o esquema de cores, o estilo das publicações e muito mais.
Quando altera as opções de personalização do seu feed do Instagram, pode ver o seu aspeto utilizando a pré-visualização em direto no lado direito do personalizador.
Vamos começar a desenhar o nosso feed do Instagram.
Normalmente, começo por personalizar o esquema do meu feed do Instagram. Para o fazer primeiro, clique na opção Feed Layout para começar a personalização.
Agora pode escolher entre 4 opções para o esquema do seu feed: Grelha, Carrossel, Alvenaria e Destaque.
A primeira opção é o layout de grelha , que mostra as suas publicações do Instagram em linhas e colunas.
Uma vez que todas as suas fotografias têm o mesmo tamanho, o seu feed do Instagram tem um aspeto limpo se escolher este esquema.
Com o layout Carrossel , pode apresentar um slider do Instagram no seu sítio Web. Desta forma, dá aos seus visitantes outra forma de interagir com o seu sítio e aumenta o seu envolvimento.
Quer mostrar as publicações do Instagram com as suas proporções originais? Pode escolher o esquema Masonry .
É uma excelente forma de incorporar galerias do Instagram no seu sítio Web e mostrar a fotografia completa aos seus visitantes.
Por fim, tem o esquema Highlight que pode tornar as publicações específicas do Instagram altamente visíveis. Com este layout, pode mostrar os seus melhores produtos nos seus feeds de Instagram compráveis.
Quando tiver escolhido o esquema, não se esqueça de clicar em Guardar alterações.
Para regressar às principais opções de personalização, clique no pequeno botão Personalizar .
Depois disso, pode clicar na opção Esquema de cores para escolher as cores do seu feed do Instagram.
Com o Instagram Feed Pro, pode escolher entre 4 esquemas de cores diferentes:
- Herdar do tema: Herdar as cores do seu site
- Claro: Mostrar um fundo claro juntamente com um tipo de letra mais escuro
- Escuro: Escolha um fundo escuro e uma cor de letra clara
- Personalizar: Escolher todas as cores do seu feed do Instagram manualmente
Quando estiver satisfeito com o esquema de cores, clique em Guardar.
Desta forma, pode utilizar as restantes opções de personalização para definir o esquema da publicação, o estilo do cabeçalho, o tamanho do feed, a lightbox e muito mais. E quando terminar a personalização, clique em Guardar novamente.
Passo 5: Incorporar o feed do Instagram no seu sítio Web
Finalmente, está na altura de incorporar o seu feed do Instagram no seu sítio Web. Com este plugin, tem 2 formas super fáceis de o fazer:
- Incorporar o feed do Instagram na sua página
- Incorporar o feed do Instagram na sua barra lateral ou rodapé
Incorporar o feed do Instagram na sua página
Pode começar a incorporar o seu feed do Instagram diretamente a partir do seu editor de feed em direto. Para começar, clique no botão Incorporar na parte superior.
Em seguida, pode escolher onde incorporar o seu feed do Instagram num novo pop-up. Clique no botão Adicionar a uma página para continuar.
Em seguida, selecione a página onde pretende colocar o seu feed do Instagram e clique no botão Adicionar.
Agora, o plugin envia-o para essa página para que possa incorporar o seu feed do Instagram.
Para o fazer, clique no pequeno ícone de mais (+) e adicione um novo bloco de conteúdo à página.
Agora, utilize a barra de pesquisa para procurar "Instagram" e, em seguida, clique na opção Instagram Feed nos resultados da pesquisa.
Por fim, clique em Publicar e o seu feed do Instagram estará ativo.
Basta seguir os passos deste tutorial para ter um feed do Instagram na sua página do WordPress. Pode agora abrir o seu sítio Web e ver o aspeto do seu feed do Instagram.
Depois disso, vamos ver como pode incorporar o seu feed do Instagram na barra lateral ou no rodapé do seu sítio Web.
Incorporar o feed do Instagram na barra lateral ou no rodapé
Também pode incorporar os feeds do Instagram na sua barra lateral ou nas áreas de rodapé como um widget do Instagram.
Primeiro, abra seu feed do Instagram no editor de feed ao vivo. Se ainda não estiver aberto, use o painel do WordPress para navegar até o feed do Instagram " Todos os feeds.
Agora, clique no feed do Instagram que criou anteriormente.
Verá agora o feed do Instagram aberto no editor de feed em direto.
Clique no botão Incorporar no canto superior direito para começar a incorporar o seu feed.
Depois disso, aparece uma janela que pergunta onde pretende incorporar o seu feed.
Na janela pop-up, clique no botão Adicionar a um Widget.
O plugin abrirá agora a sua página de Widgets para que possa adicionar o widget de feed do Instagram.
Para incorporar o seu feed do Instagram na barra lateral, pode clicar no painel da barra lateral aqui.
Se, em vez disso, quiser incorporar o seu feed do Instagram no rodapé, clique num painel de rodapé.
Para este tutorial, vamos incorporar o feed do Instagram no rodapé do sítio Web.
Agora, clique no ícone de mais (+) aqui para adicionar um novo widget e, em seguida, selecione o widget Feed do Instagram a partir das opções.
Vá em frente e clique em Atualizar para publicar o widget de feed do Instagram no seu sítio Web.
Quando abre o seu sítio Web, pode ver o seu aspeto.
📽️ Dica de bónus: Incorporar facilmente Instagram Reels no seu site
Tendo ajudado inúmeros utilizadores a apresentar feeds sociais nos seus sites WordPress, sei que a adição de conteúdo dinâmico, como os rolos do Instagram, pode fazer maravilhas para o envolvimento!
Os carretéis não só mantêm o seu conteúdo atualizado, como também atraem mais visitantes graças às suas elevadas taxas de alcance.
Ao integrar os carretéis do Instagram no seu sítio Web, proporcionará uma experiência de vídeo envolvente que mantém os utilizadores a interagir com a sua marca durante mais tempo, ajudando a aumentar a atração do seu sítio e a retenção de visitantes.
Usar o plugin Smash Balloon Instagram Feed Pro é a maneira mais fácil de incorporar carretéis. Foi concebido com a simplicidade em mente, pelo que pode adicionar rolos sem necessitar de quaisquer competências técnicas. Bastam alguns cliques e está tudo pronto!
Para seguir o passo-a-passo, leia o próximo post sobre como eu incorporo os rolos do Instagram no meu site.
E pronto!
Neste artigo, aprendeu a adicionar uma publicação do Instagram ao seu sítio Web sem utilizar um plug-in.
Também sabe como incorporar um feed do Instagram no WordPress utilizando um plugin, para que possa aumentar o envolvimento da sua conta e o tráfego do seu sítio Web.
Quer a forma mais fácil de apresentar o seu feed do Instagram no seu sítio Web?
Comece já a utilizar o Smash Balloon's Instagram Feed Pro!
Quer dar um passo em frente e apresentar todos os seus feeds de redes sociais? Este próximo artigo sobre como adicionar feeds de redes sociais ao WordPress é para si.
Também podes gostar deste próximo post sobre como obter mais visualizações para os teus rolos do Instagram.
Por fim, se gostou deste artigo, não hesite em seguir-nos no Twitter e no Facebook para mais tutoriais sobre marketing nas redes sociais.
