Come incorporare le storie di Instagram sul proprio sito web nel 2024?

EmbedStories è uno strumento in grado di sincronizzarsi con i vostri account Instagram e di archiviare automaticamente le vostre storie di Instagram.

How to embed Instagram stories on your website

Le storie di Instagram sui siti web stanno diventando sempre più popolari grazie all'opzione di aggiungere una link adesivo e indirizzare i vostri follower verso il vostro sito web.

E man mano che il vostro marchio aggiunge sempre più contenuti alle vostre storie di Instagram, perché non riutilizzarle e mostrare anche un widget per le storie di Instagram del sito web?

In questo modo, potete creare un feed per ampliare la portata delle vostre storie di Instagram e risparmiare tempo nell'aggiornare il vostro sito web con le ultime novità.

È possibile visualizzare le storie di Instagram su un sito web e si può utilizzare un'app per sincronizzare automaticamente le storie di Instagram con il proprio sito web.

PER TUA INFORMAZIONE: È possibile incorporare il widget delle storie di Instagram automaticamente sul vostro sito web e visualizzare le vostre storie di Instagram in pochi secondi. Provate ora.

Image

Visualizzate automaticamente le storie di Instagram sul vostro sito web

Generare e incorporare automaticamente le storie di Instagram per sbloccare il potenziale di vendita del vostro sito web.

Iniziare la prova gratuita di 7 giorni

Guida rapida: Incorporare le storie di Instagram sul vostro sito web

  1. Iscrivetevi al widget delle storie di Instagram.
  2. Andare su Sorgenti, selezionare Storie di Instagrame collegare l'account Facebook che gestisce il profilo Instagram.
  3. Scegliere l'account Instagram da cui si desidera generare le storie e fare clic su Avanti.
  4. Scegliete un modello di widget e create il vostro widget per le storie di Instagram.
  5. Copiare e incorporare il codice del widget delle storie di Instagram sul vostro sito web.

Continuate a leggere per ottenere il passi dettagliati su come incorporare le storie di Instagram. Ecco un'anteprima:

Come incorporare automaticamente le Storie di Instagram?

Ecco i passaggi dettagliati su come creare un Widget per le storie di Instagramgenerare il codice di incorporamento, personalizzare il widget e incorporarlo nel proprio sito web.

  1. Iscriviti per il widget delle storie di Instagram;
  2. Cliccare 'Fonti' e fare clic sul pulsante in alto a destra Aggiungi nuova sorgente';
    Go to Sources to add Instagram stories as a source
  3. Nella pagina Sorgenti, scegliere Storie e fare clic su Collegare l'account Facebook per connettersi con il proprio account Facebook e fornire le autorizzazioni richieste;
    Select Instagram stories to add as a source
  4. Selezionate l'account Instagram da cui volete generare le storie e fate clic su 'Creare un widget‘;
    Select Instagram stories account
  5. Nell'editor dei widget è possibile scegliere il layout o effettuare altre personalizzazioni;
  6. Infine, fare clic sul pulsante sinistro Incorporato e fare clic su Copiare il codice;
    Embed Instagram stories code
  7. Andate sul vostro sito web e incollate il codice nella sezione del corpo del sito.

E questo è tutto! A questo punto, potete scegliere di incorporare i widget delle storie di Instagram nel vostro sito web HTML o di controllare alcuni dei CMS builder qui sotto, a seconda di quale utilizzate per costruire il vostro sito web.

Si prega di notare: Secondo i requisiti della piattaforma Instagram, il vostro account Instagram deve essere collegato a una pagina Facebook per consentire alle app di terze parti di generare le storie di Instagram pubblicate da questo account.

Ecco come collegare il vostro account Instagram a una pagina Facebook >

Per una descrizione dettagliata, guardate il video qui sotto:

Caratteristiche del widget Instagram Story

