Blocchi Instagram

Inserisci nel sito le immagini più recenti del tuo feed Instagram.

Ultimo aggiornamento 24 gennaio 2025

Utilizza i blocchi Instagram per condividere i post di Instagram sul tuo sito. Questo è un ottimo metodo per mostrare le tue immagini o i tuoi video di Instagram senza doverli aggiungere manualmente a blocchi galleria o pagine galleria. Mentre aggiungi contenuti a un account Instagram connesso, i blocchi Instagram si sincronizzano per mostrare i post più recenti sul tuo sito. 

Nota

a causa delle recenti modifiche alle API di Instagram, per continuare a inserire nuovi contenuti nei tuoi blocchi Instagram, sarà necessario ricollegare il tuo sito Squarespace a Instagram. Se attualmente hai un account Instagram personale, devi convertire il tuo account in un account professionale nel corso dell'operazione. A partire dal 4 dicembre 2024, i blocchi Instagram che non sono stati riconnessi non mostreranno nuovi contenuti fino a quando non saranno riconnessi.

Per ricollegare il tuo account Instagram:

  1. Apri il pannello Account connessi.   
  2. Fare clic su Esegui nuovamente l'autenticazione.
  3. Se non disponi già di un account professionale (Business o Creator), il processo di riconnessione ti guiderà nel passaggio da un account personale a un account professionale.
  4. Dopo aver convertito il tuo account e averlo ricollegato, fai clic sull'icona di Instagram nel pannello Account collegati.
  5. Clicca su Ripristina dati.

Per continuare a visualizzare un feed di post di Instagram sul tuo sito senza convertire il tuo account Instagram in un account professionale, sostituisci il tuo blocco Instagram con un blocco embed con il codice da incorporare di Instagram.

Guarda un video

Aggiungere il Blocco Instagram

Per aggiungere un Blocco Instagram:

  1. Modifica una pagina o un post, clicca Aggiungi blocco o su un punto di inserimento e scegli Instagram dal menu. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Nella scheda Account, clicca sul menu a discesa Account connesso per selezionare un account Instagram connesso in precedenza, oppure seleziona Aggiungi un account e segui i passaggi per collegarne uno nuovo.
  4. Imposta il numero di elementi da visualizzare, fino a un massimo di 20.
  5. Nella scheda Design, scegli un design e personalizza le impostazioni di visualizzazione
  6. Fare clic su Salva per salvare le modifiche e proseguire, oppure fare clic su Esci e poi Salva per chiudere l'editor.

Suggerimenti e limitazioni

Ricorda:

  • Instagram non supporta più il filtraggio di post nei Blocchi Instagram utilizzando un termine di ricerca o un hashtag.
  • Se connetti un account Instagram privato a un Blocco Instagram, anche se i post verranno visualizzati nel blocco, porteranno a un link non disponibile quando selezionati. Per evitare questo problema, imposta il tuo account Instagram come pubblico.
  • I post di Instagram con più immagini o video mostrano il primo elemento come un'immagine statica su blocchi Instagram. Nella scheda Progettazione dell'editor dei blocchi, seleziona Apri collegamenti in una nuova finestra per rimandare i visitatori al post completo.
  • I blocchi Instagram non supportano post IGTV, Storie, post condivisi o Reels.
  • I post appuntati non vengono visualizzati all'inizio del blocco Instagram. 
  • Se hai più account Instagram che vuoi mettere in evidenza, puoi collegare ogni account a un blocco Instagram diverso.

Scegliere un design

Nella scheda Design, scegli come saranno visualizzati i post nel blocco. Sono disponibili quattro design e puoi personalizzarli con diverse opzioni quali rapporto dimensionale, padding e modalità di visualizzazione dei post quando clicchi su di essi. I quattro design sono:

  • Slideshow - I post vengono visualizzati uno alla volta
  • Carosello - I post vengono visualizzati integralmente con parti del post precedente e di quello successivo, in base alle impostazioni
  • Griglia - I post vengono visualizzati come una griglia di immagini in miniatura
  • In colonna- I post vengono visualizzati a larghezza piena, uno sopra l'altro

