A incorporação de histórias do Instagram em sítios Web está a tornar-se mais popular hoje em dia, uma vez que é uma excelente forma de as marcas manterem o seu sítio Web atualizado e envolverem os seus visitantes.
Além disso, pode facilmente encaminhar os seus seguidores do Instagram para o seu sítio Web através de aplicações link-in-bio ou simplesmente adicionando o link do seu site aos seus posts através de um autocolante de ligação.
Para adicionar este conteúdo do Instagram ao seu sítio Web, é necessário utilizar um Widget do sítio Web do Instagram, que pode ser totalmente personalizada a seu gosto e actualizada automaticamente.
Nas secções que se seguem, explicarei tudo sobre esse processo e por que razão tem de o fazer o mais rapidamente possível. Além disso, encontrará as melhores ferramentas e exemplos para o fazer.
DICA: Pode incorporar widget de histórias do Instagram automaticamente no seu sítio Web e apresentar as suas histórias do Instagram em segundos. Experimente já.
Guia rápido: Incorporar histórias do Instagram no seu sítio Web em poucos passos
Incorporar histórias do Instagram em páginas de sítios Web é muito simples com as ferramentas certas. Por exemplo, ao utilizar EmbedSocial, Para isso, só tem de seguir alguns passos:
- Crie uma conta para um widget de história do Instagram e um UGC (Conteúdo Gerado pelo Usuário).
- Vá ao menu "Fontes → ‘Gerir contas’ e prima 'Adicionar nova conta'.
- Prima ‘Adicionar conta Instagram’ e aprovar a ligação do EmbedSocial ao seu Instagram.
- Voltar para 'Fontes' → 'Adicionar nova fonte' e clique em 'Instagram'.
- Escolher @Histórias como fonte e selecione a sua conta IG na lista.
- Prima 'Criar widget', selecione o seu modelo de widget e desenhe o seu widget.
- Copie o código do widget do Separador "Incorporar" e colá-lo no seu sítio Web.
Se ainda não tem a certeza do que fazer, veja este vídeo interativo do processo:
É tudo o que tens de fazer e, quando acabares, terás algo como isto:
O widget acima também inclui o nosso UGC comprável que ajuda os seus clientes a navegarem imediatamente para as páginas dos seus produtos para comprarem o visual.
No entanto, antes de prosseguir, há algumas coisas a ter em conta para uma incorporação bem sucedida da história do Instagram, que descrevo abaixo, e depois também obterá o guia completo.
O que deve saber quando incorpora histórias no Instagram?
Antes de incorporar histórias do Instagram no seu site, saiba que a API do Instagram exige que o seu A conta do Instagram pode ser uma conta Comercial ou de Criador.
É necessário ter uma conta profissional no Instagram para autorizar qualquer aplicação de terceiros, como EmbedSocial-para aceder e visualizar as suas histórias.
Também, apenas histórias activas (em direto) das últimas 24 horas podem ser retiradas do Instagram. As histórias arquivadas e destacadas não estão disponíveis através da API.
Por fim, uma vez estabelecida a ligação, o sistema vai buscar e actualiza automaticamente as suas histórias mais recentes enquanto estas se mantiverem activas no Instagram.
Nota: Ao contrário de alguns concorrentes, o EmbedSocial pode ligar-se diretamente à sua conta profissional do Instagram sem passando primeiro pela sua página do Facebook. Dito isto, já deve ter iniciado sessão na sua conta do Instagram no computador.
Guia completo: Como incorporar as Histórias do Instagram no sítio Web, passo a passo
Aqui estão os passos pormenorizados para criar um ambiente imersivo Widget de histórias do Instagram, personalize-o, gere o seu código incorporável e incorpore-o no seu sítio Web:
Passo 1: Inscrever-se na plataforma EmbedSocial UGC
Antes de fazer qualquer coisa, precisa de uma conta EmbedSocial. Não se preocupe, nós também oferecemos uma para o teste gratuito de 7 dias para que possa verificar todas as nossas funcionalidades antes de se comprometer.
Passo 2: Adicionar a sua conta do Instagram
Em seguida, tem de navegar para "Fontes e clique em 'Adicionar nova conta':
Passo 3: Aprovar a ligação do EmbedSocial ao seu Instagram
Depois de o fazer, tem de tocar em ‘Adicionar conta Instagram’ e aprovar a ligação:
Passo 4: Adicionar o Instagram como fonte no EmbedSocial
Agora que o Instagram está ligado, é altura de adicionar uma fonte específica do Instagram, o que pode ser feito através de 'Fontes' → 'Adicionar nova fonte' e premir 'Instagram':
Passo 5: Selecione @Stories como fonte e escolha a sua conta
Terá de tocar em @Stories nesta altura e, em seguida, selecionar a sua conta IG ligada:
Passo 6: Crie e desenhe o seu widget
Depois de tocar em 'Criar widget', ser-lhe-á pedido que escolha um modelo de widget e será levado para o editor de widgets EmbedSocial.
Aí, pode alterar tudo o que diz respeito ao aspeto do seu widget, desde o esquema às cores, tipos de letra e elementos que o widget irá incluir:
Passo 7: Copiar e colar o código do widget no seu sítio Web
Por fim, basta copiar o código do widget incorporável, que se encontra na secção "Incorporar (canto superior esquerdo). Uma vez lá, clique em 'Copiar código':
Naturalmente, o último passo é colar esse código no seu sítio Web. Abaixo, descrevo o processo de o fazer em todos os criadores de sítios Web e plataformas CMS populares.
Guia de vídeo: Como incorporar facilmente um widget de história do Instagram
Se preferir ver um vídeo sobre como incorporar feeds do Instagram, aqui está um:
Como adicionar um mural do Instagram ao seu sítio Web através de diferentes plataformas CMS?
O processo de colar o código do widget da história do Instagram é semelhante em todos os criadores de sítios Web populares. Veja como exibir publicações do Instagram na maioria deles:
Como incorporar UGC na Shopify?
Veja como incorporar UGC em sites da Shopify:
- Inicie sessão na sua conta Shopify depois de copiar o código do widget incorporável no EmbedSocial;
- Navegar para o 'Páginas' e depois em 'Adicionar página';
- No separador 'Conteúdo' páginas de campo o código incorporável;
- Selecione a página onde pretende que o código apareça e prima "Guardar.
Como incorporar UGC no Squarespace?
Eis como incorporar UGC em sítios Squarespace:
- Copie o código do widget EmbedSocial e inicie sessão na sua conta Squarespace;
- Escolha a página onde pretende que as críticas apareçam;
- Clique em 'Adicionar nova secção' e depois 'Adicionar bloco' onde pretende apresentar o widget;
- Na lista de blocos, selecionar 'Incorporar‘;
- Clique no bloco, selecione ‘Trecho de código", e clicar em ‘Incorporar dados";
- Por fim, na caixa de código, cole o código de revisão copiado;
- Certifique-se de que guarda e publica as suas alterações no Squarespace.
Como incorporar UGC no Wix?
Veja como incorporar UGC em sites Wix:
- Inicie sessão no seu editor Wix e escolha a página e a localização para adicionar o widget;
- Clique no botão Ícone "+" no canto superior esquerdo para adicionar um novo elemento;
- Encontrar o Incorporar e Social secção e toque em 'Código de incorporação';
- Colar o código e tocar em 'Atualizar'.
Como incorporar CGU no Webflow?
Eis como incorporar UGC em sítios Webflow:
- Depois de criar o widget no EmbedSocial, inicie sessão na sua conta Webflow;
- Aceda à vista de edição do seu sítio Web no Webflow;
- Escolher 'Adicionar elemento' no Webflow e selecione a opção Elemento "incorporar;
- Arraste e largue-o onde pretende que as suas críticas apareçam;
- No campo de introdução, cole o código EmbedSocial copiado.
Como incorporar UGC no Pagecloud?
Eis como incorporar UGC em sítios Pagecloud:
- Depois de copiar o código EmbedSocial, inicie sessão no seu Nuvem de páginas conta;
- Comece a editar a página Web onde pretende que as críticas apareçam;
- Toque em 'Aplicações' no menu da faixa de opções à esquerda e selecionar "Incorporar;
- Cole o código EmbedSocial no campo pop-up e clique em 'Ok' para concluir o processo.
Como incorporar UGC no Google Sites?
Veja como incorporar UGC no Google Sites:
- Depois de copiar o código do widget incorporável no EmbedSocial, faça login na sua conta do Google Sites;
- Navegue até à página onde pretende incorporar o widget;
- Utilizar o Separador "Inserir no Google Sites e escolha o local onde pretende colocar o widget;
- Selecione 'Dê vida ao seu' no menu e cole o código copiado na caixa de diálogo;
- Clique em 'Seguinte' e depois 'Inserir' para finalizar a incorporação.
Como incorporar UGC no Elementor?
Eis como incorporar UGC no Elementor:
- Inicie sessão e navegue até à página onde pretende adicionar as críticas;
- Toque numa secção vazia e escolha a opção Bloco "HTML na secção esquerda da faixa de opções;
- Arraste e largue-o na página e cole o código do widget no campo vazio;
- Actualize e publique a página para ver o widget em direto.
Como incorporar o UGC no Notion?
Veja como incorporar UGC no Notion:
- Depois de copiar o código do widget, iniciar sessão no Notione ir para a página correspondente;
- Digite o /embed e, no menu pendente, seleccione a opção Opção "Incorporar;
- Cole o URL e clique em "Incorporar ligação para adicionar os seus comentários a Notion.
Como incorporar UGC em sítios Web HTML?
Eis como incorporar UGC em sítios HTML
- Copie a revisão do widget EmbedSocial do ficheiro Separador "Incorporar" no canto superior esquerdo do Editor;
- Abra o ficheiro HTML do seu sítio Web, que pode ser uma nova página ou uma já existente;
- Cole o código de incorporação do EmbedSocial copiado onde pretende que as críticas sejam apresentadas.
Porquê apresentar as Histórias do Instagram no seu sítio Web?
Quando adiciona um mural do Instagram ao seu sítio Web que inclui Histórias, publicações, vídeos, etc., aumenta o envolvimento dos utilizadores e obtém benefícios adicionais:
- Mostrar actualizações de conteúdos em tempo real-mantenha o seu sítio Web animado com sincronizações automáticas de histórias que apresentam os seus últimos eventos, lançamentos ou momentos dos bastidores;
- Aumentar o envolvimento dos utilizadorestrazem o formato de história familiar para o seu sítio Web para cativar os visitantes com autocolantes interactivos, imagens e narrativas curtas;
- Assegurar uma experiência de marca unificada-estender a estética e o tom do Instagram ao seu sítio Web, criando uma experiência perfeita em ambas as plataformas;
- Chegar a mais pessoas e impulsionar o crescimento das redes sociais.transformar os visitantes do sítio Web em seguidores do Instagram, promovendo o seu feed de histórias ativo no seu sítio;
- Maximizar o retorno da criação de conteúdos-dê uma vida mais longa às suas histórias, apresentando-as para além do limite de 24 horas do Instagram e garantindo que mais pessoas as vêem;
- Reutilizar a sua história do Instagram-reutilize as suas melhores histórias diretamente no seu sítio através de um widget profissional que o ajuda a geri-las e a apresentá-las;
- Transformar as histórias num novo formato de anúncio-utilize as suas histórias incorporadas como banners digitais para destacar campanhas ou apresentar promoções em sítios parceiros e portais Web;
- Expandir o alcance da sua história-apresentar histórias a públicos que podem não o seguir no Instagram, desbloqueando novas oportunidades de exposição e impulsionando o envolvimento;
Ao incorporar publicações ou histórias do Instagram no seu sítio Web, está a mostrar mais do que apenas o seu conteúdo. Liga o seu storytelling social à presença digital da sua marca, promovendo um envolvimento consistente em todos os canais que possui.
Nota: É possível apresentar todos os formatos de histórias num único widget-histórias fotográficas, histórias em vídeo, e até combiná-los com um Feed de histórias de pins do Pinterest num único widget interativo.
Porquê utilizar o EmbedSocial para adicionar widgets de histórias do Instagram ao seu sítio Web?
Se quiser incorporar histórias do Instagram sem esforço, de forma automatizada e totalmente personalizável, precisa de uma plataforma como EmbedSocial que optimiza o seu fluxo de trabalho:
Eis por que razão é a solução preferida das marcas e dos criadores:
- Ligação API oficial do Instagram-O EmbedSocial liga-se diretamente à API oficial do Instagram, garantindo que as suas histórias são sempre obtidas em tempo real;
- Actualizações automáticas de histórias-as novas histórias são sincronizadas automaticamente a cada 24 horas, mantendo o conteúdo do seu sítio Web atualizado sem carregamentos manuais;
- Widgets personalizáveis-ajustar a disposição, o tamanho, as cores e os tipos de letra para corresponder perfeitamente ao design do seu sítio Web e à identidade da sua marca;
- Design responsivo-os widgets têm um excelente aspeto em todos os dispositivos, adaptando-se automaticamente aos ecrãs de computador, tablet e telemóvel;
- Múltiplas opções de visualização-escolha entre popups, barras deslizantes, carrosséis ou grelhas para apresentar as suas histórias em diferentes estilos;
- Centro de conteúdos tudo-em-um-combinar histórias de várias contas do Instagram ou misturar fotografias, vídeos e outros formatos de histórias num único feed do Instagram;
- Compatibilidade entre plataformas-funciona perfeitamente com criadores de sítios Web populares como o WordPress, Shopify, Wix e Squarespace;
- Análise avançada-acompanhe as visualizações de histórias e as métricas de envolvimento diretamente a partir do seu painel de controlo EmbedSocial para medir o desempenho.
Como pode ver, com o EmbedSocial, incorporar um feed de histórias do Instagram é uma configuração única com vários benefícios: poupar tempo, melhorar o design e aumentar o envolvimento.
Além disso, pode criar e adicionar um mural do Instagram ao seu sítio Web que contenha mais do que as suas Histórias. Também pode combiná-las com Reels e publicações.
Exemplos de widgets do Instagram Story
O EmbedSocial oferece vários serviços prontos a utilizar Modelos de widgets do Instagram Story que pode adaptar totalmente às suas necessidades. Ou pode mesmo criar um novo modelo a partir do zero.
Aqui estão alguns dos widgets de incorporação de histórias do Instagram que oferecemos:
Conclusão: Maximize o alcance das suas histórias do Instagram para além das 24 horas!
Incorporar histórias do Instagram no seu sítio Web ajuda-o a aumentar a sua visibilidade e manter o seu público envolvido mesmo depois de desaparecerem da aplicação.
Quando liga a sua presença nas redes sociais ao seu sítio Web desta forma, dá aos visitantes conteúdos novos e dinâmicos para explorarem, que se actualizam por si próprios.
Ou seja, se se inscrever numa plataforma como EmbedSocial que sincroniza, personaliza e apresenta automaticamente as suas histórias em qualquer lugar online sem qualquer codificação.
Assim, se pretende poupar tempo e obter mais valor de cada história que cria na sua conta do Instagram, incorpore o widget de histórias do Instagram no seu sítio Web.
Aumente o alcance das suas histórias do Instagram hoje mesmo com EmbedSocial!
DICA: Pode incorporar widget de histórias do Instagram automaticamente no seu sítio Web e apresentar as suas histórias do Instagram em segundos. Experimente já.
Perguntas frequentes sobre a incorporação de histórias do Instagram num sítio Web
Como incorporar histórias do Instagram num sítio Web?
É possível incorporar histórias do Instagram num sítio Web utilizando ferramentas como EmbedSocial. Basta ligar a sua conta empresarial do Instagram, começar a recolher as suas histórias IG, conceber o seu widget incorporável, gerar um código incorporado e colá-lo no HTML do seu site.
Como é que se incorporam as Histórias do Instagram num sítio Web WordPress?
Pode incorporar histórias do Instagram numa página do WordPress copiando o código de incorporação da sua EmbedSocial e colando-o num bloco HTML. O widget apresentará automaticamente as suas histórias mais recentes e será atualizado sempre que forem publicadas novas histórias.
Posso incorporar vários tipos de conteúdo num feed de redes sociais?
Sim. Com EmbedSocial, pode misturar histórias com fotografias do Instagram, vídeos e até Pins do Pinterest num único widget, criando um feed de redes sociais unificado e interativo.
Posso incorporar o Instagram Stories sem uma conta Business?
Não. Para incorporar histórias do Instagram num site, é necessária uma conta Business ou Creator ligada a uma página do Facebook. Isto é exigido pela API do Instagram para autorizar aplicações de terceiros, como EmbedSocial para aceder e apresentar as suas histórias.
Posso incorporar Histórias do Instagram de outros utilizadores?
Não. A API do Instagram não permite incorporar histórias de outros utilizadores no Instagram. Só é possível incorporar e exibir histórias da sua própria conta conectada. No entanto, pode carregar manualmente histórias públicas (com permissão) e recriá-las no seu widget usando as opções de personalização do EmbedSocial.
Como incorporar destaques de histórias do Instagram?
Atualmente, a API do Instagram não permite que ferramentas de terceiros recolham ou incorporem diretamente destaques de histórias. No entanto, com o EmbedSocial, Se o seu Instagram não tiver um widget personalizado, pode recriar os destaques do Instagram selecionando e carregando manualmente as suas histórias para as apresentar através de um widget personalizado do Instagram. Isto tem o mesmo efeito e mantém as suas melhores histórias visíveis para além do limite de 24 horas.
Porque é que não consigo incorporar histórias do Instagram mais antigas?
O Instagram só permite incorporar histórias em direto das últimas 24 horas. As histórias arquivadas não podem ser sincronizadas automaticamente devido às restrições da API do Instagram, mas pode carregá-las e apresentá-las manualmente utilizando uma ferramenta de incorporação de histórias como EmbedSocial.
