Como incorporar histórias do Instagram no seu site em 2024?

O EmbedStories é uma ferramenta que pode sincronizar-se com as suas contas do Instagram e arquivar automaticamente as suas histórias do Instagram.

How to embed Instagram stories on your website

As histórias do Instagram em sítios Web estão a tornar-se mais populares hoje em dia devido à opção de adicionar um autocolante de ligação e encaminhar os seus seguidores para o seu sítio Web.

E à medida que a sua marca adiciona cada vez mais conteúdos às suas histórias do Instagram, porque não reutilizá-los e mostrar também um widget de histórias do Instagram para um sítio Web?

Desta forma, pode criar um feed para expandir o alcance das suas histórias do Instagram e poupar tempo na atualização do seu sítio Web com as suas últimas notícias.

É possível apresentar as histórias do Instagram num sítio Web e pode utilizar uma aplicação para o ajudar a sincronizar automaticamente as histórias do Instagram com o seu sítio Web.

PARA SUA INFORMAÇÃO: 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 agora.

Image

Mostrar automaticamente as histórias do Instagram no seu sítio Web

Gerar e incorporar automaticamente histórias do Instagram para desbloquear o potencial de vendas do seu sítio Web.

Teste gratis

Guia rápido: Incorporar histórias do Instagram no seu sítio Web

  1. Inscreva-se no widget de histórias do Instagram.
  2. Ir para Fontes, selecionar Histórias do Instagrame ligue a sua conta do Facebook que gere o seu perfil do Instagram.
  3. Escolher a conta do Instagram a partir da qual pretende gerar histórias e clique em Seguinte.
  4. Escolha um modelo de widget e crie o seu próprio widget de história do Instagram.
  5. Copiar e incorporar o código do widget das histórias do Instagram no seu sítio Web.

Continue a ler para obter as passos pormenorizados sobre como pode incorporar histórias do Instagram. Aqui está uma pré-visualização:

Como incorporar automaticamente as Histórias do Instagram?

Seguem-se passos pormenorizados sobre como criar um Widget de histórias do Instagram, gerar código de incorporação, personalizar o widget e incorporá-lo no seu sítio Web.

  1. Inscrever-se para o widget das histórias do Instagram;
  2. Clicar "Fontes e clicar no botão superior direito 'Adicionar nova fonte';
    Go to Sources to add Instagram stories as a source
  3. Na página Fontes, seleccione Histórias e clique em Ligar a conta do Facebook para se ligar à sua conta do Facebook e fornecer as permissões necessárias;
    Select Instagram stories to add as a source
  4. Seleccione a conta do Instagram a partir da qual pretende gerar as histórias e clique em 'Criar widget‘;
    Select Instagram stories account
  5. No editor de widgets, pode escolher o esquema ou fazer outras personalizações;
  6. Por fim, clique no botão do lado esquerdo Incorporar e clique em 'Copiar código';
    Embed Instagram stories code
  7. Aceda ao seu sítio Web e cole o código na secção do corpo do seu sítio Web.

E já está! Agora, pode optar por incorporar widgets de histórias do Instagram no seu site HTML ou verificar alguns dos construtores de CMS abaixo, dependendo de qual deles utiliza para construir o seu site.

Atenção: De acordo com os requisitos da plataforma do Instagram, a sua conta do Instagram tem de estar ligada a uma página do Facebook para permitir que aplicações de terceiros gerem as histórias do Instagram publicadas por esta conta.

Eis como ligar a sua conta do Instagram a uma página do Facebook >

Para obter uma explicação detalhada, veja o vídeo abaixo:

Funcionalidades do widget Instagram Story

