As melhores maneiras de adicionar um feed do Instagram ao seu site WordPress
Publicados: 2022-04-10Quando a maioria das pessoas pensa em mídias sociais, elas imaginam o Facebook e o Twitter. No entanto, o Instagram está rapidamente se tornando uma das maiores ferramentas de mídia social online. É um site de compartilhamento de fotos que cresceu para mais de 400 milhões de usuários ativos mensais. Ele também é classificado como um dos 10 sites mais visitados da América. Sua empresa precisa estar lá!
Este artigo abordará alguns métodos diferentes que você pode usar para exibir seu feed do Instagram em seu site com WordPress.
O Instafeed.js é uma ótima opção, mas não tem todos os recursos que você deseja. O widget do Instagram da Elfsight e o plug-in Smashballoon são duas outras opções que vale a pena considerar se você deseja criar um feed do Instagram com mais funcionalidades do que o instafeed.js fornece. Continue lendo para aprender sobre essas três maneiras diferentes de adicionar um feed do Instagram ao seu site WordPress!
Por que adicionar um feed do Instagram ao seu site?
O Instagram não é mais uma plataforma apenas para fotógrafos, e o valor de ter seu feed do Instagram em seu site não é dizer que você é um “influenciador” ou que deseja curtidas e seguidores. Um feed do Instagram mostra aos clientes e clientes o que você está fazendo, com o que você se importa e como se conectar com você. Seu feed do Instagram também pode ser um canal eficaz de atendimento ao cliente.
O Instagram tem aproximadamente 300 milhões de usuários ativos mensais. Essa é uma quantidade enorme de olhos para o seu produto ou empresa. Mesmo que seu objetivo não seja vender coisas diretamente, um feed do Instagram pode ser tremendamente valioso.
O Instagram oferece muitas oportunidades para pesquisa de mercado, você pode ver quais tipos de imagens cativam seu público e aprender sobre o tipo de conteúdo com maior probabilidade de se sair bem. Dessa forma, você pode planejar com antecedência as postagens com maior probabilidade de obter engajamento ou alcançar as pessoas certas. Além disso, facilita o planejamento do seu conteúdo, pois você terá uma melhor compreensão do que funciona e do que não funciona.
O Instagram também é uma das melhores maneiras de criar fidelidade à marca e garantir que os clientes continuem voltando para mais. Um ótimo exemplo de um de nossos clientes (uma empresa de suplementos online) mostra como o feed do Instagram os ajuda a se conectar com seus clientes e a fidelizar a marca, mesmo quando não estão vendendo nada ativamente.
Então... sabemos agora que o Instagram vale a pena, e mostrar um feed do Instagram em seu site WordPress é valioso. Agora vamos falar sobre como fazer exatamente isso.
Abordaremos três métodos. O primeiro método é uma biblioteca JavaScript gratuita chamada Instafeed.js. A segunda opção é o Instafeed Widget da Elfsight e a terceira é o Smashballoon Plugin. Eles variam em termos de complexidade e preço - e, como agência, intercalaremos nossos pensamentos, pois usamos todos esses métodos.
Usar a biblioteca InstaFeed.js
O primeiro método é a Biblioteca InstaFeed.js. Funciona em todos os principais navegadores - incluindo dispositivos móveis - e não requer nenhum código do lado do servidor para ser executado. A biblioteca está disponível gratuitamente no GitHub e você pode incluí-la no elemento <head> do seu site usando uma tag de script simples.
Recentemente, eles lançaram a versão 2.0 do Instafeed, que agora funciona com a nova API do Instagram.
Por ser código Open Source, é gratuito.
Aqui estão algumas das principais características:
- Essa é uma ótima maneira de criar um feed básico do Instagram em seu site.
- É simples, fácil de usar, leve e perfeito para sites que não têm muito tráfego ou muitas imagens (não deixa as páginas lentas).
- No geral, gostamos muito, pois é leve e funciona bem.
- O InstaFeed agora funciona com a nova API do Instagram. Isso aumenta as chances de seu site não ser removido porque segue as novas diretrizes da API.
Esta biblioteca JS é relativamente fácil de instalar se você souber o que está fazendo, mas comparada a outros métodos, muito mais complexa. Vamos dar uma olhada no processo de instalação.
Primeiro, adicionamos a biblioteca via CDN.
Isso é feito com uma tag de script inserida no cabeçalho do nosso site WordPress.
Em seguida, inicializamos o widget em nosso site e o adicionamos a um div com um ID arbitrário:
var instaFeed = new InstaFeed("#myInstagramWidget");
Em seguida, definimos as várias opções, como o nome de usuário do Instagram, quantidade de fotos a serem exibidas, etc:
A div com o ID de #myInstagramWidget será então preenchida com um feed do Instagram.
Se você é técnico, pode criar visualizações personalizadas, mostrar hashtags e fazer praticamente qualquer coisa que precise em termos de adicionar um feed do Instagram ao WordPress (na verdade, usamos essa biblioteca em nosso feed profissional do Instagram para o Oxygen Builder componente). Mas, você precisará ter uma boa compreensão do JS e desta biblioteca para fazer isso.
Em termos de desempenho, o tamanho do Instafeed é de 1,5 kb e funcionará em todos os principais navegadores e não possui dependências do lado do servidor.
O problema com esse método é que ele oferece funcionalidade limitada em comparação com outros métodos de adicionar um feed do Instagram ao seu site. O script tenta simular o "Mapa de Fotos" do Instagram, mas não é muito perfeito para isso. Também deve ser complicado para alguém que não conhece JavaScript, tornando-o não perfeito para um empresário que procura uma solução simples.
Felizmente, existem outras opções disponíveis para os empresários que não têm tempo ou habilidades para configurá-lo. Vamos passar por dois deles agora!
Widget de feed do Instagram ElfSight
O feed ElfSight IG é outra maneira de adicionar fotos do Instagram a um site WordPress. Este é simples de configurar e instalar, bem projetado e fácil de usar.
Com o Elfsight, você pode adicionar seu feed do Instagram a qualquer parte de uma página do WordPress, incluindo o cabeçalho, barra lateral ou rodapé. Você também pode estilizar elementos como cores e fontes, além de adicionar CSS personalizado.
Para alguns, o ElfSight é gratuito, mas na maioria dos casos, você deve optar pelo plano básico ou profissional. O plano pro custa $ 10/mês e vem com:
- Sites ilimitados
- 50.000 visualizações
- Suporte premium
- Serviço de instalação gratuito
- Remoção do logotipo Elfsight
Há um plano básico de US $ 5 / mês um pouco mais limitado, bem como um plano lite gratuito.
Existem 50 opções de personalização diferentes e fáceis de usar, bem como modelos para escolher. Diferentemente do Instafeed, com o Elfsight, você também pode exibir fotos de qualquer conta pública do Instagram ou por hashtag, local ou URL da foto e nunca se preocupar em misturar tudo - todas as combinações são suportadas.
Isso pode ser filtrado ou moderado e exibido como uma grade ou controle deslizante. Você também pode ter um pop-up!
Esta solução é interessante porque na verdade não é um plugin. Em vez disso, você o instala incorporando algum código em seu site, como o Instafeed, mas para este, é apenas um copiar e colar. A integração é perfeita e tem muitas opções para exibir conteúdo. É sempre atualizado e tudo é gerenciado no site da Elfsight.
Dos três da nossa lista, o Elfsight é o nosso favorito. Eles têm recursos incríveis em um pacote utilizável, além de um ótimo suporte. O melhor de tudo é que o preço deles é razoável para o que você ganha com isso.
Como agência, gostamos deste porque é o mais fácil para nossos clientes usarem. Nós configuramos para eles, e eles nunca tocam no código. As opções de compartilhamento de mídia social também são um toque agradável!
Plugin Smash Balloon
A entrada final da nossa lista é o plugin Smash Balloon Instagram Feed. Este é um plugin padrão do WordPress.
Projetado para ser compatível com qualquer tema WordPress em seu site, o plugin Instagram Feed não requer nenhum trabalho para que você fique perfeito. O plug-in vem equipado com várias opções de personalização para que você possa ajustar a aparência e o layout do feed escolhido. Você pode exibir feeds em todo o site e personalizá-los com os estilos de código de acesso. Por exemplo, se você deseja um feed de vídeo em uma página e um carrossel de fotos em outra, não há problema!
O plug-in armazena em cache os dados que recebe do Instagram para diminuir o tempo de carregamento e minimizar as solicitações da API. Ele também possui um sistema de cache de backup em caso de problemas de API, garantindo que seu feed permaneça ativo mesmo se você mais precisar. Você pode vincular suas postagens do Instagram a URLs personalizados adicionando a URL à legenda de sua postagem. Isso facilita para as pessoas que clicam em uma postagem específica em seu feed para ver produtos ou páginas relevantes naquele momento.
O Instagram Feed Pro é um plugin responsivo do WordPress para sua conta do Instagram que foi projetado desde o início para funcionar bem em todos os dispositivos, esteja você usando uma tela sensível ao toque ou não.
Algo incrível sobre a empresa por trás do plugin WordPress, Smash Balloon, é o suporte que eles oferecem. Entrar em contato com a equipe por meio de seu site é fácil e é recomendável que você faça exatamente isso se precisar de suporte ou tiver dúvidas sobre este plug-in. A empresa também tem um ótimo blog onde você pode encontrar dicas e truques, além de tutoriais para usar o Instagram em seu site.
Para um site, ele custa US $ 49 por ano e, é claro, se você quiser usar o plug-in, precisará de uma licença.
Uma palavra sobre a API do Instagram
Algo a considerar (e um aspecto do Instagram que é irritante) é a API e as restrições que a acompanham. O problema é que a API do Instagram tem um limite de requisições por usuário. Quando seu script exceder esse valor, você receberá uma mensagem de erro do Instagram solicitando que você pare - e o Instagram desativará o acesso à sua conta se detectar uso excessivo.
Isso não significa desabilitar completamente sua conta para sempre (embora eles tenham feito isso no passado), mas talvez você não consiga extrair dados do Instagram novamente até ajustar seu código ou aguardar horas para que suas solicitações sejam redefinidas pelo Instagram. Portanto, lembre-se disso ao criar seu feed do Instagram e não abuse da API!
A API também está mudando muito, especificamente agora que o Facebook é dono da empresa. Por exemplo, é impossível realmente exibir um feed do Instagram em um site WordPress sem uma chave de API específica.
A permissão restante da API Legacy do Instagram foi desativada em 29 de junho de 2020. Agora, os desenvolvedores precisam usar a API de exibição básica do Instagram e a API de gráfico do Instagram. Isso significa que qualquer plugin do WordPress agora precisa ser construído usando a API do Instagram.
No entanto, com este desenvolvimento, ficou um pouco mais fácil para os usuários dos plugins. Você deve ter notado, mas agora é uma experiência relativamente fácil (embora mais limitada) quando se trata de criar a chave de API e integrá-la. Na maioria dos casos, é apenas um clique de botão.
Sempre fique de olho nas notícias da API associadas ao Instagram. Se eles fizerem alterações futuras e você estiver no escuro, seu feed do Instagram do WordPress pode parar de funcionar!
Qual é a melhor solução de feed do Instagram para WordPress?
Elfsight é o melhor fornecedor no momento. Eles têm o melhor pacote pelo preço e nós gostamos mais do suporte e do produto deles. Se você é proprietário de uma empresa ou administrador da web procurando por uma solução super bem apresentada e econômica, essa é a sua cara.
O Instafeed.js é bom para pessoas técnicas que desejam uma solução gratuita, mas controle absoluto quando se trata de WordPress um feed do Instagram. Se você é um desenvolvedor e não tem medo de ajustar o código e construir suas próprias coisas, você estará no céu. No entanto, há uma falta atual de documentos que dificulta a acessibilidade para iniciantes.
Finalmente, o Smash Balloon é uma solução bem respeitada. O Instagram Feed Pro ajuda você a exibir feeds do Instagram completamente personalizáveis em seu site e torná-los interativos.
No entanto, quando comparado ao Elfsight, alguns podem achar mais complexo - mas é mais barato!
Não importa qual solução você escolha, certifique-se de que o plug-in/biblioteca seja atualizado regularmente para evitar problemas ou problemas com o uso.
Se você tiver alguma dúvida sobre este artigo ou alguma dúvida sobre os plugins de feed do Instagram em geral, não hesite em deixá-los na seção de comentários abaixo! Aproveite e boa construção.