Como criar um feed WordPress do Instagram (facilmente)

Você quer aprender como adicionar um feed WordPress do Instagram ao seu site?

O Instagram é uma plataforma de mídia social e ferramenta de marketing incrivelmente popular. Ao exibir seu feed em seu site WordPress, você pode criar prova social, aumentar o engajamento, criar seguidores sociais, economizar tempo e fazer mais vendas!

Neste artigo, mostraremos passo a passo como adicionar um feed do Instagram ao WordPress de maneira fácil.

Por que criar um feed do WordPress no Instagram?

Com um feed WordPress do Instagram, as imagens que você envia para o Instagram aparecem automaticamente em seu site, o que é uma maneira realmente conveniente de mostrar novos conteúdos e incentivar o envolvimento do visitante, sem gastar muito tempo nas atualizações do site.

Aqui estão alguns dos principais benefícios de conectar seu feed Insta com o WordPress para exibir fotos e outras mídias:

• Permite que os visitantes do site vejam suas postagens mais recentes e os incentiva a retornar para as atualizações mais recentes.
• Adiciona conteúdo dinâmico ao seu site para mantê-lo atualizado e envolvente.
• Permite exibir análises de produtos, feeds de hashtag relevantes e depoimentos em vídeo para criar provas sociais.
• Promove seu perfil do Instagram para expandir seu público, aumentar sua marca e obter mais seguidores no Instagram.
• Pode melhorar seu SEO e aumentar as classificações, fornecendo conteúdo mais relevante para o Google indexar.

Esses são alguns benefícios incríveis para o seu negócio! Pronto para descobrir como incorporar seu feed do Instagram no WordPress facilmente? Vamos começar.

A melhor maneira de adicionar um feed WordPress do Instagram

Para exibir um feed do Instagram em seu site, usaremos a melhor mídia social e plug-in de feed do Instagram disponível, recomendado por mais de 1 milhão de usuários.

O Smash Balloon Instagram Feed Pro permite adicionar facilmente um feed de fotos do Instagram ao seu site WordPress e exibir conteúdo cativante em um instante. Seu fluxo guiado e fácil de usar torna simples e rápido integrar um feed do Instagram ao WordPress e criar um feed totalmente personalizável.

Além disso, ele adota automaticamente o design do seu site, garantindo uma experiência visual consistente e tem desempenho otimizado para tempos de carregamento ultrarrápidos.

O plug-in de mídia social se conecta facilmente à sua API do Instagram sem exigir códigos de incorporação e funciona perfeitamente com os melhores criadores de páginas de arrastar e soltar.

Com toneladas de recursos impressionantes, nenhuma habilidade técnica necessária e suporte CSS para usuários avançados, é o melhor plug-in WordPress do Instagram para iniciantes e especialistas.

Os recursos do Instagram Feed Pro incluem suporte para várias contas do Instagram, feeds de hashtag, histórias do Instagram, bobinas, vídeos, menções, imagens do Instagram para compra, lightboxes, personalizações de design total, muitas opções de layout e muito mais.

Usando o Smash Balloon, você pode criar e personalizar feeds totalmente personalizados para o seu site em minutos, como o feed de compras do Instagram para comércio eletrônico acima.

Comece com o Smash Balloon Instagram Feed Pro agora!

Pronto para criar seu próprio feed exclusivo do Instagram no WordPress? Vamos mergulhar nas instruções passo a passo.

Como adicionar um feed do Instagram ao WordPress

• Passo 1: Instale o Smash Balloon Instagram Feed Pro
• Etapa 2: crie um novo feed do Instagram
• Etapa 3: conecte sua conta do Instagram ao WordPress
• Etapa 4: personalize o design do seu feed
• Etapa 5: incorpore seu feed do Instagram no WordPress

Passo 1: Instale o Smash Balloon Instagram Feed Pro

Primeiro, você precisará instalar e ativar o plugin. Para obter instruções detalhadas, você pode conferir este tutorial sobre como instalar um plugin do WordPress.

Observação: em nosso tutorial, usaremos a versão premium do Smash Balloon, pois oferece opções de personalização completas com mais recursos e funcionalidades. Se você está apenas começando ou está com o orçamento apertado, pode experimentá-lo com a versão gratuita, Smash Balloon Social Photo Feed.

Depois de instalar e ativar o plug-in, você precisará ativar sua chave de licença. Vá para Instagram Feed »Configurações do seu administrador do WordPress.

Aqui, cole sua chave de licença (encontrada em seu e-mail de confirmação de compra ou em sua conta Smash Balloon) e pressione Ativar . Em seguida, clique em Salvar alterações no canto superior direito.

