Come incorporare il widget del feed di Instagram sul sito web

Pubblicato: 2021-12-08

Sin dal suo inizio, Instagram è stato affermato di essere una piattaforma di marketing molto potente ed efficace per le aziende che cercano di ottenere una portata organica e visibilità per i loro prodotti e servizi. Ora immagina quanto sarebbe grande l'impatto se incorpori un widget Instagram sul sito web!

Con 500 milioni di utenti giornalieri attivi, Instagram presenta un'enorme opportunità di crescita per le aziende, grandi o piccole che siano. Una strategia Instagram dedicata aiuta le aziende a fare molto, espandendo così la base di clienti complessiva per la tua attività.

L'incorporamento di un contenuto Instagram sul tuo sito web aziendale è una di queste strategie che potrebbe aiutarti a presentare una prova sociale costante ai visitatori del tuo sito web. Ora potrebbero esserci molti modi per incorporare il feed di Instagram sul sito web.

Questo articolo ti guiderà su come incorporare il widget del sito Web di Instagram. Quindi iniziamo!

Taggbox Instagram Widget per il sito web

Con termini come "Incorpora", "Widget", ecc., l'intero processo potrebbe sembrare un po' troppo tecnico, ma in realtà non lo è!

Incorporare il feed di Instagram sul tuo sito Web utilizzando un widget di feed dei social media è relativamente più semplice di quanto potresti ipotizzare. Può essere suddiviso in quattro semplici passaggi-

Passaggio 1: crea feed Instagram con Taggbox Widget.

Passaggio 2: applica il tema del widget

Passaggio 3: genera il codice di incorporamento del widget da Taggbox Widget

Passaggio 4: incorpora il widget del feed sul tuo sito web

Quindi, impariamo come incorporare un widget di post di Instagram sul tuo sito web passo dopo passo.

Widget Instagram per siti web

Crea widget post di Instagram con Taggbox

Per creare il tuo widget, segui questi semplicissimi passaggi e ti ritroverai con un bellissimo widget feed di Instagram.

Passaggio 1: crea un account con Taggbox Widget. Accedi al tuo account. Atterrerai sul cruscotto.

incorpora il post di instagram sul sito web

Passaggio 2: fai clic su " Aggiungi feed social " per aggiungere feed social al widget.

widget per instagram

Passaggio 3: viene visualizzata la finestra di dialogo " Scegli una fonte ". Scegli Instagram come fonte di feed .

instagram sul sito web

Nota: Taggbox ti dà la possibilità di aggregare i feed sia dall'account Instagram standard che dall'account Instagram Business. Secondo la politica API di Instagram aggiornata, ora non puoi recuperare i post sulla base di hashtag e posizione tramite un account Instagram standard. Per farlo, devi avere un account Instagram Business. Qui stiamo scegliendo l'account Instagram Business.

