Incorpore o Feed do Instagram em Qualquer Site Sem Programação!

1. Configure o widget do Feed do Instagram

Você pode incorporar o Feed do Instagram sem programação e em pouco tempo com a ajuda de um gerador de widget do Feed do Instagram. Ele permite que você crie uma galeria do IG em um editor visual, misturando e combinando elementos prontos.

Experimente você mesmo! Escolha um modelo, insira uma fonte e… seu widget está pronto!

2. Obtenha o Código de Incorporação do Feed do Instagram

Após criar o widget e salvar as alterações, você obterá um código de instalação de duas linhas. É necessário incorporar o código do widget do IG na página ou no modelo de site necessário para exibir o Feed do Instagram lá.

Veja como o código do widget se parece:

Copie o código que você obteve após criar um widget e salve-o. Você precisará do código durante a instalação. Agora, vamos para o próximo passo.

3. Incorporar o Código do Feed do Instagram no seu Site

Agora, só falta um minuto! Neste momento, você deve adicionar o código de instalação em uma página necessária ou em um modelo de site (sidebar, rodapé, etc.)

1. Faça login no painel administrativo do site;
2. Abra uma página ou modelo necessário;
3. Adicione o código de instalação do widget do Feed do Instagram;
4. Salve as alterações e verifique seu site!

Pronto! Agora você pode alterar todas as configurações do widget: layout, tamanho, cor, etc., diretamente nos Apps Elfsight sem ter que editar o código. Se você tiver dificuldades com a incorporação, consulte nossas instruções detalhadas para qualquer CMS, ou entre em contato com o suporte, eles terão prazer em ajudá-lo.

Você é uma agência ou um freelancer trabalhando com clientes?

Você pode se tornar um membro do nosso programa de afiliados se auxiliar várias empresas a melhorar seus sites. Incorpore o Feed do Instagram Elfsight nos sites dos seus clientes. Nesta condição, todos se beneficiam, inclusive você, portanto, é uma situação verdadeiramente vantajosa para todos.

Características do widget Feed do Instagram Elfsight

O processo de incorporação do Feed do Instagram em HTML por meio do widget IG da Elfsight é fácil, rápido e não requer habilidades de programação. Além disso, você terá total controle sobre a aparência e a sensação da seção do feed, para que sua galeria IG fique perfeita em um site.

Fontes	Cole o nome de qualquer conta pública ou hashtag Exiba seu feed de uma conta de negócios Cole o feed do seu perfil pessoal
Filtros	Exclua postagens por hashtags Oculte postagens escritas por autores específicos Não mostre postagens por URLs específicos Exiba um determinado número de postagens
Layout	Grid e Slider – os layouts mais intuitivos e familiares Tipos de postagem Tile e Classic Todos os layouts podem ser totalmente personalizados É possível alterar o número de colunas e linhas, ajustar os espaços entre as postagens e sua largura Opção para adicionar ou excluir um botão Seguir Elementos de postagem alternáveis: contagem de likes, contagem de comentários, texto, data, localização, etc. Você pode personalizar os controles do slider
Cores	12 esquemas de cores pré-fabricados Cores de postagem ajustáveis: fundo de sobreposição e texto Cores personalizáveis dos elementos de um slider: setas e fundo da seta Opção para personalizar as cores de todos os elementos de popup: sobreposição, fundo, texto, links, seguir e botões de CTA
Outras configurações	Toneladas de diferentes idiomas para o seu feed parecer mais nativo Título do widget personalizável e alternável Campo para um CSS personalizado para fazer o widget mais suave para um site

Inspire-se em casos de uso reais

Obtenha referências de nossos incríveis clientes. Explore estes casos de uso e inspire-se em sites de música, educação e beleza. Pegue ideias e crie sua própria galeria para aumentar o envolvimento do usuário, criar prova social, melhorar a aparência do seu site e, mais importante, alcançar seus objetivos de negócios. Vamos lá!

Modelo de carrossel por Vivienne Sabo