Ecco alcune delle caratteristiche del widget delle storie di Instagram:

  1. Sincronizzazione automatica delle storie di Instagram su un sito web: Gli utenti possono incorporare le loro storie di Instagram direttamente sul loro sito web, che mostrerà automaticamente le storie più recenti.
  2. Design personalizzabile: Il widget consente agli utenti di personalizzarne l'aspetto per adattarlo al design del proprio sito web. Ciò può includere la modifica delle dimensioni, della cornice, dei colori e altro ancora.
  3. Design reattivo: Il widget è mobile-friendly e si ridimensiona in modo appropriato in base al dispositivo dell'utente.
  4. Aggiornamenti automatici: Il widget si aggiorna automaticamente con le nuove storie che vengono aggiunte su Instagram.
  5. Controlli di navigazione: Gli utenti che visualizzano le storie incorporate nel sito web hanno a disposizione controlli come avanti, indietro, pausa, ecc.
  6. Integrazione analitica: Fornisce analisi su visualizzazioni, interazioni e altre metriche per le storie incorporate.
  7. Compatibilità: Il widget è compatibile con le più diffuse piattaforme web come WordPress, Shopify, Wix, ecc.
  8. Cliccare su: Indirizzare gli utenti dalla storia incorporata all'app originale di Instagram o al profilo Instagram dell'utente.

Per saperne di più:

Nuovi aggiornamenti di Instagram

Funzioni di personalizzazione avanzate

EmbedSocial offre funzioni avanzate per personalizzare il design e l'aspetto delle storie di Instagram sul vostro feed sociale o sito web. Una volta generate le storie, sarà possibile creare widget separati per le diverse storie che possono avere impostazioni diverse.

Ecco cosa potete fare:

  • Mostra l'ultima storia di Instagram
  • Mostrare una storia da una data specifica
  • Ordine per data
  • Intervallo di gioco automatico
  • Titolo colore
  • Mostra il titolo
  • Mostra la paginazione
  • Mostra la navigazione
  • mostra la data della storia
  • mostra nome utente
  • mostra la foto del profilo

Controllare questi widget per le storie di Instagram in diretta che abbiamo recentemente pubblicato sul nostro account Instagram.

Perché visualizzare le Instagram Stories su un sito web?

L'integrazione delle storie di Instagram in una piattaforma di costruzione di siti web può offrire diversi vantaggi a marchi, influencer e aziende. Ecco cinque motivi, corredati da spiegazioni, per cui questa può essere una strategia preziosa:

Aggiornamenti dei contenuti in tempo reale

Le storie di Instagram offrono uno sguardo in tempo reale sulle attività, gli eventi o gli annunci di un marchio. Incorporando queste storie in un sito web, le aziende possono mantenere freschi e dinamici i contenuti del sito senza dover ricorrere a continui aggiornamenti manuali. I visitatori possono vedere gli eventi e le promozioni più attuali, dando un senso di immediatezza.

Aumentare il coinvolgimento degli utenti

Le storie sono intrinsecamente coinvolgenti grazie alla loro natura visiva, agli adesivi interattivi e alla disponibilità a tempo limitato. Portando questo formato su un sito web, i marchi possono creare un'esperienza utente più interattiva e coinvolgente, aumentando potenzialmente il tempo di permanenza dei visitatori e approfondendo il loro legame con il marchio.

Esperienza di branding unificata

Molti marchi investono in modo significativo nella loro strategia di contenuti Instagram e nelle piattaforme di costruzione di siti web per riflettere la voce, lo stile e i valori del loro marchio. L'integrazione delle storie assicura che i visitatori del sito web sperimentino un branding e una messaggistica coerenti, colmando il divario tra i social media e la presenza online ufficiale del marchio.

Raggiungere più persone e favorire la crescita dei social media

Le aziende possono promuovere la loro presenza sui social media a un pubblico più ampio mostrando le storie di Instagram su un sito web. Questa promozione incrociata può incoraggiare i visitatori del sito web a seguire il marchio su Instagram, ampliando la portata del team di supporto del marchio sui social media e promuovendo una comunità online più ampia.

Massimizzare il ritorno sulla creazione di contenuti

Produrre storie di Instagram di qualità spesso richiede tempo, impegno e risorse. Invece di lasciare che i contenuti svaniscano dopo 24 ore (la durata tipica di una storia), incorporarli in un sito web dà a queste storie una durata più lunga e una maggiore visibilità. In questo modo si garantisce che un maggior numero di persone possa visualizzare e interagire con i contenuti, massimizzando il ritorno dell'impegno profuso nella creazione dei contenuti.

Incorporazione o salvare le storie di Instagram in un sito web ne aumenta l'attrattiva e rafforza la sinergia tra le attività dei social media, il negozio online e la più ampia strategia digitale di un marchio.

