ProInstagramInstagram StoriesPopup

Widget de Stories do Instagram: Popup

Widget de Stories do Instagram: Popup

Um widget de Stories do Instagram traz as suas Stories do Instagram em direto para o seu site. Este template mostra-as como um pequeno avatar flutuante com a etiqueta Ver Stories, e os visitantes abrem as suas Stories e publicações num popover com um clique.

O que mostra o widget de Stories do Instagram e onde colocá-lo

Um widget de Stories do Instagram é um elemento incorporado que traz as suas Stories atuais do Instagram para uma página web através da API oficial do Instagram. Atualiza-se sozinho enquanto as Stories estão ativas, por isso o seu site reflete o que publica.

Um popup de Stories do Instagram acrescenta o familiar anel do avatar como uma sobreposição compacta. Acrescenta conteúdo social sem dominar a página, o que o torna uma boa opção onde um feed completo seria demasiado pesado.

Use-o para lançamentos de produtos, vídeos dos bastidores, eventos ou ofertas diárias. Adequa-se a páginas de produto de ecommerce, páginas iniciais, páginas de destino de campanhas e sites de criadores ou de estilo de vida.

Para ligar Stories, a sua conta do Instagram tem de ser uma conta Business ou Creator. O nosso guia sobre como incorporar Stories do Instagram aborda todos os requisitos, e a página do widget de Stories do Instagram apresenta os layouts e os planos.

  • Página inicial: um ponto de contacto social que não empurra o seu conteúdo principal para baixo.
  • Página de preços: vídeos curtos de clientes ou da equipa acrescentam prova sem sobrecarregar os planos.
  • Páginas de produto: Stories que mostram o produto em utilização ficam a um clique do botão de compra.
  • Páginas de destino: as Stories de campanha mantêm uma página de lançamento atual enquanto ela estiver ativa.

Como adicionar um widget de Stories do Instagram ao seu site

  1. Ligue a sua fonte de Stories do Instagram no EmbedSocial.
  2. Escolha o template Instagram Stories Popover.
  3. Personalize o estilo do avatar, o texto do popover e a posição do widget.
  4. Defina quando e onde o widget deve aparecer na página.
  5. Copie o código de incorporação.
  6. Cole-o no seu site, página de destino ou CMS e publique.

WordPress

Abra a página no editor de blocos e adicione um bloco Custom HTML. Cole o código de incorporação e atualize a página. O popup flutua sobre o conteúdo, onde quer que o bloco esteja.

Shopify

Aceda a Online Store > Themes > Customize e adicione uma secção Custom Liquid ao modelo que pretende. Cole o código de incorporação e guarde.

Wix

Adicione um elemento Embed a Site ou HTML iFrame (o nome depende da versão do seu editor). Cole o código e publique.

Squarespace

Edite a página e adicione um bloco Embed. Cole o código no respetivo campo de código e guarde.

Layout Ideal para Mostra Template
Popup Adicionar Stories sem uma nova secção Avatar flutuante e um popover com Stories e publicações Widget de Stories do Instagram: Popup
Slider com reprodução automática Uma secção dedicada a Stories Uma linha de cartões altos de Stories que avançam sozinhos Carrossel Reprodução Automática de Histórias Instagram
Slider de Stories e publicações Misturar Stories com o seu feed Um slider horizontal de Stories e publicações recentes Widget Clássico Slider de Stories e Publicações do Instagram

Perguntas frequentes

É possível incorporar Stories do Instagram?
Sim. Ligue uma conta Business ou Creator do Instagram no EmbedSocial, escolha um template de Stories e cole o código de incorporação no seu site. As Stories em direto das últimas 24 horas são obtidas automaticamente.
Que tamanho tem o widget de Stories do Instagram?
Este popup mantém-se pequeno: um avatar circular de Stories e uma curta etiqueta Ver Stories a flutuar sobre a página. As Stories abrem num popover, por isso não precisa de reservar uma secção para ele. Para um bloco maior e sempre visível, use antes um template de slider.
Porque é que o meu widget do Instagram não funciona?
Primeiro, verifique a conta: a API do Instagram só liga contas Business ou Creator. Depois, verifique se há uma Story ativa, uma vez que as Stories expiradas e arquivadas não são obtidas automaticamente. Por fim, confirme que o código de incorporação completo está num bloco que executa JavaScript, como um bloco Custom HTML.
O widget de Stories do Instagram atualiza-se automaticamente?
Sim. Obtém as suas últimas Stories enquanto estão ativas, sem alterações no seu site. Para manter uma Story mais antiga visível depois das 24 horas, carregue-a manualmente para o widget.
Posso mostrar publicações e também Stories?
Sim. Este template mostra as suas Stories do Instagram juntamente com outras publicações do Instagram no popover. Para uma secção que mistura ambas, experimente o Classic Instagram Stories And Posts Slider Widget.
Posso escolher onde aparece o popup de Stories do Instagram?
Sim. Define a posição do widget no passo 3 e escolhe quando e onde aparece no passo 4. Experimente-o na sua própria conta com um teste grátis de 7 dias.

Torne este modelo seu.

Personalize-o no EmbedSocial e incorpore-o no seu site em minutos, sem precisar de código.