Vivienne Sabo prefere usar um modelo de carrossel, que os ajuda a organizar fotos sem detalhes extras. As postagens estão alinhadas em uma string e as fotos podem ser roladas. A postagem em um pop-up tem todos os elementos como no aplicativo, mas você pode ligá-los ou desligá-los sempre que quiser.

Modelo de colagem por The Bacon Brothers

The Bacon Brothers organizam fotos e vídeos exatamente com um modelo de colagem. Agora, as postagens parecem do jeito que parecem no aplicativo. Eles chamam a atenção com este modelo de parede e permanecem excepcionais. Minimalista e atraente, o widget Feed do Instagram ajuda a embelezar o conteúdo do site.

Galeria IG da Universidade de Abu Dhabi

Estamos felizes em receber calorosamente sites de educação, universidades e escolas entre nossos clientes. Galerias do Instagram adicionadas a esses sites podem ajudar os recém-chegados a se familiarizarem com a instituição de ensino e aprenderem mais sobre as perspectivas lá. A Universidade de Abu Dhabi definiu seus próprios parâmetros de grade, ajustou o espaço entre as postagens – e o modelo de grade agora parece impressionante! Esta é uma ótima maneira de atrair novos seguidores para o seu perfil e adicionar um detalhe chamativo ao design do seu site.

Fotos do Instagram de Fatburger

Os suculentos hambúrgueres deliciosos parecem ainda mais atraentes quando aparecem nas fotos do Feed do Instagram. Não se prive do prazer de adicionar fotos atraentes de sua comida ao site em apenas alguns segundos!

O guia mais detalhado para a personalização e incorporação do Feed do Instagram

Etapa 1. Crie o widget Feed do Instagram

Um dos benefícios mais importantes do widget IG da Elfsight é o número de modelos prontos para uso profissional. Você pode adicionar o Feed do Instagram em uma página na forma de um slider, uma grade e um widget pequeno que economiza espaço. Além disso, você pode escolher um tema escuro pronto para o widget e trabalhar com ele.

Adicione fontes ao widget

O widget IG Feed da Elfsight permite que você adicione diferentes tipos de fontes do Instagram ao site: handles e hashtags. Além disso, você pode buscar duas fontes diferentes para o widget Feed do Instagram. Isso significa que você pode mostrar postagens do perfil da sua marca, bem como postagens onde seus clientes marcam a empresa.

• Incorpore perfil do Instagram

  Para adicionar postagens do seu perfil, você simplesmente precisa colar seu handle no campo de fonte. Você nem mesmo precisa se registrar na sua conta. É ótimo para quem deseja buscar conteúdo público do aplicativo para seu site sem ter acesso à conta.

• Adicione hashtag do Instagram
  

  Você tem uma campanha do Instagram que deseja compartilhar com o mundo? Ou deseja apresentar orgulhosamente depoimentos positivos de seus clientes gratos? Além do seu próprio perfil, você pode adicionar fotos e vídeos por hashtag, e isso certamente ajudará a aumentar a confiança na sua marca.

Filtre postagens do Instagram

Existem várias maneiras de filtrar postagens no seu widget. Por exemplo, se você adicionar conteúdo por hashtag, poderá exibir postagens de autores específicos, incluir postagens por uma hashtag específica, ou simplesmente adicionar uma URL da publicação necessária. Além disso, você pode excluir postagens de autores específicos, hashtags e URLs. Finalmente, há a oportunidade de exibir um determinado número de postagens.

Etapa 2. Gere código para incorporação

Depois de criar seu Feed do Instagram perfeitamente único, você estará ansioso para incorporá-lo em um site. Vai ser tão fácil quanto fazer um feed em um editor visual. Nesta etapa, você precisará ir buscar seu código de instalação pessoal em um gerador de código Elfsight, e aqui está como você fará isso:

1. Clique no botão ‘Adicionar ao site’, você será levado ao painel de administração Elfsight.
2. Registre-se ou faça login lá. Dentro, você verá o feed que acabou de criar.
3. Escolha seu plano. A boa notícia é que existe uma versão gratuita, não limitada em funções!
4. Copie o código de incorporação do Feed do Instagram do gerador de código.

