Está a pensar como pode apresentar rapidamente o seu feed do Instagram no seu sítio Web Elementor?
Adicionar o seu feed do Instagram é uma forma fantástica de manter o seu site atualizado, gerar mais envolvimento e incentivar os visitantes a segui-lo no Instagram.
Com o alcance orgânico no Instagram cada vez mais difícil de manter, partilhar as suas publicações no seu sítio Web ajuda-o a ligar-se a um público mais vasto.
Mas fazer com que o seu feed do Instagram apareça perfeitamente no Elementor utilizando os métodos habituais pode ser confuso e demorado. Especialmente se não estiver familiarizado com código ou widgets.
Lembro-me da primeira vez que tentei integrar o meu feed do Instagram com o Elementor. Como eu era um novato em WordPress, foi difícil para mim.
Com anos de experiência na Smash Balloon como profissional de marketing digital a ajudar os utilizadores a apresentarem os feeds do Instagram nos seus sites, descobri o que realmente funciona.
Neste artigo, vou explicar-lhe os passos exactos que utilizo para adicionar o meu feed do Instagram ao Elementor em menos de cinco minutos. Sim, mesmo se você for novo no processo ou não tiver experiência em tecnologia!
Neste artigo
- Qual é a maneira mais fácil de adicionar feeds do Instagram ao Elementor?
- Como adicionar um feed do Instagram ao Elementor (passo a passo)
- Comece agora mesmo a adicionar o seu feed do Instagram ao Elementor
- Artigos populares sobre como adicionar feeds sociais ao Elementor
Qual é a maneira mais fácil de adicionar feeds do Instagram ao Elementor?
De todas as opções, optei pelo Instagram Feed Pro para este guia, uma vez que é muito fácil de utilizar.
Não tem de lidar com códigos de incorporação complexos ou uma longa configuração. Em apenas alguns minutos, pode criar um belo feed do Instagram e adicioná-lo ao seu sítio Elementor.
De facto, existem algumas caraterísticas excelentes que fazem com que esta ferramenta se destaque da concorrência.
- Configuração fácil e rápida: A configuração do Instagram Feed Pro leva apenas alguns minutos, sem necessidade de codificação.
- Muitos tipos de feeds: O Instagram Feed Pro dá-lhe diferentes tipos de feeds para escolher. Pode exibir feeds de hashtag, carretéis de Instagram, feeds de Instagram compráveis e muito mais.
- Feeds compráveis: Em vez de um simples link-in-bio, pode criar feeds de Instagram compráveis e ligar os seus produtos a publicações do Instagram, proporcionando aos seus visitantes uma experiência de compra fácil.
- Combina com a sua marca: Além disso, todos os feeds que fizer com este plugin copiarão automaticamente a aparência do seu site. Obterá feeds do Instagram que correspondem perfeitamente à sua marca e ao tema do WordPress - sem necessidade de esforço extra.
- Feeds responsivos do Instagram: Este plugin do Instagram para WordPress cria automaticamente feeds responsivos para o Instagram. Isto significa que os seus feeds têm um ótimo aspeto e funcionam bem em qualquer tamanho de ecrã e dispositivo.
O que aprecio particularmente neste melhor plugin WordPress para feeds do Instagram é o seu personalizador visual de feeds, que lhe permite controlar tanto o design como o conteúdo do seu feed do Instagram com apenas alguns cliques.
Além disso, a ferramenta é bastante leve, pelo que consegui adicionar uma tonelada de fotografias e vídeos ao Elementor e o sítio ficou mais rápido do que nunca.
Como bónus, os outros utilizadores também parecem estar satisfeitos com o plugin. Instagram Feed Pro tem uma classificação de 4,9/5 estrelas de mais de 1 milhão de utilizadores.
Dica de profissional: Quer exibir o conteúdo do Instagram no Divi? Veja como pode incorporar feeds do Instagram no seu site Divi.
Pronto para experimentar? Pode começar a utilizar o Instagram Feed Pro aqui!
Como adicionar um feed do Instagram ao Elementor (passo a passo)
Adicionar um feed do Instagram Elementor é realmente muito fácil. Vamos seguir os 5 passos simples para fazer isso abaixo.
Passo 1: Instalar e ativar o plug-in Instagram Feed Pro
Para começar, você pode pegar sua cópia do Instagram Feed Pro aqui. Em seguida, basta instalar e ativar o plugin no seu site.
Se quiser ver como isso é feito, pode consultar o nosso guia sobre como instalar plug-ins do WordPress.
Passo 2: Criar um novo feed do Instagram Elementor
Depois de instalar e ativar o plugin, pode agora utilizar o Instagram Feed Pro para criar o seu novo feed.
Primeiro, aceda ao menu Instagram Feed " All Feeds a partir da área do painel de controlo do WordPress.
Agora, clique no botão Adicionar novo para começar.
Na página seguinte, pode selecionar o tipo de feed do Instagram que pretende a partir destas 3 opções:
- Linha de tempo do utilizador: Mostrar as suas próprias publicações no Instagram
- Hashtag pública: Apresentar fotografias e vídeos do Instagram que tenham hashtags específicas
- Posts marcados: Incorporar publicações que tenham marcado a sua conta do Instagram
Pretende combinar diferentes tipos de feed do Instagram num único feed? Basta selecionar várias opções aqui.
Por fim, clique no botão Seguinte depois de ter escolhido o seu tipo de feed do Instagram,
Neste tutorial de feed do Instagram do Elementor, vou utilizar um feed da linha cronológica do utilizador. Selecionar este tipo de feed significa que o Instagram Feed Pro mostrará publicações do seu próprio perfil do Instagram.
Etapa 3: Conecte seu feed do Instagram do Elementor ao Instagram
Nesta etapa, pode ligar o novo feed à sua conta do Instagram para que possa mostrar fotografias e vídeos do Instagram no seu sítio Web.
Para começar, clique no botão Adicionar fonte aqui.
Agora, pode ligar a conta do Instagram da sua empresa ou do seu criador ao seu sítio Web.
Caso ainda não tenha uma, consulte este guia sobre a conversão para uma conta empresarial do Instagram.
Quando a sua conta estiver pronta, pode escolher entre 2 tipos de ligações:
- Básico para empresas: Pode apresentar conteúdo do seu perfil do Instagram para obter envolvimento e seguidores.
- Negócios avançados: Para além das suas publicações, pode mostrar feeds de hashtag, Instagram Reels, feeds de compras e muito mais.
Depois de escolher a opção que prefere, clique em Ligar.
Para este guia, vou selecionar o tipo Business Basic .
Em seguida, clique na opção Ligar à conta do Instagram .
Em seguida, pode dar ao plugin acesso só de leitura à sua conta do Instagram.
Isto significa que o Instagram Feed Pro só pode ver o seu conteúdo e não pode alterar nada, por isso este plugin Smash Balloon é completamente seguro. Portanto, clique em Permitir para dar acesso somente leitura.
Depois de o ter feito, pode finalmente clicar em Seguinte para terminar a ligação do seu feed ao Instagram.
Vê como foi fácil? Nem sequer foi necessário criar manualmente um token de acesso ao Instagram. Foram necessários apenas alguns cliques e a sua conta do Instagram está agora ligada ao seu feed.
Passo 4: Personalizar o seu feed do Instagram do Elementor
Depois de ter ligado a sua conta, pode agora avançar e começar a personalizar o seu feed.
O plugin abre agora o editor de feed em direto, onde pode definir a disposição do feed, o esquema de cores, a disposição das publicações, o estilo do cabeçalho, os botões, o espaçamento e outras opções de estilo no lado esquerdo.
Pode então ver uma pré-visualização em direto do seu feed do Instagram à direita.
Primeiro, selecione a opção Layout do feed à esquerda para começar a alterar o layout do seu feed do Instagram.
Com o Instagram Feed Pro, tem 4 opções de layout diferentes aqui: Grelha, Carrossel, Alvenaria e Destaque.
Se pretender mostrar muitas imagens do Instagram ao mesmo tempo em linhas e colunas, experimente a opção de grelha .
Normalmente, utilizo a disposição em grelha para o meu feed do Instagram, porque acho que dá ao meu conteúdo do Instagram um aspeto limpo e uniforme.
Quer uma forma dinâmica de mostrar as suas publicações no Instagram? Pode tentar utilizar um layout de carrossel do Instagram para mostrar fotografias e vídeos.
Também tem o esquema de alvenaria , que pode mostrar fotografias e vídeos da sua galeria do Instagram em colunas diferentes, mantendo as proporções originais.
Por fim, existe a opção de destaque que dará mais destaque às suas mensagens, removendo os gostos, os comentários e as legendas.
De facto, este esquema aumenta o tamanho de fotografias e vídeos específicos em 4 vezes.
Depois de selecionar o esquema de feed do Instagram que mais lhe agrada, clique em Guardar alterações.
Agora, procure o pequeno botão Personalizar na parte superior e clique nele para regressar às principais opções de personalização.
Agora, clique na opção Esquema de cores , à esquerda, para alterar as cores do seu feed do Instagram.
Agora pode escolher entre 4 esquemas de cores diferentes para o seu novo feed do Instagram aqui:
- Herdar do tema: Facilmente as cores do tema do seu site
- Claro: Apresenta um fundo claro com um tipo de letra escuro
- Escuro: Escolha uma cor escura para o fundo e um tipo de letra de cor clara
- Personalizado: Escolha todas as cores do seu feed do Instagram
Basta escolher o esquema de cores a partir das opções e clicar em Guardar para manter as alterações.
Depois disso, pode personalizar a disposição do cabeçalho, o estilo da publicação, o botão "carregar mais", o design da caixa de luz e muito mais, utilizando o editor de alimentação em direto do Instagram Feed Pro.
Por fim, clique em Guardar para confirmar as suas alterações depois de personalizar o resto do seu feed do Instagram.
Como pode ver, a personalização é bastante fácil com o Instagram Feed Pro. Assim, pode ter feeds com o aspeto que pretende, sem necessidade de qualquer codificação complexa.
Passo 5: Adicione o seu feed do Instagram ao Elementor
Quando terminar de personalizar, é hora de adicionar seu feed do Instagram ao Elementor.
Com o Instagram Feed Pro, é fácil apresentar o seu feed do Instagram em qualquer página do Elementor, como a página "Em breve", a página de optin, a página de vendas e muito mais.
Para começar, aceda ao menu Páginas " Adicionar novo no seu painel de controlo para criar uma nova página WordPress.
Depois disso, basta clicar no botão Editar com o Elementor na parte superior.
Em vez disso, também pode utilizar uma publicação do WordPress. Para tal, aceda a Posts " Add New (Publicações " Adicionar novo ) no seu painel de controlo e selecione Edit with Elementor (Editar com Elementor).
Para este exemplo, vamos utilizar uma página do WordPress.
À direita do editor Elementor, pode ver uma pré-visualização em direto da sua página Web. E à esquerda, pode encontrar todos os widgets Elementor que pode adicionar à sua página.
Para o passo seguinte, basta ir ao campo de pesquisa à esquerda e escrever "instagram " .
Em seguida, deverá ver o widget do Instagram Feed nos resultados da pesquisa.
Agora, tudo o que tem de fazer é arrastar o widget e largá-lo à direita.
Já pode ver as definições do widget de feed do Instagram no editor.
Aqui, utilize o menu pendente para selecionar o feed do Instagram que criou anteriormente.
Por fim, clique no botão Publicar para o concluir.
Já adicionou o seu feed do Instagram ao Elementor! Basta consultar o seu sítio Web e ver o seu aspeto.
E pronto!
Como pode ver, é muito fácil adicionar o seu widget de feed do Instagram ao Elementor. Utilizando o plugin Instagram Feed Pro, bastam alguns cliques simples - não é necessário tocar numa única linha de código.
E agora, pode fazê-lo para o seu site e criar páginas cativantes para aumentar a conversão e obter mais vendas.
Porquê adicionar o seu feed do Instagram ao Elementor?
O Elementor é um popular plugin de construção de páginas de destino para WordPress.
Com o seu editor simples, pode criar páginas Web, tais como páginas 404, páginas de modo de manutenção, páginas de vendas e outras páginas de destino, para que possa envolver o seu público, mesmo que seja um novo proprietário de um sítio WordPress.
E também pode adicionar feeds do Instagram às suas páginas Elementor para as melhorar. Desta forma, pode obter mais seguidores no Instagram, conversões e vendas para o seu negócio.
Eis algumas razões pelas quais deve adicionar um feed do Instagram à sua página Elementor:
- Pode mostrar comentários e testemunhos de publicações do Instagram no seu sítio de comércio eletrónico. Quando as pessoas vêem outras a gostar dos seus produtos, isso funciona como prova social e aumenta a probabilidade de comprarem a si.
- Ao adicionar um feed do seu perfil do Instagram ao WooCommerce, pode mostrar imagens relevantes e vídeos completos no seu sítio Web. Assim, pode tornar as suas páginas mais envolventes, mesmo sem carregar estas imagens e vídeos no seu sítio.
- Incorporar as suas próprias publicações do Instagram no seu site significa que mais pessoas as podem ver. E isso pode trazer-lhe mais seguidores no Instagram.
- Os feeds do Instagram também podem proporcionar aos seus visitantes uma experiência de compras em linha fantástica. Pode adicionar feeds do Instagram compráveis ao seu sítio e vender diretamente os seus produtos.
Como pode ver, os feeds do Instagram da Elementor podem ajudá-lo a promover o seu negócio e a obter mais vendas de várias formas.
Quer incorporar feeds do Instagram no seu site Elementor? Obtenha o Instagram Feed Pro hoje mesmo!
Tem carretéis? Aqui está uma publicação útil sobre como pode obter mais visualizações dos seus carretéis no Instagram.
Comece agora mesmo a adicionar o seu feed do Instagram ao Elementor
Adicionar um feed do Instagram ao seu site Elementor é uma maneira fantástica de manter o seu conteúdo atualizado e envolvente.
Pela minha experiência, tentar fazer isso com incorporações manuais ou widgets complexos pode ser frustrante.
É por isso que recomendo o Smash Balloon Instagram Feed Pro. Ele simplifica todo o processo, permitindo que crie um feed bonito e personalizado em apenas alguns minutos, sem necessidade de codificação.
Eis como pode começar:
- Obtenha o Instagram Feed Pro aqui e experimente-o sem riscos durante 14 dias para começar a adicionar o seu feed do Instagram ao Elementor de forma fácil.
- Crie um feed impressionante usando o editor visual para combinar perfeitamente com o estilo e a marca do seu site.
- Adicione facilmente o seu feed a qualquer página do Elementor com o widget simples de arrastar e soltar.
Tem alguma dúvida sobre como usar o Instagram Feed Pro com o Elementor? Por favor, deixe-me saber nos comentários abaixo.
Artigos populares sobre como adicionar feeds sociais ao Elementor
- Como incorporar a lista de reprodução do YouTube no Elementor (melhor maneira)
- Como adicionar o seu feed do Twitter ao Elementor
- Como adicionar uma galeria de vídeos do YouTube para o Elementor
- Como adicionar comentários do Tripadvisor ao Elementor
- Como adicionar feeds de redes sociais ao Elementor [Para principiantes]
