How to Embed Instagram Stories on Your Website in 2024?

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

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.

And as your product puts more and more content into your Instagram stories, why not re-use them and show a website Instagram story widget, too?

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.

Displaying Instagram stories on a website is possible, and you can use an app to help you automatically sync Instagram stories with your website.

Quick guide: Embed Instagram stories on your website

  1. Sign up for the Instagram stories widget.
  2. Go to Sources, select Histórias do Instagram, and connect your Facebook account that manages your Instagram profile.
  3. Escolher the Instagram account from which you want to generate stories and click Seguinte.
  4. Choose a widget template and create your own Instagram story widget.
  5. Copiar e incorporar the Instagram stories widget code on your website.

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

PARA SUA INFORMAÇÃO: Embed Instagram stories widget automatically on your website and display your Instagram stories in seconds. Try it now.

Image

Display Instagram stories on your website automatically

Automatically generate and embed Instagram stories to unlock your website’s sales potential.

Teste gratis

How to Embed Instagram Stories Automatically

These are the detailed steps on how you can generate embed code, create an Widget de histórias do Instagram, customize widget, and embed it on your website.

  1. Inscrever-se for the Instagram stories widget;
  2. Clicar "Fontes and click the top-right button ‘Add new source’;
    Go to Sources to add Instagram stories as a source
  3. In the Sources page, choose Stories and click Ligar a conta do Facebook to connect with your Facebook account and provide the required permissions;
    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 em 'Copiar código' e cole o código na secção do corpo do seu sítio Web.
Copy Instagram stories widget code

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.

Here is how to connect your Instagram account to a Facebook page >

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

Funcionalidades do widget Instagram Story

Eis algumas das características do widget de histórias do Instagram da EmbedSocial:

  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 EmbedStories 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ê exibir as histórias do Instagram num site?

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 com EmbedStories

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 EmbedStories, pode reutilizar a história do Instagram fazendo o seguinte:

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 O blogger pretende promover os seus serviços e utilizar a sua posição dedicada na primeira página da Web para apresentar as suas histórias do Instagram como um anúncio.

LER MAIS: Anúncios de histórias do Instagram: O guia definitivo para 2020

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 EmbedStories oferece opções para carregar fotografias, vídeos ou até 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:

Histórias do Instagram em exemplos de sites

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

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:

Passo 1: Inicie sessão no seu sítio Web WordPress e abra a página onde pretende incorporar as histórias do Instagram

Passo 2: Clique no botão + para adicionar um novo bloco e procurar HTML

Passo 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 >

Artigo do centro de ajuda

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:

Passo 1: Inicie sessão no seu sítio Web do Squarespace e abra o editor

Passo 2: Clique na secção onde pretende incorporar histórias do Instagram e clique em 'Adicionar bloco".

Passo 3: Procurar e selecionar 'Incorporar' da lista de blocos.

Embed instagram stories widget in Squarespace

Passo 4: Na janela popover, clique em 'Trecho de código' e, em seguida, clique em 'Incorporar dados.’

Embed Instagram stories feed in Squarespace HTMl block

Passo 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 >

Artigo do centro de ajuda

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:

Passo 1: Faça login no painel de administração do seu site Weebly no Sítios Web menu, clique em Editar sítio

Passo 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

Passo 3: Arrastar e largar o Código de incorporação na área onde pretende adicionar o widget de histórias do Instagram.

Embed Instagram stories code in Weebly

Passo 3: Na janela pop-up, clique em Editar HTML personalizado e cole o código na área HTML.

O widget aparecerá imediatamente.

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

Artigo do centro de ajuda

Como adicionar histórias do Instagram no Shopify?

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

Passo 1: Faça login no seu site da Shopify, navegue até Páginas e abra a página onde deseja incorporar o código

Passo 2: No editor de texto, clique no botão Ícone HTML e cole o código que obteve do EmbedSocial

Passo 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 >

Artigo do centro de ajuda

Bónus: incorporar o widget Instagram Stories gratuitamente

O EmbedStories oferece um serviço gratuito para sempre Widget de histórias do Instagram que pode utilizar para 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?

EmbedStories 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: Embed Instagram stories widget automatically on your website and display your Instagram stories in seconds. Try it now.

Image

Display Instagram stories on your website automatically

Automatically generate and embed Instagram stories to unlock your website’s sales potential.

Teste gratis

LER MAIS: Instagram Story Ads: The Ultimate Guide


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.