Riutilizzate la vostra storia di Instagram

Le storie sono l'ultima tendenza nella pubblicazione di contenuti. Sono sicuramente il re dei formati di contenuto che le agenzie preferiscono per la flessibilità, le infinite opzioni creative e le opportunità di interazione digitale con il pubblico.

Questi ingredienti naturali del formato delle storie rendono necessari strumenti più professionali e sistemi di gestione dei contenuti che aiutino le agenzie e i marchi ad archiviare, riutilizzare ed espandere la visualizzazione delle storie su Google Sites e altre proprietà web.

Con il widget delle storie di Instagram, è possibile riutilizzare la storia di Instagram incorporandola nel proprio sito web.

Le storie sono un nuovo formato pubblicitario e un nuovo banner

Questa idea molto interessante vi consentirà di generare un codice che potrete inviare a qualsiasi portale web o prova sociale blogger che desideri promuovere i tuoi servizi e utilizzare la loro posizione dedicata sulla prima pagina web per mostrare i tuoi servizi. Storie di Instagram come annuncio pubblicitario.

Espandere la portata della vostra storia di Instagram

Assicuratevi di sfruttare al meglio il vostro impegno nella creazione della storia. Mostrando la storia sul vostro sito web o sul vostro blog, darete la possibilità a nuovi utenti che potrebbero non seguirvi su Instagram di vedere la vostra storia. Questa è un'opportunità per ottenere un maggiore ritorno sul tempo di produzione dei contenuti.

Se non avete ancora un account, registrati per una prova gratuita e incorporare subito la vostra prima storia di Instagram.

Visualizzate tutti i formati delle vostre storie in 1 widget

EmbedSocial offre la possibilità di caricare foto, video o anche Pin stories di Pinterest da combinare in un widget insieme alle storie di Instagram.

Per saperne di più su questi widget di storie:

Esempi di Instagram Stories su siti web

Ecco un elenco di widget per le storie di Instagram incorporati in un sito web:

Esempio di popover per le storie di Instagram

Con questo widget, potete visualizzare le ultime storie di Instagram sul vostro sito web e informare i visitatori sulle vostre ultime attività su Instagram.

Example of an Instagram stories widget

Esempio di slider per le storie di Instagram

La presenza delle storie di Instagram sul vostro sito web in formato slider vi aiuterà ad aumentare l'interattività e a mostrare le vostre ultime notizie in un nuovo formato e con un'interfaccia molto semplice da usare.

Instagram stories widget example

Demo dei widget di Instagram Stories

Per iniziare con un Widget Instagram Stories precostruito, controllate la libreria dei modelli e scegliete quello che si adatta meglio al vostro sito web:

Incorporare le Storie di Instagram nel CMS

Di seguito sono riportati i passaggi per incorporare le storie di Instagram in qualsiasi costruttore di siti web, dove non è necessaria alcuna competenza tecnica. La cosa migliore è che lo farete una sola volta e le storie di Instagram incorporate si aggiorneranno automaticamente ogni volta che pubblicherete una nuova storia.

Come aggiungere le storie di Instagram su Wix?

Se utilizzate Wix come editor del vostro sito web, incorporare il codice delle storie di Instagram da EmbedSocial è estremamente facile. Ecco i passaggi:

Fase 1: Accedere alla dashboard di Wix e aprire l'editor del sito web.

Fase 2: Nell'editor, scegliere la pagina e fare clic sulla sezione in cui si desidera inserire il codice

Fase 3: Nella barra laterale in alto a sinistra, fare clic sul pulsante + per aggiungere un nuovo elemento e scegliere Incorpora

Passo 4: Nel pop-up, fare clic sull'opzione Code snippet.

Passo 5: Incollare il codice nel campo e cliccare su 'Aggiornamento' come mostrato di seguito.

Il widget delle storie verrà immediatamente visualizzato.

Per saperne di più su come incorporare le storie di Instagram in Wix >

Come aggiungere le storie di Instagram su WordPress?

WordPress è una delle piattaforme di costruzione di siti web più utilizzate e il processo di incorporazione è molto semplice. Per aggiungere il codice del widget delle storie di Instagram di EmbedSocial, seguite questi passaggi:

  1. Accedete al vostro sito WordPress e aprite la pagina in cui volete incorporare le storie di Instagram.
  2. Fare clic sul pulsante + per aggiungere un nuovo blocco e cercare l'HTML
  3. Incollare il codice copiato da EmbedSocial nel blocco HTML come mostrato di seguito.