Pronto! E a instalação será ainda mais fácil. Vamos passar para a última etapa de incorporação de postagens do Instagram em um site.

Etapa 3. Incorpore o Feed do Instagram no código do site da plataforma

Normalmente, para incorporar um widget Feed do Instagram em um site, você precisará colar seu código de instalação de widget IG no campo HTML. Vá para o painel de administração do seu site e encontre uma oportunidade para editar o código HTML de uma página necessária.

Em diferentes construtores de sites, você pode fazer isso de maneiras diferentes. Em alguns casos, você terá que fazer isso em um template de site, em outros será necessário criar um campo HTML em seu editor visual. Às vezes há uma possibilidade de ver o código HTML da página inteira com a ajuda de uma função correspondente.

Abaixo, você encontrará instruções para incorporar o código de instalação do Feed do Instagram ao HTML das plataformas mais populares. Escolha o seu e comece o processo de incorporação agora mesmo! Recomendamos fortemente que você comece com um guia para HTML, pois basicamente descreve o que você precisará fazer em qualquer outra plataforma.

Como incorporar o Feed do Instagram no código HTML de um site

Em todos os casos, você precisa adicionar as duas linhas de código de instalação ao HTML do seu site. Em geral, o processo de incorporação exigirá apenas três ações:

1. Abra o arquivo HTML da página necessária em seu editor.
2. Cole o código de incorporação do seu Feed do Instagram na área da página onde você precisa que ele apareça.
3. Salve as alterações.

Você só precisa decidir em que seção deseja exibir o widget. Você pode adicioná-lo à página inicial como uma galeria de fotos ou uma única postagem na barra lateral. Existem muitas outras variantes, não se limite!

Depois de colar o código HTML de instalação lá, todo o Feed do Instagram que você criou no editor Elfsight aparecerá em seu site. Além disso, as postagens do Instagram no widget serão atualizadas automaticamente, você não precisará visitar o painel de administração Elfsight e atualizá-las manualmente.

Personalização avançada do widget

Além de todas as incríveis vantagens descritas acima, ao usar o widget Elfsight, você obterá muitas oportunidades fantásticas. O conteúdo gerado pelo usuário parecerá profissional e organizado, pois você poderá personalizar o feed como desejar. O melhor de tudo é que você não precisará saber nada sobre personalização de HTML e CSS – você fará tudo em um editor visual. Aqui estão as principais configurações que você pode alterar a seu gosto.

Escolha um modelo

Há um grande número de incríveis modelos prontos para usar do IG disponíveis em uma demonstração gratuita. Com um visual organizado e profissional, eles serão uma adição incrível ao site. Todos são personalizáveis e adaptáveis, e você pode totalmente alterar a aparência da galeria se desejar.

Modelo de Slider

Você pode apresentar postagens do aplicativo em várias linhas roláveis. Parece organizado e elegante, e complementa o design geral do site. Há a possibilidade de personalizar o número de colunas, para que o slider corresponda à sua intenção e mostre as postagens do IG em toda a sua glória.

Modelo de Carrossel

Exiba postagens com a ajuda de um carrossel. Este elemento interativo pode aumentar o engajamento no seu site e aumentar o tempo gasto nele. As pessoas olharão as postagens do IG com grande interesse e entusiasmo, essa ferramenta simples de usar aumentará as conversões promovendo seus produtos e serviços da melhor maneira.

Widget de postagem do Instagram

Você pode exibir uma única postagem do Instagram em um site, para ilustrar uma citação ou uma seção de um artigo. Este modelo pode ser útil para aqueles que querem atrair a atenção da maioria dos visitantes do site para a única postagem única que fornece o máximo de informações sobre um determinado tópico. Pode ser especialmente incrível no caso de não haver necessidade de incorporar todas as postagens do Instagram do seu perfil em um site.

