Como Incorporar Instagram Stories no Seu Site? [Guia Completo + Exemplos]

{ “@context”: “https://schema.org”, “@type”: “Product”, “name”: “EmbedSocial-Skopje”, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 4.9, “reviewCount”: 60 } }

Incorporar Instagram stories em sites está ficando cada vez mais popular, pois é uma ótima maneira para marcas manterem seu site fresco e engajarem seus visitantes.

Além disso, você pode facilmente direcionar seus seguidores do Instagram para seu site através de aplicações de link na bio ou simplesmente adicionando o link do seu site aos seus posts via um adesivo de link.

Para adicionar este conteúdo do Instagram ao seu site, você precisa usar um widget de site Instagram, que pode ser totalmente personalizado do seu jeito e se atualiza automaticamente.

Vou contar tudo sobre esse processo nas seções abaixo e por que você precisa fazer isso o quanto antes. Além disso, você encontrará as melhores ferramentas e exemplos para isso.

Guia rápido: Incorpore Instagram stories no seu site em poucas etapas

Incorporar Instagram stories em páginas de site é muito simples com as ferramentas certas. Por exemplo, ao usar EmbedSocial, você tem apenas algumas etapas a seguir:

1. Cadastre-se para um widget de Instagram story e uma plataforma UGC completa.
2. Vá para ‘Fontes’ → ‘Gerenciar contas’ e pressione ‘Adicionar nova conta’.
3. Toque em ‘Adicionar conta do Instagram’ e aprove a conexão do EmbedSocial ao seu Instagram.
4. Volte para ‘Fontes’ → ‘Adicionar nova fonte’ e toque em ‘Instagram’.
5. Escolha @Stories como sua fonte e selecione sua conta do IG da lista.
6. Toque em ‘Criar widget’, selecione seu template de widget e projete seu widget.
7. Copie o código do widget da aba ‘Incorporar’ e cole-o no seu site.

Se você ainda tiver dúvidas sobre o que fazer, confira este vídeo interativo do processo:

Pronto! Quando terminar, você obterá algo assim:

(function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js); }(document, “script”, “EmbedSocialHashtagScript”));

O widget acima também inclui nossa funcionalidade de UGC comprável, que ajuda seus clientes a navegarem imediatamente para suas páginas de produto para comprar o look.

No entanto, antes de prosseguir, existem algumas coisas para manter em mente para uma incorporação bem-sucedida de Instagram story, que descrevo abaixo, e então você também obterá o guia completo.

O que saber ao incorporar stories do Instagram?

Antes de incorporar Instagram stories no seu site, entenda que a API do Instagram exige que sua conta do Instagram seja uma conta de Negócio ou Criador.

Ter uma conta profissional do Instagram é necessário para autorizar qualquer aplicação de terceiros, como EmbedSocial a acessar e exibir suas stories.

Além disso, apenas stories ativas (ao vivo) das últimas 24 horas podem ser extraídas do Instagram. Stories arquivadas e destacadas não estão disponíveis via API.

Por fim, após a conexão ser estabelecida, o sistema busca e atualiza automaticamente suas stories mais recentes enquanto permanecerem ao vivo no Instagram.

Nota: Ao contrário de alguns concorrentes, EmbedSocial pode conectar-se diretamente à sua conta profissional do Instagram sem passar por sua página do Facebook primeiro. Dito isso, você já deve estar conectado à sua conta do Instagram no desktop.

Guia completo: Como incorporar Instagram Stories no site passo a passo

Aqui estão as etapas detalhadas para criar um widget imersivo de Instagram stories, personalizá-lo, gerar seu código incorporável e incorporá-lo no seu site:

Etapa 1: Cadastre-se para a plataforma UGC EmbedSocial

Antes de fazer qualquer coisa, você precisa de uma conta EmbedSocial. Não se preocupe, também oferecemos um teste gratuito de 7 dias para você experimentar todos os nossos recursos antes de se comprometer.

Etapa 2: Adicione sua conta do Instagram

A seguir, você precisa navegar para ‘Fontes’ e toque em ‘Adicionar nova conta’:

Etapa 3: Aprove a conexão do EmbedSocial ao seu Instagram

Após fazer isso, você deve tocar em ‘Adicionar conta do Instagram’ e aprovar a conexão:

Etapa 4: Adicione o Instagram como uma fonte no EmbedSocial