Eis algumas das funcionalidades do widget de histórias do Instagram:

  1. Sincronização automática de histórias do Instagram num sítio Web: Os utilizadores podem incorporar as suas histórias do Instagram diretamente no seu sítio Web, que apresentará automaticamente as histórias mais recentes.
  2. Design personalizável: O widget permite aos utilizadores personalizar o aspeto e a sensação para corresponder ao design do seu sítio Web. Isto pode incluir a alteração do tamanho, moldura, cores e muito mais.
  3. Conceção reactiva: O widget é compatível com dispositivos móveis, redimensionando-se adequadamente com base no dispositivo do utilizador.
  4. Actualizações automáticas: O widget actualiza-se automaticamente com novas histórias à medida que as adiciona no Instagram.
  5. Controlos de navegação: Os utilizadores que visualizam as histórias incorporadas no sítio Web dispõem de controlos como avançar, recuar, fazer uma pausa, etc.
  6. Integração de análises: Fornece análises sobre visualizações, interacções e outras métricas para as histórias incorporadas.
  7. Compatibilidade: O widget é compatível com plataformas de sites populares como WordPress, Shopify, Wix, etc.
  8. Clique em: Direcionar os utilizadores da história incorporada para a aplicação original do Instagram ou para o perfil do Instagram do utilizador.

Ler mais:

Novas actualizações do Instagram

Características avançadas de personalização

O EmbedSocial oferece funcionalidades avançadas para personalizar o design e o aspeto da história do Instagram no seu feed social ou sítio Web. Depois de gerar as histórias, pode criar widgets separados para histórias diferentes que podem ter definições diferentes.

Eis o que pode fazer:

  • Mostrar a história mais recente do Instagram
  • Mostrar uma história de uma data específica
  • Ordenar por data
  • Intervalo de reprodução automática
  • Cor do título
  • Mostrar título
  • Mostrar paginação
  • Mostrar navegação
  • data da história do espetáculo
  • mostrar nome de utilizador
  • mostrar foto do perfil

Verificar estes widgets de histórias do Instagram em direto que publicámos recentemente na nossa conta do Instagram.

Porquê apresentar as Histórias do Instagram num sítio Web?

Incorporar histórias do Instagram numa plataforma de construção de sites pode oferecer vários benefícios para marcas, influenciadores e empresas. Aqui estão cinco razões, juntamente com explicações, pelas quais esta pode ser uma estratégia valiosa:

Actualizações de conteúdos em tempo real

As histórias do Instagram oferecem uma visão em tempo real das actividades, eventos ou anúncios de uma marca. Ao incorporar estas histórias num sítio Web, as empresas podem manter o conteúdo do sítio Web atualizado e dinâmico, sem necessidade de actualizações manuais constantes. Os visitantes podem ver os acontecimentos e as promoções mais actuais, proporcionando uma sensação de imediatismo.

Aumentar a participação dos utilizadores

As histórias são inerentemente envolventes devido à sua natureza visual, autocolantes interactivos e disponibilidade por tempo limitado. Ao trazer este formato para um sítio Web, as marcas podem criar uma experiência de utilizador mais interactiva e envolvente, aumentando potencialmente o tempo dos visitantes e aprofundando a sua ligação com a marca.

Experiência de marca unificada

Muitas marcas investem significativamente na sua estratégia de conteúdos do Instagram e nas plataformas de criação de sítios Web para refletir a voz, o estilo e os valores da sua marca. A incorporação de histórias garante que os visitantes do sítio Web tenham uma imagem de marca e uma mensagem consistentes, colmatando a lacuna entre as redes sociais e a presença online oficial da marca.

Chegar a mais pessoas e impulsionar o crescimento das redes sociais

As empresas podem promover a sua presença nas redes sociais junto de um público mais vasto, apresentando as histórias do Instagram num sítio Web. Esta promoção cruzada pode incentivar os visitantes do sítio Web a seguirem a marca no Instagram, aumentando o alcance da equipa de apoio da marca nas redes sociais e promovendo uma comunidade online mais vasta.

Maximizar o retorno da criação de conteúdos

Produzir histórias do Instagram de qualidade requer muitas vezes tempo, esforço e recursos. Em vez de deixar o conteúdo desaparecer ao fim de 24 horas (o tempo de vida típico de uma história), incorporá-lo num sítio Web dá a essas histórias uma vida útil mais longa e mais visibilidade. Isto garante que mais pessoas possam ver e interagir com o conteúdo, maximizando o retorno do esforço investido na criação de conteúdo.