Modelo de barra lateral do Instagram

Se você precisa exibir o Instagram no menu lateral, você pode fazer isso facilmente. Sinta-se à vontade para localizar o widget onde desejar, não apenas na parte do conteúdo. O Feed do Instagram pode se tornar uma parte integral de um menu flutuante, basta escolher um modelo pequeno e elegante para isso.

Modelo de Grade

Esta versão quadrada elegante da apresentação para postagens do IG está bem ao seu alcance. Fotos e vídeos ocupam um espaço limitado, parecendo organizados e delicados. Um botão ‘Carregar mais’ brilhante pode fazer as pessoas passarem mais tempo em uma página da web com este modelo. Tudo o que você precisa fazer é publicar conteúdo novo no Instagram, e ele aparecerá automaticamente em seu site na forma de uma grade atraente.

Modelo de perfil do Instagram

Esta variante de widget concentra-se principalmente na descrição do perfil. Para destacar a singularidade de sua conta, você pode adicionar elementos como a imagem do perfil, o nome da conta, o número de postagens, o número de seguidores e seguidos, e o botão ‘Seguir’.

Hashtag do Instagram

O Feed do Instagram do Elfsight permite que qualquer um adicione postagens por uma hashtag de todas as contas públicas do popular aplicativo. Você pode colar o nome de uma hashtag necessária, e, posteriormente, filtrar os resultados escondendo postagens de autores indesejados, e apreciar seu incrível feed de hashtag.

Modelo de rodapé

Você pode incorporar um Feed do Instagram não apenas no meio de uma área de conteúdo, mas também no rodapé de um site. Você só é limitado pela sua imaginação em termos de colocação do widget. Basta escolher um design pequeno e discreto para sua futura obra-prima do IG e incorporar seu código de instalação no rodapé do seu site.

Personalize o widget

Lidar com o widget do IG não requer habilidades de web design ou programação. Você pode simplesmente personalizar as postagens em um editor visual: alterar layout, CTA, colunas e linhas. Você tem a oportunidade de criar uma galeria IG que se adapte perfeitamente ao visual do seu site.

• Personalize o layout

  Primeiro, você pode escolher se deseja apresentar postagens em uma grade ou em um slider. Além disso, você pode alterar o modelo de postagem. Há uma oportunidade de escolher um modelo clássico ou de bloco para as publicações. Finalmente, você tem a chance de ajustar colunas e linhas, espaços entre eles, postagens e elementos popup. Você pode ligar e desligar todas as partes de uma postagem comum do Instagram: nome do usuário, data da publicação, número de curtidas e comentários, botão de compartilhamento e texto abaixo da postagem.

• Ajustar cores

  Você pode selecionar um de mais de 10 esquemas de cores prontos para sua galeria. Isso ajudará se você não quiser se preocupar em escolher combinações de cores. No entanto, você pode personalizar ainda mais as cores de todos os elementos separadamente.

  Por exemplo, há a oportunidade de personalizar o fundo, o texto e as cores do link tanto nas postagens quanto nos popups. No final, para fazer o seu feed ser uma parte integral do seu site, você pode personalizar o botão ‘Carregar mais’. E faça tudo sem uma única linha de código!

Por que você deve incorporar o Feed do Instagram em um site

Todos sabem sobre a colocação de um link para um site na bio do IG. Mas qual é a razão para adicionar postagens do Instagram a um site? Este popular aplicativo é um lugar para postar imagens e vídeos atraentes. Além disso, a galeria pode ser uma ótima oportunidade para impulsionar os resultados de marketing. Aqui estão as principais ideias de como você pode fazer isso.