Passaggio 4: verrà visualizzata una casella Crea feed Instagram . Seleziona una fonte da Hashtag(#), Handle(@), Mention, IGTV e Tagged e crea una connessione Instagram facendo clic su Crea feed.

incorpora il feed di Instagram sul sito web

Passaggio 5: verrà visualizzata una casella Continua con Facebook . Cliccaci sopra e fornisci le tue credenziali di accesso per connettere il tuo account Instagram.

incorpora Instagram

Grande! Hai aggregato con successo i post di Instagram e presto appariranno nell'editor dei widget.

Puoi personalizzare l'aspetto del widget del feed di Instagram utilizzando il pannello Personalizza nell'Editor widget. Puoi anche curare i tuoi post aggregati di Instagram per consentire solo la visualizzazione dei contenuti della migliore qualità sul tuo social wall utilizzando il pannello di moderazione nell'editor dei widget.

Prova Taggbox Widget

Incorpora facilmente il widget del sito Web di Instagram e mostra la prova sociale

Richiedi demo Inizia la prova gratuita

Applica il tema del widget

Ora, questo è il passaggio più semplice e divertente dell'intero processo. Dopo aver aggregato i tuoi feed Instagram nell'editor dei widget, segui questi semplici passaggi per applicare il tema del widget.

Passaggio 1: fai clic su Design > Temi nella colonna di sinistra dell'Editor widget .

incorporare il feed di Instagram sul sito web

Passaggio 2: dai temi , scegli il tema del widget .

tema widget di twitter

Passaggio 3: fare clic su Applica tema .

incorporare il feed di Instagram sul sito web

Passaggio 4: vedrai molto presto il widget del contenuto aggregato di Instagram nel tuo editor di widget.

incorporare il feed di Instagram sul sito web

E questo è tutto! Hai creato correttamente un widget. Ora tutto ciò che devi fare è incorporarlo nel tuo sito web. Quindi, passiamo al passaggio successivo dell'incorporamento del widget del feed di Instagram sul sito Web.

Leggi anche - Incorpora il widget di Instagram Slider sul sito web

Genera il codice di incorporamento dal widget Taggbox

Ora, per incorporare un widget di post di Instagram sul tuo sito web, prima di tutto devi generare il codice di incorporamento dal nostro potente aggregatore di Instagram – Taggbox . Segui questi semplici passaggi per sapere come generare codice di incorporamento da Taggbox.

Passaggio 1: dopo aver creato il feed Widget per Instagram nel tuo editor di widget, fai clic sul pulsante Pubblica .

incorporare il feed di Instagram sul sito web

Passaggio 2: seleziona la piattaforma per la creazione di siti Web dalla finestra di dialogo visualizzata. (ad es. Scegliamo HTML .)

Widget del feed di Instagram sul sito web

Passaggio 3: imposta la larghezza , l' altezza e il tipo di altezza in base alle tue esigenze e fai clic su ottieni codice

Incorpora il widget di Instagram sul sito Web HTML

Passaggio 3: copia il codice generato negli appunti.

Questo è il codice di incorporamento desiderato che aspiravamo a generare da Taggbox. Una volta generato, questo codice di incorporamento può essere copiato e incollato nel back-end di qualsiasi pagina Web, consentendoti così di incorporare il Widget nel tuo sito Web.

Aggiungi il widget Instagram sul sito web

Incorpora il post di Instagram sul tuo sito web

Esistono molte piattaforme per la creazione di siti Web che gli utenti utilizzano per creare i propri siti Web. Impariamo come incorporare Instagram Feed Widget su alcune delle principali piattaforme di creazione di siti Web.

Incorpora sul sito Web HTML

L'HTML è una delle piattaforme più basilari e preferite per la creazione di siti web. È il forte di uno sviluppatore. Per incorporare il widget HTML di Instagram sul sito Web, segui questi semplici passaggi di base:

Passaggio 1: seleziona HTML come piattaforma per la creazione di siti Web.

Passaggio 2: genera il codice di incorporamento da Taggbox (già spiegato). Copia il codice di incorporamento negli appunti.

Passaggio 3: ora vai al back-end della pagina Web in cui desideri incorporare il widget.

Passaggio 4: incolla il codice copiato nella sezione del corpo in cui desideri incorporare il widget e salva le modifiche. (Se non sei un esperto tecnico, puoi chiedere al tuo sviluppatore di fare lo stesso.)

Grande! Hai incorporato con successo il Widget sul tuo sito web.

Incorpora sul sito Web WordPress

WordPress è una delle piattaforme di creazione di siti Web più popolari al mondo, che serve la maggior parte dei principali siti Web di grandi e piccoli marchi in tutto il mondo. Viene fornito con straordinarie funzionalità di personalizzazione e plug-in, sia gratuiti che a pagamento.

Segui questi umili passaggi per incorporare il Widget Instagram sul sito Web WordPress

Passaggio 1: seleziona WordPress come piattaforma per la creazione di siti Web.

Passaggio 2: genera il codice di incorporamento del sito Web da Taggbox. (Già spiegato).

Passaggio 3: apri la pagina nel tuo backend di WordPress in cui desideri incorporare i feed hashtag di Instagram.

Passaggio 4: seleziona " (+)Aggiungi blocco "nell'angolo in alto a sinistra dell'editor di WordPress.

Passaggio 5: qui, fai clic su Formattazione e quindi scegli HTML personalizzato .

Passaggio 6: incolla il codice copiato nell'editor.

Passaggio 7: fai clic su Pubblica/Aggiorna post e il gioco è fatto.

Incorpora sul sito Web WIX

WIX è un sito Web basato su cloud che crea una piattaforma davvero facile da usare. Qualsiasi persona non tecnica con conoscenze informatiche di base può creare un sito Web su WIX.

Per incorporare il widget Instagram sul sito Web WIX, segui questi semplici passaggi:

Passaggio 1: seleziona WIX come piattaforma per la creazione di siti Web.

Passaggio 2: genera il codice di incorporamento da Taggbox. (già spiegato)

Passaggio 3: sul tuo sito Web WIX, vai alla pagina in cui desideri incorporarlo.

Passaggio 4: nel backend dell'editor WIX di quella pagina Web, fai clic sul pulsante " +Aggiungi ".

Passaggio 5: fai clic su Altro e seleziona iframe HTML dall'incorporamento. Qui, incolla il codice di incorporamento nel campo Codice.

Passaggio 6: fare clic su Applica per salvare le modifiche.

Incorpora sul sito web di Squarespace

Squarespace è la piattaforma di creazione di siti Web per i creativi. Viene fornito con straordinarie opzioni di personalizzazione che ti aiutano a creare bellissimi siti Web nel giro di poche ore.

Per incorporare il widget del feed di Instagram sul sito Web di Squarespace, segui questi semplici passaggi:

Passaggio 1: seleziona Squarespace come piattaforma per la creazione di siti Web.

Passaggio 2: genera il codice di incorporamento da Taggbox. (già spiegato)

Passaggio 3: sul tuo sito Web Squarespace, vai alla pagina in cui desideri incorporare il widget.

Passaggio 4: nel back-end della pagina Web, fai clic su " + Aggiungi/Modifica blocco ".

Passaggio 5: seleziona Codice da incorporare dal menu.

Passaggio 6: fai clic sull'icona </> nel campo dell'URL.

Passaggio 7: incolla il codice copiato e fai clic su Applica e salva le modifiche.

Incorpora sul sito Web Weebly

Weebly è una piattaforma gratuita per la creazione di siti Web. Viene fornito con la semplice interfaccia drag and drop che lo rende divertente da usare.

Per aggiungere Instagram Feed Widget sul sito Web di Weebly, segui i passaggi indicati di seguito-

Passaggio 1: seleziona Weebly come piattaforma per la creazione di siti Web.

Passaggio 2: genera il codice di incorporamento da Taggbox. (già spiegato)

Passaggio 3: sul tuo sito Web Weebly, vai alla pagina in cui desideri incorporare il widget.

Passaggio 4: seleziona " Incorpora codice " dalla barra di navigazione a sinistra e rilascialo nella posizione della pagina Web in cui desideri incorporare il widget.

Passaggio 5: ora, fai clic sulla casella HTML e sull'opzione Modifica HTML personalizzato .

Passaggio 6: qui, incolla il codice copiato nella casella e pubblica le modifiche.

Incorpora sul sito Web Shopify

Shopify è la piattaforma per la creazione di siti Web a cui vai quando desideri creare un sito Web di e-commerce online. Ti consente di vendere prodotti online su più piattaforme e social media.

Per aggiungere il widget del feed di Instagram sul sito Web Shopify, procedi come indicato-

Passaggio 1: seleziona Shopify come piattaforma per la creazione di siti Web.

Passaggio 2: genera il codice di incorporamento da Taggbox. (già spiegato)

Passaggio 3: sul tuo sito Web Shopify, vai al negozio online in cui desideri incorporare il widget.

Passaggio 4: vai all'opzione Modifica HTML/CSS in alto a destra nella pagina.

Passaggio 5: seleziona Layout/Modelli/Sezione (ad es. Per la home page - Index.liquid) in cui desideri visualizzare il tuo hub sociale di Instagram.

Passaggio 6: incolla il codice copiato e fai clic su Salva.

Conclusione

Quindi, questa è stata una guida completa su quanto facilmente puoi incorporare il feed di Instagram sul tuo sito web. Non è stato facile?

Quindi cosa stai ancora aspettando? Salta sull'incredibile corsa dell'incorporamento del widget di Instagram feed sul tuo sito Web e migliorando l'esperienza utente complessiva dei visitatori del tuo sito Web.

Leggi anche: incorpora le storie di Instagram sul sito web

Prova Taggbox Widget

Incorpora i post di Instagram sul tuo sito web

Richiedi demo Inizia la prova gratuita