Incorporação ou salvar histórias do Instagram num sítio Web aumenta a sua atração e reforça a sinergia entre as actividades da marca nas redes sociais, a loja online e uma estratégia digital mais ampla.

Reutilizar a sua história do Instagram

As histórias são a última tendência na publicação de conteúdos. São definitivamente o rei dos formatos de conteúdo que as agências preferem devido à flexibilidade, às infinitas opções criativas e às oportunidades de interação digital com o público.

Estes ingredientes naturais do formato da história reforçam a necessidade de ferramentas mais profissionais e de sistemas de gestão de conteúdos que ajudem as agências e as marcas a arquivar, reutilizar e expandir a apresentação das histórias no Google Sites e noutras propriedades da Web.

Com o widget de histórias do Instagram, é possível reutilizar a história do Instagram incorporando-a no seu sítio Web/

As histórias são um novo formato de publicidade e uma nova faixa

Esta ideia muito interessante permite-lhe gerar um código que pode enviar para qualquer portal Web ou prova social bloguista que pretende promover os seus serviços e utilizar a sua posição dedicada na primeira página Web para apresentar os seus Histórias do Instagram como um anúncio.

Expandir o alcance da sua história no Instagram

Certifique-se de que tira o máximo partido do seu esforço na criação da história. Ao apresentar a história no seu sítio Web ou blogue, está a criar um novo meio para que novos utilizadores que talvez não o sigam no Instagram possam ver a sua história. Esta é uma oportunidade para obter um maior retorno do tempo de produção de conteúdos.

Se ainda não tiver uma conta, registar-se para uma avaliação gratuita e incorporar a sua primeira história no Instagram agora mesmo.

Mostrar todos os formatos das suas histórias num único widget

O EmbedSocial oferece opções para carregar fotografias, vídeos ou mesmo histórias do Pinterest Pin que podem ser combinadas num widget juntamente com as suas histórias do Instagram.

Saiba mais sobre estes widgets de histórias:

Exemplos de Instagram Stories no sítio Web

Aqui está uma lista de widgets de histórias do Instagram incorporados num sítio Web:

Exemplo de popover de histórias do Instagram

Com este widget, pode apresentar as histórias mais recentes do Instagram no seu sítio Web e informar os visitantes sobre as suas actividades mais recentes no Instagram.

Example of an Instagram stories widget

Exemplo de controlo deslizante de histórias do Instagram

Ter as histórias do Instagram no seu sítio Web num formato deslizante ajudá-lo-á a aumentar a interatividade e a apresentar as suas últimas notícias num novo formato e numa interface muito fácil de utilizar.

Instagram stories widget example

Demonstrações de widgets do Instagram Stories

Para começar a usar um widget pré-construído do Instagram Stories, consulte a biblioteca de modelos e escolha o que melhor se adequa ao seu site:

Incorporar as Histórias do Instagram no CMS

Abaixo estão as etapas sobre como incorporar histórias do Instagram em qualquer construtor de sites, onde você não precisará de nenhum conhecimento técnico. O melhor é que só tem de fazer isto uma vez e as histórias do Instagram incorporadas serão actualizadas automaticamente sempre que publicar uma nova história.

Como adicionar histórias do Instagram no Wix?

Se estiver a usar o Wix como editor do seu site, incorporar o código das histórias do Instagram a partir do EmbedSocial é extremamente fácil. Aqui estão os passos:

Passo 1: Inicie sessão no seu painel de controlo Wix e abra o editor do sítio Web

Passo 2: No editor, escolha a página e clique na secção onde pretende colocar o código

Passo 3: Na barra lateral superior esquerda, clique no botão + para adicionar um novo elemento e seleccione Incorporar

Passo 4: Na janela pop-up, clique na opção Trecho de código.

Passo 5: Colar o código no campo e clicar em 'Atualização', como indicado abaixo.

O widget de histórias será imediatamente apresentado.

Leia mais sobre como incorporar histórias do Instagram no Wix >

Como adicionar histórias do Instagram no WordPress?