Steps to embed instagram Stories code in WordPress

Per saperne di più su come incorporare le storie di Instagram in WordPress >

Come aggiungere le storie di Instagram su Squarespace?

Se possedete un sito web Squarespace, seguite questi passaggi per incorporare facilmente le storie di Instagram:

  1. Accedere al proprio sito web Squarespace e aprire l'editor
  2. Fare clic sulla sezione in cui si desidera incorporare le storie di Instagram e fare clic su 'Aggiungi blocco".
  3. Trovare e selezionare 'Incorporato dall'elenco dei blocchi.
    Embed reviews widget in Squarespace
  4. Passo 4: Nel popover, fare clic su 'Frammento di codice' e poi fare clic su 'Incorporato dati.’
    Embed social media feed in Squarespace HTMl block
  5. Infine, incollare il codice nell'area HTML.

È possibile fare clic su Anteprima in modalità sicura per visualizzare il widget nell'editor, salvare le modifiche e vedere il widget dal vivo sul vostro sito Squarespace.

Per saperne di più su come incorporare le Storie di Instagram in Squarespace >

Come aggiungere le storie di Instagram su Weebly?

Il codice delle storie di Instagram di EmbedSocial funziona per Weebly come per ogni altro sistema di gestione dei contenuti. Ecco i passaggi:

  1. Accedete al pannello di amministrazione del vostro sito Weebly nella sezione Siti web fare clic su Modifica del sito
  2. Una volta aperto l'editor del sito, nella sezione degli elementi di sinistra, fare clic su Mostra tutti gli elementi e trovare il Codice incorporato elemento
  3. Trascinare e rilasciare il file Codice incorporato nell'area in cui si desidera aggiungere il widget delle storie di Instagram.
  4. Nel pop-up, fare clic su Modifica del codice HTML personalizzato e incollare il codice nell'area HTML.
Embed Instagram stories code in Weebly

Il widget apparirà immediatamente.

Per saperne di più su come incorporare le storie di Instagram in Weebly >

Come aggiungere le storie di Instagram su Shopify?

Ecco come incorporare facilmente le storie di Instagram sul vostro sito web Shopify:

  1. Accedere al sito Shopify, navigare su Pagine e aprire la pagina in cui si desidera incorporare il codice.
  2. Nell'editor di testo, fare clic sul pulsante Icona HTML e incollare il codice ottenuto da EmbedSocial
  3. Cliccare Risparmiare e aprire la pagina in una nuova scheda per vedere il widget delle storie di Instagram.
Steps to embed Instagram stories feed in Shopify

Per saperne di più su come incorporare le storie di Instagram in Shopify >

Bonus: Incorporare gratuitamente il widget delle Storie di Instagram

La libertà per sempre Widget per le storie di Instagram può aiutarvi a mostrare il vostro I punti salienti di Instagram o storie in un layout popover. Rivivrà il vostro sito web e vi aiuterà a riproporre i contenuti per raggiungere nuovi pubblici oltre l'app di Instagram.

Siete pronti a sfruttare al meglio le vostre storie di Instagram?

EmbedSocial consente di catturare, salvare e incorporare facilmente le storie di Instagram in qualsiasi sito web!

La semplificazione del processo di acquisizione, salvataggio e incorporazione delle storie di Instagram non solo amplifica la portata di queste narrazioni effimere, ma crea anche nuove strade per la promozione e il coinvolgimento dei marchi.

Espandete la portata della vostra storia di Instagram oggi stesso!

PER TUA INFORMAZIONE: È possibile incorporare il widget delle storie di Instagram automaticamente sul vostro sito web e visualizzare le vostre storie di Instagram in pochi secondi. Provate ora.

Image

Visualizzate automaticamente le storie di Instagram sul vostro sito web

Generare e incorporare automaticamente le storie di Instagram per sbloccare il potenziale di vendita del vostro sito web.

Iniziare la prova gratuita di 7 giorni

Cofondatore di EmbedSocial e responsabile della crescita. Precedentemente proprietario di un'azienda partner di Facebook e di un'agenzia di marketing digitale. Appassionato di API di marketing e di Call of Duty.