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
- Ligue a sua fonte de Stories do Instagram no EmbedSocial.
- Escolha o template Instagram Stories Popover.
- Personalize o estilo do avatar, o texto do popover e a posição do widget.
- Defina quando e onde o widget deve aparecer na página.
- Copie o código de incorporação.
- 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.
Popup face a outros layouts
| 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 |