O WordPress é uma das plataformas de construção de sites mais utilizadas, onde o processo de incorporação é muito simples. Para adicionar o código do widget de histórias do Instagram do EmbedSocial, siga estes passos:

  1. Inicie sessão no seu sítio Web WordPress e abra a página onde pretende incorporar as histórias do Instagram
  2. Clique no botão + para adicionar um novo bloco e procurar HTML
  3. Cole o código copiado do EmbedSocial no bloco HTML como mostrado abaixo.
Steps to embed instagram Stories code in WordPress

Leia mais sobre como incorporar histórias do Instagram no WordPress >

Como adicionar histórias do Instagram no Squarespace?

Se tiver um sítio Web Squarespace, siga estes passos para incorporar facilmente as histórias do Instagram:

  1. Inicie sessão no seu sítio Web do Squarespace e abra o editor
  2. Clique na secção onde pretende incorporar histórias do Instagram e clique em 'Adicionar bloco".
  3. Procurar e selecionar 'Incorporar' da lista de blocos.
    Embed reviews widget in Squarespace
  4. Passo 4: Na janela popover, clique em 'Trecho de código' e, em seguida, clique em 'Incorporar dados.’
    Embed social media feed in Squarespace HTMl block
  5. Por fim, cole o código na área HTML.

Pode clicar em Pré-visualização em modo de segurança para ver o widget no editor, guardar as alterações e ver o widget em direto no seu sítio Web do Squarespace.

Leia mais sobre como incorporar histórias do Instagram no Squarespace >

Como adicionar histórias do Instagram no Weebly?

O código das histórias do Instagram da EmbedSocial funciona para o Weebly como em qualquer outro sistema de gestão de conteúdos. Aqui estão os passos:

  1. Faça login no painel de administração do seu site Weebly no Sítios Web menu, clique em Editar sítio
  2. Depois de abrir o editor do sítio Web, na secção de elementos do lado esquerdo, clique em Mostrar todos os elementos e encontrar o 'Código de incorporação' elemento
  3. Arrastar e largar o Código de incorporação na área onde pretende adicionar o widget de histórias do Instagram.
  4. Na janela pop-up, clique em Editar HTML personalizado e cole o código na área HTML.
Embed Instagram stories code in Weebly

O widget aparecerá imediatamente.

Leia mais sobre como incorporar histórias do Instagram no Weebly >

Como adicionar histórias do Instagram no Shopify?

Veja como incorporar facilmente as histórias do Instagram no seu site da Shopify:

  1. Faça login no seu site da Shopify, navegue até Páginas e abra a página onde deseja incorporar o código
  2. No editor de texto, clique no botão Ícone HTML e cole o código que obteve do EmbedSocial
  3. Clicar Guardar e abra a página num novo separador para ver o seu widget de histórias do Instagram.
Steps to embed Instagram stories feed in Shopify

Leia mais sobre como incorporar histórias do Instagram no Shopify >

Bónus: incorporar o widget Instagram Stories gratuitamente

O para sempre livre Widget de histórias do Instagram pode ajudá-lo a apresentar o seu Destaques do Instagram ou histórias num esquema de popover. Esta ferramenta revive o seu sítio Web e ajuda-o a redirecionar o conteúdo para alcançar novos públicos para além da aplicação Instagram.

Pronto para tirar o máximo partido das suas histórias do Instagram?

EmbedSocial torna fácil capturar, guardar e incorporar histórias do Instagram em qualquer sítio Web!

Simplificar o processo de capturar, guardar e incorporar histórias do Instagram não só amplifica o alcance destas narrativas efémeras, como também cria novas vias para a promoção e o envolvimento da marca.

Aumente o alcance da sua história no Instagram hoje mesmo!

PARA SUA INFORMAÇÃO: 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 agora.

Image

Mostrar automaticamente as histórias do Instagram no seu sítio Web

Gerar e incorporar automaticamente histórias do Instagram para desbloquear o potencial de vendas do seu sítio Web.

Teste gratis

Cofundador da EmbedSocial e Diretor de Crescimento. Anteriormente, foi proprietário de uma empresa parceira do Facebook e de uma agência de marketing digital. Nerd da API de marketing e fã de Call of Duty.