Terminata la personalizzazione del design, clicca su Salva. Per saperne di più, visita Opzioni per tutti i design del Blocco Instagram.

Suggerimento

Alcune opzioni di design appaiono diversamente sui dispositivi mobili. Puoi visualizzarle in anteprima utilizzando Vista dispositivo.

Opzioni per tutti i design del Blocco Instagram

Opzioni di design Blocco comportamento
Automatically Transition Between Slides (Passaggio Automatico tra Diapositive) Passa automaticamente al post successivo dopo un determinato intervallo di tempo. Quando selezionato, visualizzerai un indicatore per impostare l'intervallo di transizione su un valore compreso tra 1 e 10 secondi.
Show Next and Previous Controls (Mostra Controlli Successivo e Precedente) Aggiunge frecce per il passaggio ai post precedenti e successivi. I controlli appaiono in sovrapposizione a sinistra e a destra del post principale.
Automatically Crop Images (Ritaglia Automaticamente Immagini) Ritaglia o ridimensiona i post per ottenere un design migliore.
Show Thumbnails (Mostra Immagini di Anteprima) Aggiunge una striscia con le miniature di tutte le immagini e i video nel blocco sotto il post principale. Quando selezionata, vengono visualizzati gli indicatori per impostare l'altezza della striscia con le miniature e la distanza tra questa e il post principale.
Mostra didascalia

Visualizza descrizioni dei post. Quando selezionata, vengono visualizzate altre opzioni per impostare la posizione delle descrizioni e per visualizzarle solo al passaggio del mouse. Scopri come queste didascalie vengono visualizzate nel tuo modello.

Le descrizioni non vengono visualizzate sui dispositivi mobili.

Apri link in una nuova finestra Apre Instagram in nuova scheda quando i visitatori cliccano sui post.
Opzioni di design Blocco comportamento
Automatically Transition Between Slides (Passaggio Automatico tra Diapositive) Passa automaticamente al post successivo dopo un determinato intervallo di tempo. Quando selezionato, visualizzerai un indicatore per impostare l'intervallo di transizione su un valore compreso tra 1 e 10 secondi.
Show Next and Previous Controls (Mostra Controlli Successivo e Precedente) Aggiunge frecce per il passaggio ai post precedenti e successivi. I controlli appaiono in sovrapposizione a sinistra e a destra del post principale.
Active Alignment (Allineamento Attivo) Focalizza il blocco su un post attivo. Questo post viene visualizzato a schermo intero.
Apri link in una nuova finestra Apre Instagram in nuova scheda quando i visitatori cliccano sui post.
Opzioni di design Blocco comportamento
Aspect Ratio Controlla le dimensioni di visualizzazione dei post.
Crop Images (Ritaglia Immagini) Rimuove il padding dai contenitori dei post e li visualizza nelle dimensioni selezionate nel menu a discesa Rapporto dimensionale.
Thumbnails Per Row (Anteprime per Riga) Consente di impostare il numero di miniature in una riga della griglia.
Padding (Spaziatura) Consente di regolare il padding al di fuori dei contenitori dei post.
Lightbox

Apre un post con uno sfondo nero quando i visitatori cliccano su di esso.

La didascalia del post viene visualizzata al passaggio del mouse sulla lightbox. Nei dispositivi mobili, tocca il cerchio nell'angolo in basso a destra della lightbox per visualizzare la didascalia del post. Scopri come queste didascalie vengono visualizzate nel tuo modello.

Apri link in una nuova finestra Apre Instagram in una nuova scheda quando i visitatori cliccano sui post. Questa opzione non funzionerà se la lightbox è attivata.
Opzioni di design Blocco comportamento
Mostra didascalia

Visualizza descrizioni dei post sotto ogni post. Scopri come queste didascalie vengono visualizzate nel tuo modello.

Apri link in una nuova finestra Apre Instagram in nuova scheda quando i visitatori cliccano sui post.

Risoluzione dei problemi