Você está pronto para criar seu primeiro feed WordPress do Instagram.

Etapa 2: crie um novo feed do Instagram

Para configurar um novo feed do Instagram no WordPress, vá para Instagram Feed »Todos os feeds . Pressione o botão na parte superior + Adicionar novo .

Em seguida, selecione Tipo de feed e escolha entre as 3 primeiras opções:

• Linha do tempo do usuário – Exiba as fotos e vídeos do Instagram do seu perfil.
• Hashtag pública – Mostre uma postagem do Instagram com as hashtags escolhidas.
• Postagens marcadas – Exibe postagens nas quais sua conta do Insta está marcada.

Observação: Mural social é usado para combinar feeds de vários plug-ins de rede social do Smash Balloon (Twitter, Facebook, YouTube e Avaliações) para criar uma página WordPress de mural social em seu site.

Se você quiser usar Hashtag pública ou Postagens marcadas , precisará de uma conta comercial do Instagram. O uso de uma conta comercial também oferece acesso a recursos avançados, como análises, botões de contato e histórias ao vivo do Instagram.

Confira o tutorial do Smash Balloon para converter um Instagram pessoal em uma conta comercial. Ou você pode selecionar Linha do tempo do usuário para usar com qualquer conta, que é o que usaremos.

Depois de selecionar o tipo de feed, pressione o botão Avançar .

Independentemente do tipo escolhido, você precisará conectar seu novo feed à sua conta do Instagram na próxima etapa.

Etapa 3: conecte sua conta do Instagram ao WordPress

Na próxima tela, clique no botão azul + Add Source .

Agora, você será direcionado para sua conta do Smash Balloon. Escolha o tipo de conta do Instagram que você está conectando.

Pressione o botão para se conectar com o Instagram .

Agora, você será redirecionado ao Instagram para dar ao Smash Balloon acesso ao seu feed. Certifique-se de que ambas as permissões estejam marcadas em azul e pressione Permitir .

A partir daqui, você será redirecionado de volta ao seu site WordPress. Clique para selecionar sua nova fonte de feed do Instagram e pressione Avançar no canto superior direito.

Parabéns, você aprendeu como conectar seu feed do Instagram ao WordPress! Agora é a parte divertida, onde você poderá criar seu feed e personalizá-lo para combinar com sua marca.

Etapa 4: personalize o design do seu feed

Primeiro, você precisará selecionar um modelo para o seu feed WordPress do Instagram (não se preocupe, você pode alterá-lo no editor mais tarde). Vamos usar Default . Pressione o botão Avançar .

Dica: Se você estiver usando uma conta pessoal, poderá ver um pop-up para adicionar sua foto de perfil e biografia. Você pode adicioná-los mais tarde navegando para Instagram Feed »Configurações e usando o ícone de configurações ao lado de sua fonte de feed, ou você pode usar o editor para defini-los para cada feed.

Em seguida, você chegará ao editor ao vivo, onde poderá personalizar seu feed WordPress do Instagram para ter a aparência exata que deseja.

Na barra lateral esquerda, você encontrará todas as opções que pode alterar, como layout, esquema de cores, design do cabeçalho, caixa de luz, estilo de postagem, botão carregar mais e seguir e muito mais.

Nota: Lembre-se, estamos usando a versão Pro. Se você estiver usando o plug-in gratuito, não terá todas as mesmas opções e recursos de personalização disponíveis, mas ainda poderá trabalhar com as opções que possui ou acessar a página de preços do Smash Balloon para atualizar.

A visualização ao vivo é atualizada à medida que você faz alterações, o que é realmente conveniente para brincar com diferentes layouts e opções antes de definir o design final do feed do Instagram.

Existem muitas personalizações diferentes, e a maioria delas é autoexplicativa. Sugerimos que você continue brincando com as diferentes opções até ficar satisfeito com a aparência do seu feed do Instagram.

Dito isso, compartilharemos algumas dicas e alterações comuns que você pode querer fazer.

Dicas para personalizar seu feed do Instagram

Para obter mais opções de layout, clique em Layout de feed. Você pode alterar como suas postagens são organizadas com um layout Carrossel , Alvenaria , Destaque ou Grade . Em seguida, você pode personalizar ainda mais o layout com altura e preenchimento para alterar o espaçamento entre sua mídia.

Com o layout do carrossel, você também pode personalizar o número de linhas, tipo de loop, tempo de intervalo, paginação, setas de navegação e reprodução automática.