Agora que o Instagram está conectado, é hora de adicionar uma fonte específica do Instagram, o que você pode fazer via ‘Fontes’ → ‘Adicionar nova fonte’ e pressionando ‘Instagram’:

Etapa 5: Escolha @Stories como uma fonte e escolha sua conta

Você terá que tocar em @Stories neste ponto e depois selecionar sua conta do IG conectada:

Etapa 6: Crie e projete seu widget

Após tocar em ‘Criar widget’, você será solicitado a escolher um template de widget e levado ao editor de widget EmbedSocial.

Lá, você pode mudar tudo sobre a aparência do seu widget, desde layout a cores, fontes e os elementos que seu widget incluirá:

Etapa 7: Copie e cole o código do widget no seu site

Por fim, você precisa apenas copiar o código do widget incorporável, que você pode encontrar na aba ‘Incorporar’ do Editor (canto superior esquerdo. Assim que estiver lá, clique em ‘Copiar código’:

Naturalmente, o último passo é colar esse código no seu site. Abaixo, eu cobrerei o processo de fazer isso em todos os construtores de site e plataformas CMS populares.

Guia em vídeo: Como incorporar um widget de Instagram story facilmente

Se você preferir assistir um vídeo sobre como incorporar feeds do Instagram, aqui está um:

Como adicionar um mural do Instagram ao seu site através de diferentes plataformas CMS?

O processo de colar seu código de widget de Instagram story é semelhante em todos os construtores de site populares. Aqui está como exibir posts do Instagram na maioria deles:

Por que exibir Instagram Stories no seu site?

Quando você adiciona um mural do Instagram no seu site que inclui Stories, posts, vídeos, etc., você impulsiona seu engajamento do utilizador e colhe benefícios adicionais:

• Mostrar atualizações de conteúdo em tempo real - mantenha seu site vivo com sincronizações automáticas de story que exibem seus eventos, lançamentos ou momentos nos bastidores;
• Aumentar o engajamento do utilizador - traga o formato familiar de story para seu site para cativar visitantes com adesivos interativos, visuais e narrativa de forma curta;
• Garantir uma experiência de marca unificada - estenda sua estética e tom do Instagram para seu site, criando uma experiência contínua em ambas as plataformas;
• Alcançar mais pessoas e impulsionar crescimento de mídia social - transforme visitantes do site em seguidores do Instagram promovendo seu feed de stories ativo no seu site;
• Maximizar o retorno da criação de conteúdo - dê uma vida mais longa aos seus stories exibindo-os além do limite de 24 horas do Instagram e garantindo que mais pessoas os vejam;
• Reutilize seu Instagram story - reutilize seus melhores stories diretamente no seu site usando um widget profissional que ajuda você a gerenciar e exibi-los;
• Transforme stories em um novo formato de anúncio - use seus stories incorporados como banners digitais para destacar campanhas ou destacar promoções em sites parceiros e portais web;
• Expanda o alcance do seu story - exiba stories para públicos que podem não seguir você no Instagram, desbloqueando novas oportunidades de exposição e impulsionando engajamento;

Você exibe mais do que apenas seu conteúdo quando incorpora posts ou stories do Instagram no seu site. Você conecta sua narrativa social com sua presença digital da marca, impulsionando engajamento consistente em cada canal que você possui.

Nota: Você pode exibir todos os formatos de story em um widget: photo stories, video stories e até combinar com um feed de Pinterest Pin stories em um único widget interativo.

Por que usar EmbedSocial para adicionar widgets de Instagram story ao seu site?

Se você deseja tornar a incorporação de Instagram stories sem esforço, automatizada e totalmente personalizável, você precisa de uma plataforma como EmbedSocial que otimize seu fluxo de trabalho:

Aqui está o por quê é a solução preferida para marcas e criadores:

• Conexão oficial com API do Instagram - EmbedSocial conecta-se diretamente à API oficial do Instagram, garantindo que seus stories sejam sempre buscados em tempo real;
• Atualizações automáticas de story - novos stories sincronizam automaticamente a cada 24 horas, mantendo o conteúdo do seu site fresco sem uploads manuais;
• Widgets personalizáveis - ajuste layout, tamanho, cores e fontes para corresponder perfeitamente ao design do seu site e identidade da marca;
• Design responsivo - widgets parecem ótimos em todos os dispositivos, adaptando-se automaticamente para ecrãs desktop, tablet e mobile;
• Múltiplas opções de exibição - escolha entre popups, sliders, carousels ou grids para exibir seus stories em diferentes estilos;
• Hub de conteúdo tudo em um - combine stories de múltiplas contas do Instagram ou misture foto, vídeo e outros formatos de story em um único feed do Instagram;
• Compatibilidade multiplataforma - funciona perfeitamente com construtores de site populares como WordPress, Shopify, Wix e Squarespace;
• Analítica avançada - rastreie visualizações de story e métricas de engajamento diretamente do seu dashboard EmbedSocial para medir desempenho.

Como você pode ver, com EmbedSocial, incorporar um feed de Instagram stories é uma configuração única com vários benefícios: economizar tempo, melhorar design e aumentar engajamento.

Além disso, você pode criar e adicionar um mural do Instagram ao seu site que contenha mais do que seus Stories. Você pode combinar com Reels e posts também.

Exemplos de widget de Instagram Story

EmbedSocial oferece vários templates de widget de Instagram Story prontos para usar que você pode adaptar totalmente para suas necessidades. Ou, você pode até criar um novo template do zero.

Aqui estão alguns dos widgets de incorporação de Instagram story que oferecemos:

Conclusão: Maximize o alcance de suas Instagram stories além de 24 horas!

Incorporar Instagram stories no seu site ajuda você estender sua visibilidade e manter seu público engajado mesmo após desaparecerem da aplicação.

Quando você conecta sua presença social com seu site dessa maneira, você dá aos visitantes conteúdo fresco e dinâmico para explorar que se atualiza por conta própria.

Isto é, se você se cadastrar em uma plataforma como EmbedSocial que sincroniza, personaliza e exibe seus stories em qualquer lugar online automaticamente, sem nenhuma codificação.

Então, se você está procurando economizar tempo e obter mais valor de cada story que você cria em sua conta do Instagram, incorpore o widget de Instagram stories no seu site.

Expanda o alcance de suas Instagram stories hoje com EmbedSocial!

FAQs sobre incorporação de Instagram stories em um site

Como incorporar Instagram stories em um site?

Você pode incorporar Instagram stories em um site usando ferramentas como EmbedSocial. Simplesmente conecte sua conta de negócio do Instagram, comece a coletar suas IG Stories, projete seu widget incorporável, gere um código de incorporação e cole-o no HTML do seu site.

Como você incorpora Instagram Stories em um site WordPress?

Você pode incorporar Instagram stories em uma página WordPress copiando o código de incorporação do seu widget EmbedSocial e colando-o em um bloco HTML. O widget exibirá automaticamente suas stories mais recentes e se atualizará sempre que novas forem postadas.

Posso incorporar vários tipos de conteúdo em um feed de mídia social?

Sim. Com EmbedSocial, você pode misturar stories com fotos, vídeos do Instagram e até Pinterest Pins em um único widget, criando um feed de mídia social unificado e interativo.

Posso incorporar Instagram Stories sem uma conta de Negócio?

Não. Para incorporar Instagram stories em um site, você precisa de uma conta de Negócio ou Criador do Instagram conectada a uma Página do Facebook. Isto é exigido pela API do Instagram para autorizar aplicações de terceiros como EmbedSocial a acessar e exibir seus stories.

Posso incorporar Instagram Stories de outros utilizadores?

Não. A API do Instagram não permite que você incorpore stories do Instagram de outros utilizadores. Você pode apenas incorporar e exibir stories de sua conta conectada. No entanto, você pode fazer upload manual de stories públicos (com permissão) e recriá-los em seu widget usando opções de personalização do EmbedSocial.

Como incorporar destaques de Instagram story?

A API do Instagram atualmente não permite que ferramentas de terceiros coletem ou incorporem destaques de story diretamente. No entanto, com EmbedSocial, você pode recriar seus destaques do Instagram selecionando e fazendo upload manual de seus stories para exibi-los através de um widget customizado do Instagram. Isso tem o mesmo efeito e mantém seus melhores stories visíveis além do limite de 24 horas.

Por que não posso incorporar Instagram stories mais antigos?

O Instagram permite apenas incorporar stories ao vivo das últimas 24 horas. Stories arquivadas não podem ser sincronizadas automaticamente devido a restrições da API do Instagram, mas você pode fazer upload manual e exibi-las usando uma ferramenta de incorporação de story como EmbedSocial.