Segui gli step sottostanti per risolvere i problemi relativi ai Blocchi Instagram. Tieni presente che, sebbene possiamo offrire consigli per la risoluzione dei problemi, eventuali problemi causati da cambiamenti nelle politiche o aggiornamenti dei prodotti su Instagram non rientrano nell'ambito della nostra assistenza. I problemi più comuni includono:

  • Il blocco non corrisponde al feed Instagram.
  • Il blocco mostra post duplicati o non corretti.
  • Il blocco mostra i post archiviati.
  • Il blocco mostra un messaggio di errore: "Non sono presenti elementi da visualizzare nella raccolta selezionata".
  • Il blocco non appare affatto.

Suggerimento

i Blocchi Instagram si aggiornano ogni 30 minuti, pertanto è possibile che i nuovi post non vengano visualizzati immediatamente.

Step 1 - Controllare la connessione

Puoi risolvere la maggior parte dei problemi assicurandoti che la connessione di Instagram sia impostata correttamente:

  1. Apri il pannello Account connessi.
  2. Clicca sul tuo account Instagram.
  3. Assicurati che Scarica dati sia selezionato.
  4. Clicca su Ripristina dati.
  5. Clicca su Save (Salva).
  6. Aggiorna la pagina Web.

Step 2 - Riconnettere l'account

Se continui a riscontrare problemi o se visualizzi un messaggio di errore "Non autorizzato: rimuovi o autentica nuovamente questo account per continuarne l'utilizzo", scollega e ricollega il tuo account Instagram:

  1. Nel riquadro Account connessi, clicca sul tuo account Instagram.
  2. Clicca suDisconnetti.
  3. Clicca su Conferma.
  4. In una scheda separata, esci da tutti gli account Instagram sul tuo dispositivo.
  5. Torna al tuo sito Squarespace. Nel pannello Account connessi, clicca su Connetti.
  6. Scegli Instagram dal menu Account social e accedi usando il tuo nome utente e la password di Instagram.
  7. Clicca su Save (Salva).
  8. Torna al blocco Instagram. Nella scheda Account dell'editor dei blocchi, clicca sul menu a discesa Account connesso per selezionare nuovamente il tuo account Instagram.
  9. Fare clic su Salva per salvare le modifiche e proseguire, oppure fare clic su Esci e poi Salva per chiudere l'editor.
  10.  

Step 3 - Eliminare il blocco

Se il problema persiste, rimuovi il blocco e aggiungine uno nuovo:

  1. Apri il pannello Pagine e clicca sulla pagina con il blocco Instagram.
  2. Passa il mouse sul blocco e clicca su Modifica.
  3. Passa il mouse sul Blocco Instagram e clicca sull'icona del cestino.
  4. Fai clic su un punto di inserimento e scegli Instagram.
  5. Seleziona il tuo account Instagram e clicca su Save (Salva).
  6. Aggiorna la pagina.

Passaggio 4 - Disabilita gli ad blocker e le estensioni del browser

I blocchi Instagram potrebbero non essere visualizzati se il browser utilizza sistemi di blocco degli annunci pubblicitari. Ti consigliamo di rimuoverli per iniziare. Se riscontri ancora problemi di visualizzazione dei blocchi, prova a disabilitare tutte le estensioni del browser. Se continui ad avere problemi, contattaci.

Visualizzare un feed di post utilizzando un blocco embed

Devi avere un account Instagram professionale per utilizzare un blocco Instagram. Per visualizzare un feed di post di Instagram sul tuo sito senza un account professionale, aggiungi il codice da incorporare di Instagram a un blocco embed:

  1. Modifica una pagina o un post, clicca su Aggiungi blocco o su un punto di inserimento, quindi clicca su Incorpora. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Su Instagram, trova il post o il profilo che desideri incorporare e clicca su ... in alto a destra.
  3. Fai clic su Incorpora, quindi su Copia codice da incorporare
  4. Tornare al blocco embed, fare clic su Frammento di codice nell'editor del blocco su un computer, oppure toccare Codice nell'app Squarespace, quindi incollare manualmente il codice incorporato nel campo di testo.

Per ulteriori informazioni sull'integrazione di raccolte di post nel tuo sito, visita la documentazione di Instagram

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.