Da mesma forma, um layout de destaque permite escolher quais postagens são destacadas criando um padrão de postagem e usando deslocamento, ou você pode optar por destacar por ID de postagem ou hashtag.

Se quiser ver a aparência do seu feed em diferentes tamanhos de dispositivo, basta clicar nos ícones de dispositivo no canto superior direito do editor ao vivo.

O Smash Balloon exibirá o mesmo número de postagens do Instagram no celular e no computador por padrão. Pode ser uma boa ideia mudar isso, pois dispositivos menores têm telas menores e menos poder de processamento. Em Layout do feed, você pode alterar os campos em Número de postagens .

Logo abaixo disso, você pode alterar o número padrão de colunas a serem exibidas para cada tipo de dispositivo. Isso também pode ser útil se você quiser criar miniaturas menores para um design mais focado em lightbox.

Você pode clicar na guia Configurações na barra lateral para definir mais preferências para seu feed do Instagram, como habilitar um Feed para compras , alterar a ordem de classificação de suas postagens, adicionar filtros para controlar quais postagens aparecem em seu site WordPress e armazenar seu feed em cache.

Quando terminar de personalizar, clique no botão Salvar no canto superior direito.

Etapa 5: incorpore seu feed do Instagram no WordPress

Você chegou ao último passo! Agora é hora de aprender como incorporar seu feed do Instagram em seu site WordPress.

Depois de salvar seu design, clique no botão Incorporar .

Você terá 3 opções de como gostaria de incorporar seu feed do Instagram em seu site. Analisaremos cada um abaixo, mas anote o número ao lado de feed= em seu shortcode (é 1 em nosso caso).

1. Use Shortcode para Incorporar

Se você usar o código curto, basta pressionar o botão Copiar e colar o código curto do feed do Instagram em qualquer página ou postagem usando um bloco de código curto do WordPress.

Você sempre pode encontrar os códigos de acesso para seus diferentes feeds acessando Instagram Feed » All Feeds . Aqui, você verá seus códigos de acesso ao lado de cada feed.

2. Adicione seu feed a uma página

Se você escolher Adicionar a uma página , verá uma lista de suas páginas e poderá selecionar aquela em que gostaria de incorporar seu feed. Ele o levará automaticamente ao editor do WordPress dessa página. Você também pode usar essa opção sempre que estiver editando uma postagem ou página.

Enquanto estiver no editor do WordPress, clique no ícone + para adicionar um novo bloco. Comece a digitar Instagram Feed e você verá a opção de bloqueio aparecer.

O bloco usará um de seus feeds por padrão, se você tiver vários feeds, deverá escolher qual deles será exibido. Em Shortcode Settings na barra lateral, altere feed=” ” para o número correto. Em seguida, pressione Aplicar alterações .

3. Adicione um widget do Instagram

Você também pode adicionar seu conteúdo do Instagram como um widget de feed, o que é uma ótima opção se quiser exibir facilmente um feed em todas as suas páginas, como em uma barra lateral ou rodapé.

Se clicar em Adicionar a um widget nas opções de incorporação, você será direcionado para a área de widget do seu site. (Você também pode encontrá-lo em Aparência » Widgets ).

Aqui, basta clicar no ícone + azul na parte superior da página para adicionar um novo widget e começar a digitar Instagram Feed na barra lateral esquerda. Ao vê-lo, você pode arrastá-lo para o local do widget de sua escolha.

Observação: seu tema do WordPress deve oferecer suporte a áreas de widgets para usar esta opção, mas muitos temas oferecem suporte a locais comuns de widgets.

Se não estiver exibindo o único feed que você deseja, você pode alterar o feed= número em Shortcode Settings na barra lateral, como fizemos no editor de página durante a opção de incorporação anterior.

Pressione Atualizar no canto superior direito para ativar seu widget de feed.

É isso! Você aprendeu com sucesso como criar um feed WordPress do Instagram!

Confira o último feed de fotos do Instagram que fizemos com o Smash Balloon.

Agora que você configurou um incrível feed do Instagram em seu site WordPress, use o MonsterInsights para rastrear o tráfego e as conversões de sua nova página de feed!

Se você gostou deste artigo, com certeza vai querer conferir Como configurar o rastreamento de mídia social do Google Analytics.

Ainda não está usando o MonsterInsights? O que você está esperando?

Não se esqueça de nos seguir no Twitter, Facebook e Youtube para obter os melhores tutoriais do WordPress e atualizações do Google Analytics.

Procurando uma alternativa ao Smash Balloon? Confira estes plug-ins:

• Uncanny Automator
• Revive social
• Alimente-os Socialmente
• WPZOOM