• Embora o Instagram seja o 7º site mais visitado do mundo, com 2,9 bilhões de visitas totais por mês, conforme afirmado pela Hootsuite, a audiência lá é bastante limitada. Ao colocar sua conta em um site, você será capaz de atrair novos assinantes e leitores para ele com um CTA.
• Colocar seu feed em um site aumenta o engajamento, conforme afirmado no Business News Daily. Isso faz com que as pessoas passem mais tempo no site, clicando em fotos de seu aplicativo favorito.
• De acordo com a Forbes, a melhor maneira de usar o site e as plataformas sociais é uni-los e usar os sites como o centro do negócio e reputação online. Depois, as empresas devem

  usar as páginas da empresa nas redes sociais como braços, explorando cada plataforma por seus benefícios únicos e público.

  Para atingir esse objetivo, as empresas devem adicionar conteúdo de mídia social a seus sites.
• Com a ajuda do Feed do Instagram para um site, você pode ajustar o tamanho das postagens em uma grade, a cor do fundo, o título, o estilo ao passar o mouse e as fontes. Assim, ele complementará o design geral do site e você manterá a consistência da marca.
• O widget em um site aumentará a prova social e fará com que os clientes tenham certeza de que você é um negócio confiável. De acordo com um estudo da BrightLocal, 91% das pessoas leem as avaliações dos clientes antes de tomar uma decisão de compra. Você só precisa mostrar seus melhores trabalhos e depoimentos positivos no Instagram, e depois, publicá-los em seu site. Um slider de avaliações em um site ajudará você a impulsionar a estratégia de gestão de avaliações.
• Ao incorporar o Feed do Instagram no código HTML de um site, você economizará seu tempo e esforço na produção de novo conteúdo. Especialmente, se você buscar UGC com uma hashtag. Leve em consideração a seguinte declaração da Salesforce:

  Manter os clientes engajados é a chave para construir um seguimento leal. Os seus clientes continuam a comprar os velhos favoritos? Estão a par das novas lançamentos? Oferecer novas experiências e conteúdo altamente personalizado mantém a relação fresca e interessante.

  No final, você não precisará fazer nada para atualizar o conteúdo no HTML de um site – o Feed do Instagram fará isso por você.
• É grátis! Você pode criar seu próprio Feed do Instagram e começar a usar imediatamente. É ótimo testar seu desempenho e ver como ele se adequa ao seu site sem pagar por isso.
• Você pode criar uma galeria com o visual do seu site em um editor visual sem nenhuma codificação. Isso significa, que você não precisa estudar a API do IG.

Se você incorporar o Feed do Instagram em um site, ele ajudará a construir confiança em torno de sua marca de comércio eletrônico e impulsionar as decisões de compra dos clientes.

Precisa de mais mídias sociais? Feeds do TikTok, Twitter, Facebook e mais 10

10+ fontes em um único widget: TikTok, Twitter, Pinterest, Facebook, Vimeo e mais! Combine-os, mostre um de cada vez, crie feeds sociais para qualquer site – este widget do Elfsight lhe dará a oportunidade de fazer o que você quiser!

Colete mais postagens e aprimore seu negócio com o widget de Feed Social do Elfsight.

Vamos resumir!

Você pode incorporar o Feed do Instagram de muitas maneiras diferentes. No entanto, a maneira mais eficiente e econômica é adicionar postagens com a ajuda de um widget. Você será capaz de testar o desempenho do feed gratuitamente, criá-lo em pouco tempo e poderá aumentar o número de assinantes com facilidade.

Você tem as seguintes escolhas se leu as instruções, mas ainda tem perguntas:

• Suporte. Você sempre pode entrar em contato com nossa equipe de suporte ou ler artigos no Centro de Ajuda se leu as instruções, mas ainda tem dúvidas.
• Fórum. Conecte-se com os colegas do Elfsight, expresse sua opinião e participe da vida da comunidade!
• API do Instagram pelo Facebook. Se você deseja tentar fazer seu próprio widget, você pode encontrar a documentação lá.
• Instagram sobre sua plataforma. Aprenda o que o Google aconselha sobre o uso de conteúdo gerado pelo usuário para alcançar objetivos de negócios.

Convidamos carinhosamente você a deixar comentários abaixo se gostou da postagem ou não conseguiu encontrar as informações que procurava. Vamos falar sobre o que você acha interessante!