Come integrare Instagram Stories sul tuo sito web? [Guida completa + Esempi]

{ “@context”: “https://schema.org”, “@type”: “Product”, “name”: “EmbedSocial-Skopje”, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 4.9, “reviewCount”: 60 } }

L’incorporamento di Instagram stories sui siti web sta diventando sempre più popolare in questi giorni poiché è un ottimo modo per i brand di mantenere il loro sito web fresco e coinvolgere i loro visitatori.

Inoltre, puoi facilmente indirizzare i tuoi follower su Instagram verso il tuo sito web tramite app link in bio o semplicemente aggiungendo il link del tuo sito web ai tuoi post tramite link sticker.

Per aggiungere questo contenuto Instagram al tuo sito web, devi usare un widget sito web Instagram, che può essere completamente personalizzato secondo i tuoi gusti e si aggiorna automaticamente.

Ti dirò tutto su questo processo nelle sezioni qui sotto e perché devi farlo il prima possibile. Inoltre, troverai i migliori strumenti ed esempi per farlo.

Guida veloce: Incorpora Instagram stories sul tuo sito web in pochi passaggi

Incorporare Instagram stories nelle pagine del sito web è molto semplice con gli strumenti giusti. Ad esempio, quando usi EmbedSocial, hai solo pochi passaggi da seguire:

1. Registrati per un widget di Instagram story e una completa piattaforma UGC.
2. Vai a ‘Sources’ → ‘Manage accounts’ e premi ‘Add new account’.
3. Tocca ‘Add Instagram account’ e approva la connessione di EmbedSocial al tuo Instagram.
4. Torna a ‘Sources’ → ‘Add new source’ e tocca ‘Instagram’.
5. Scegli @Stories come tua source e seleziona il tuo account IG dall’elenco.
6. Tocca ‘Create widget’, seleziona il template del tuo widget e progetta il tuo widget.
7. Copia il codice del widget dalla scheda ‘Embed’ e incollalo sul tuo sito web.

Se non sei ancora sicuro di cosa fare, guarda questo video interattivo del processo:

Ecco tutto quello che dovevi fare, e quando hai finito, otterrai qualcosa di simile:

(function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js); }(document, “script”, “EmbedSocialHashtagScript”));

Il widget sopra include anche la nostra funzionalità UGC acquistabile, che aiuta i tuoi clienti a navigare immediatamente verso le tue pagine di prodotto per acquistare l’articolo.

Tuttavia, prima di procedere, ci sono alcuni aspetti da tenere a mente per un’integrazione di Instagram story riuscita, che delineerò di seguito, e poi otterrai la guida completa.

Che cosa sapere quando incorpori stories su Instagram?

Prima di incorporare Instagram stories sul tuo sito web, comprendi che l’API di Instagram richiede che il tuo account Instagram sia un account Business o Creator.

Avere un account Instagram professionale è necessario per autorizzare qualsiasi app di terze parti, come EmbedSocial, ad accedere e visualizzare i tuoi stories.

Inoltre, solo gli stories attivi (live) delle ultime 24 ore possono essere estratti da Instagram. Gli stories archiviati e in evidenza non sono disponibili tramite l’API.

Infine, una volta stabilita la connessione, il sistema recupera e aggiorna automaticamente i tuoi ultimi stories finché rimangono live su Instagram.

Nota: A differenza di alcuni competitor, EmbedSocial può connettersi direttamente al tuo account Instagram professionale senza passare prima attraverso la tua pagina Facebook. Detto questo, devi già essere loggato al tuo account Instagram su desktop.

Guida completa: Come incorporare Instagram Stories sul sito web passo dopo passo

Ecco i passaggi dettagliati per creare un immersivo widget di instagram stories, personalizzarlo, generare il suo codice integrabile e incorporarlo sul tuo sito web:

Passaggio 1: Registrati per la piattaforma UGC di EmbedSocial

Prima di tutto, devi un account EmbedSocial. Non preoccuparti, offriamo anche una prova gratuita di 7 giorni in modo che tu possa controllare tutte le nostre funzioni prima di impegnarti.

Passaggio 2: Aggiungi il tuo account Instagram

Successivamente, devi navigare verso ‘Sources’ e toccare ‘Add new account’:

Passaggio 3: Approva la connessione di EmbedSocial al tuo Instagram

Una volta che fai questo, devi toccare ‘Add Instagram account’ e approvare la connessione:

Passaggio 4: Aggiungi Instagram come source in EmbedSocial

Ora che Instagram è connesso, è il momento di aggiungere una source Instagram specifica, che puoi fare tramite ‘Sources’ → ‘Add new source’ e premendo ‘Instagram’:

Passaggio 5: Scegli @Stories come source e scegli il tuo account

Devi toccare @Stories a questo punto e poi selezionare il tuo account IG connesso:

Passaggio 6: Crea e progetta il tuo widget

Una volta toccato ‘Create widget’, ti verrà chiesto di scegliere un template di widget e verrai portato nell’editor di EmbedSocial.

Lì, puoi cambiare assolutamente tutto dell’aspetto del tuo widget, dal layout ai colori, ai caratteri e agli elementi che il tuo widget includerà:

Passaggio 7: Copia e incolla il codice del widget sul tuo sito web

Infine, devi solo copiare il codice integrabile del widget, che puoi trovare nella scheda ‘Embed’ dell’editor (angolo in alto a sinistra. Una volta lì, clicca ‘Copy code’:

Naturalmente, l’ultimo passaggio è incollare quel codice sul tuo sito web. Di seguito, copro il processo di farlo su tutti i più popolari web builder e piattaforme CMS.

Guida video: Come incorporare un widget di Instagram story facilmente

Se preferisci guardare un video su come incorporare feed Instagram, eccone uno:

Come aggiungere un muro Instagram al tuo sito web tramite diverse piattaforme CMS?

Il processo di incollare il codice del tuo widget di Instagram story è simile su tutti i web builder più popolari. Ecco come visualizzare post Instagram su la maggior parte di essi:

Perché visualizzare Instagram Stories sul tuo sito web?

Quando aggiungi un muro Instagram al tuo sito web che include Stories, post, video, ecc., aumenti il tuo coinvolgimento degli utenti e raccogli vantaggi aggiuntivi:

• Mostra aggiornamenti di contenuti in tempo reale. mantieni il tuo sito web vivo con sincronizzazioni di storie automatiche che visualizzano i tuoi ultimi eventi, lanci o momenti dietro le quinte.
• Aumenta il coinvolgimento degli utenti. porta il formato di story familiare al tuo sito web per affascinare i visitatori con sticker interattivi, visivi e storytelling di breve durata.
• Assicura un’esperienza di branding unificata. estendi la tua estetica e il tono di Instagram al tuo sito web, creando un’esperienza senza soluzione di continuità su entrambe le piattaforme.
• Raggiungi più persone e guida la crescita dei social media. trasforma i visitatori del sito web in follower di Instagram promuovendo il tuo feed di story attivo sul tuo sito.
• Massimizza il ritorno sulla creazione di contenuti. dai ai tuoi stories una vita più lunga visualizzandoli oltre il limite di 24 ore di Instagram e assicurandoti che più persone li vedano.
• Riutilizza il tuo Instagram story. riproponi i tuoi migliori stories direttamente sul tuo sito usando un widget professionale che ti aiuta a gestirli e visualizzarli.
• Trasforma i stories in un nuovo formato pubblicitario. usa i tuoi stories incorporati come banner digitali per evidenziare campagne o presentare promozioni su siti partner e portali web.
• Espandi la portata del tuo story. visualizza stories a un pubblico che potrebbe non seguirti su Instagram, sbloccando nuove opportunità di esposizione e guidando il coinvolgimento.

Mostri più che solo il tuo contenuto quando incorpori post Instagram o stories sul tuo sito web. Connetti la tua storytelling sociale alla presenza digitale del tuo brand, guidando il coinvolgimento coerente su ogni canale che possiedi.

Nota: Puoi visualizzare tutti i formati di story in un widget. photo stories, video stories, e anche combinarli con un feed di Pinterest Pin stories in un singolo widget interattivo.

Perché usare EmbedSocial per aggiungere widget di Instagram story al tuo sito web?

Se vuoi rendere l’incorporamento di Instagram stories senza sforzo, automatico e completamente personalizzabile, hai bisogno di una piattaforma come EmbedSocial che ottimizzi il tuo flusso di lavoro:

Ecco perché è la soluzione preferita per i brand e i creator:

• Connessione ufficiale all’API di Instagram. EmbedSocial si connette direttamente all’API ufficiale di Instagram, assicurando che i tuoi stories vengano sempre estratti in tempo reale.
• Aggiornamenti automatici degli stories. nuovi stories si sincronizzano automaticamente ogni 24 ore, mantenendo il contenuto del tuo sito web fresco senza upload manuali.
• Widget personalizzabili. regola layout, dimensioni, colori e caratteri per corrispondere perfettamente al design del tuo sito web e all’identità del tuo brand.
• Design reattivo. i widget appaiono fantastici su tutti i dispositivi, adattandosi automaticamente a schermi desktop, tablet e mobile.
• Opzioni di visualizzazione multiple. scegli tra popup, slider, caroselli o griglie per mostrare i tuoi stories in stili diversi.
• Centro di contenuti all-in-one. combina stories da più account Instagram o mescola formati di foto, video e altri story in un singolo feed Instagram.
• Compatibilità cross-platform. funziona perfettamente con i popolar web builder come WordPress, Shopify, Wix e Squarespace.
• Analytics avanzate. traccia le visualizzazioni dei story e le metriche di coinvolgimento direttamente dal tuo dashboard EmbedSocial per misurare le prestazioni.

Come puoi vedere, con EmbedSocial, incorporare un feed di instagram stories è una configurazione una tantum con diversi vantaggi: risparmiare tempo, migliorare il design e aumentare il coinvolgimento.

Inoltre, puoi creare e aggiungere un muro Instagram al tuo sito web che contenga più che solo i tuoi Stories. Puoi combinarli con Reels e post anche.

Esempi di widget di Instagram Story

EmbedSocial offre diversi template di widget di Instagram Story pronti all’uso che puoi adattare completamente alle tue esigenze. O, puoi anche creare un nuovo template da zero.

Ecco alcuni dei widget di incorporamento di Instagram story che offriamo:

Conclusione: Massimizza la portata dei tuoi Instagram stories oltre 24 ore!

L’incorporamento di Instagram stories sul tuo sito web ti aiuta a estendere la loro visibilità e mantenere il tuo pubblico coinvolto anche dopo che scompaiono dall’app.

Quando connetti la tua presenza social al tuo sito web in questo modo, dai ai visitatori contenuti freschi e dinamici da esplorare che si aggiornano da soli.

Cioè, se ti registri per una piattaforma come EmbedSocial che sincronizza, personalizza e visualizza automaticamente i tuoi stories ovunque online senza alcuna codifica.

Quindi, se stai cercando di risparmiare tempo e ottenere più valore da ogni story che crei sul tuo account Instagram, incorpora il widget di Instagram stories sul tuo sito web.

Espandi la portata dei tuoi Instagram stories oggi con EmbedSocial!

Domande frequenti sull’incorporamento di Instagram stories su un sito web

Come incorporare Instagram stories su un sito web?

Puoi incorporare Instagram stories su un sito web usando strumenti come EmbedSocial. Semplicemente connetti il tuo account Instagram business, inizia a raccogliere i tuoi IG Stories, progetta il tuo widget integrabile, genera un codice embed e incollalo nell’HTML del tuo sito.

Come incorporare Instagram Stories su una pagina web di WordPress?

Puoi incorporare Instagram stories su una pagina WordPress copiando il codice embed dal tuo widget EmbedSocial e incollandolo in un blocco HTML. Il widget visualizzerà automaticamente i tuoi ultimi stories e si aggiornerà ogni volta che vengono postati nuovi.

Posso incorporare più tipi di contenuto in un singolo feed di social media?

Sì. Con EmbedSocial, puoi mescolare stories con foto Instagram, video e persino Pinterest Pins in un singolo widget, creando un singolo feed di social media unificato e interattivo.

Posso incorporare Instagram Stories senza un account Business?

No. Per incorporare Instagram stories su un sito web, hai bisogno di un account Business o Creator connesso a una Pagina Facebook. Questo è richiesto dall’API di Instagram per autorizzare app di terze parti come EmbedSocial ad accedere e visualizzare i tuoi stories.

Posso incorporare Instagram Stories da altri utenti?

No. L’API di Instagram non ti permette di incorporare stories su Instagram da altri utenti. Puoi solo incorporare e visualizzare stories dal tuo account connesso. Tuttavia, puoi caricare manualmente stories pubbliche (con permesso) e ricrearle nel tuo widget usando le opzioni di personalizzazione di EmbedSocial.

Come incorporare i punti salienti della storia di Instagram?

L’API di Instagram attualmente non consente agli strumenti di terze parti di raccogliere o incorporare i punti salienti della storia direttamente. Tuttavia, con EmbedSocial, puoi ricreare i tuoi evidenziati di Instagram selezionando e caricando manualmente i tuoi stories per visualizzarli tramite un widget Instagram personalizzato. Questo ha lo stesso effetto e mantiene i tuoi migliori stories visibili oltre il limite di 24 ore.

Perché non posso incorporare stories Instagram più vecchi?

Instagram consente solo l’incorporamento di stories live dalle ultime 24 ore. Gli stories archiviati non possono essere sincronizzati automaticamente a causa delle restrizioni dell’API di Instagram, ma puoi caricarli manualmente e visualizzarli usando uno strumento di incorporamento story come EmbedSocial.