Come aggiungere immagini acquistabili su Instagram in WordPress

Vuoi aggiungere immagini Instagram acquistabili al tuo sito WordPress?

Le immagini acquistabili su Instagram hanno collegamenti su cui le persone possono facilmente fare clic per acquistare i tuoi prodotti. Questo è un modo efficace per mostrare i tuoi prodotti e incrementare le vendite da Instagram.

In questo articolo, ti mostreremo come aggiungere facilmente immagini acquistabili da Instagram in WordPress.

Cos'è lo shopping su Instagram?

Lo shopping su Instagram ti consente di taggare i prodotti nelle tue foto di Instagram.

Dopo aver taggato uno o più prodotti, gli utenti che stanno guardando il post vedranno un'icona "Visualizza prodotti" nell'angolo in basso a sinistra.

Possono semplicemente fare clic su quell'icona per vedere il nome, la descrizione e il prezzo del prodotto.

Ciò rende più facile per gli acquirenti saperne di più sui prodotti presenti nei tuoi post sui social media.

I visitatori possono toccare nuovamente lo schermo per accedere al tuo negozio Instagram, dove possono acquistare il prodotto presentato nel post sui social media.

Questa è un'ottima esperienza utente, ma non è facile da configurare.

Dovrai ottenere l'approvazione da Instagram per utilizzare le loro funzionalità di acquisto e alcuni di questi requisiti sono vaghi. Ad esempio, dovrai "aver dimostrato affidabilità, anche attraverso una presenza autentica e consolidata". Dovrai anche mantenere una "base di follower sufficiente".

Inoltre, dovrai creare un catalogo Facebook, un catalogo prodotti e una pagina aziendale Facebook.

In altre parole: è molto.

Per questo motivo, molti utenti di Instagram cercano un modo più semplice per aiutare gli acquirenti ad acquistare prodotti. È qui che entrano in gioco le immagini di Instagram acquistabili.

Perché aggiungere immagini Instagram acquistabili in WordPress?

Un feed Instagram acquistabile è una serie di foto che hanno un collegamento a un prodotto o servizio sul tuo sito. Questi URL non sono cliccabili se visualizzati su Instagram, come puoi vedere nell'immagine seguente.

Tuttavia, quando incorpori il feed acquistabile sul tuo sito Web WordPress, questi collegamenti diventano cliccabili. In questo modo, un feed shoppable di Instagram incoraggia le persone che visitano il tuo sito Web a guardare prodotti specifici.

Tutti i Mi piace e i commenti che ricevi su quei post possono anche fungere da prova sociale e incoraggiare le persone a fare clic sul collegamento del prodotto.

Man mano che pubblichi nuove immagini acquistabili su Instagram, appariranno automaticamente sul tuo sito, quindi i visitatori vedranno sempre gli ultimi post senza che tu debba aggiungerli manualmente.

Se ai visitatori piace quello che vedono, potrebbero persino decidere di seguirti su Instagram. Questo può farti ottenere più follower e ti offre un altro modo per promuovere direttamente a quella persona.

Ancora meglio, dal momento che questi link acquistabili appaiono sul tuo sito web, hai il controllo completo su di essi. Ciò significa che non devi seguire le rigide politiche di acquisto di Instagram o impostare un catalogo di prodotti Facebook.

Detto questo, vediamo come aggiungere facilmente immagini acquistabili da Instagram al tuo sito Web WordPress utilizzando Smash Balloon Instagram Pro.

Creazione di un feed Shoppable su Instagram

Innanzitutto, devi caricare le immagini che desideri utilizzare sul tuo account Instagram.

Smash Balloon ha una funzione acquistabile che ti consente di collegare ciascuna immagine a un URL all'interno delle impostazioni del plug-in. Con questa funzione abilitata, i visitatori possono fare clic su un'immagine acquistabile sul tuo sito Web e il relativo collegamento si aprirà in una nuova scheda.

Questi collegamenti non verranno visualizzati su Instagram.

Un'altra opzione è aggiungere il collegamento ai sottotitoli di Instagram. Questi collegamenti verranno visualizzati su Instagram, ma non saranno selezionabili.

Tuttavia, questi collegamenti saranno cliccabili sul tuo sito Web WordPress. Se desideri utilizzare questo metodo, dovrai dedicare del tempo ad aggiungere un URL a ciascuna immagine acquistabile sul tuo account Instagram.

Se hai intenzione di utilizzare la funzione acquistabile di Smash Balloon, puoi saltare questo passaggio poiché aggiungeremo ogni collegamento all'interno delle impostazioni del plug-in.

Come installare un plug-in per le foto di Instagram con il supporto Shoppable

Il modo migliore per aggiungere immagini acquistabili su Instagram in WordPress è utilizzare Smash Balloon Instagram Pro.

In questa guida, utilizzeremo la versione premium di Smash Balloon in quanto ha le funzionalità avanzate necessarie per aggiungere immagini acquistabili in WordPress. Tuttavia, esiste anche una versione gratuita che ti consente di incorporare Instagram in WordPress.

Prima di iniziare, dovrai collegare il tuo account Instagram a una pagina Facebook. Se disponi di un account Instagram personale, potresti anche volerlo trasformare in un account aziendale in quanto ciò consente a Smash Balloon di mostrare automaticamente la tua biografia e l'intestazione di Instagram.

Quando sei pronto, vai avanti e installa e attiva il plug-in Smash Balloon Instagram Pro. Per maggiori dettagli, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l'attivazione, vai su Instagram Feed »Impostazioni e inserisci la tua chiave di licenza nel campo "Chiave di licenza".

Troverai queste informazioni sotto il tuo account sul sito web di Smash Balloon.

Dopo aver inserito la chiave, fare clic sul pulsante "Attiva".

Come collegare un account Instagram a WordPress

Dopo aver attivato il plug-in, la tua prima attività è connettere il tuo account Instagram a WordPress. Basta andare su Feed di Instagram »Impostazioni e quindi fare clic su "Aggiungi nuovo".

Con Instagram Feed pro, puoi creare feed da post e hashtag con tag o persino creare un social wall con contenuti da molti diversi siti Web di social media.

Vogliamo mostrare le immagini acquistabili dalla nostra sequenza temporale di Instagram, quindi seleziona semplicemente "Cronologia utente" e fai clic su "Avanti".

Ora scegli l'account Instagram da cui otterrai le immagini acquistabili.

Per iniziare, fai clic sul pulsante "Aggiungi sorgente".

Successivamente, scegli se vuoi mostrare immagini acquistabili da un account Instagram personale o aziendale.

Se selezioni la casella accanto a "Personale", Smash Balloon non includerà l'avatar e la biografia di Instagram nell'intestazione per impostazione predefinita. Tuttavia, puoi sempre aggiungere manualmente l'avatar e la biografia di Instagram nelle impostazioni del plug-in.

Dopo aver scelto "Personale" o "Aziendale", fai clic su "Accedi con Facebook".

Ora puoi selezionare l'account Instagram che desideri visualizzare sul tuo sito Web WordPress e fare clic su "Avanti".

Successivamente, seleziona la casella accanto alla pagina Facebook collegata all'account Instagram con le tue immagini acquistabili.

Dopo averlo fatto, fai clic sul pulsante "Avanti".

Ora vedrai un popup con tutte le informazioni a cui Instagram Feed Pro avrà accesso e le azioni che può eseguire.

Per limitare l'accesso del plug-in al tuo account Instagram, fai semplicemente clic su uno degli interruttori per impostarlo da "Sì" a "No". Tieni presente che ciò potrebbe influire sulle foto che puoi mostrare sul tuo blog o sito Web WordPress.

Con questo in mente, ti consigliamo di lasciare tutti gli interruttori abilitati. Quando sei soddisfatto delle impostazioni, fai clic su "Fine".

Ora vedrai un popup con l'account Instagram che hai appena aggiunto al tuo sito web.

Basta selezionare la casella accanto a quell'account e quindi fare clic su "Aggiungi".

Instagram Feed Pro ora ti riporterà alla schermata Feed di Instagram »Tutti i feed .

Per creare un feed, seleziona la casella accanto all'account Instagram che desideri utilizzare. Quindi, fai clic su "Avanti".

Il plug-in ora creerà un feed di foto di Instagram che puoi aggiungere a qualsiasi pagina, post o area predisposta per i widget.

Tuttavia, prima di poter mostrare le immagini acquistabili ci sono alcune impostazioni extra da configurare.

Come abilitare la funzione Shoppable di Smash Balloon (facoltativo)

Come abbiamo già accennato, ci sono due modi per rendere acquistabile il tuo feed di foto di Instagram. Se hai aggiunto gli URL ai sottotitoli su Instagram, passa semplicemente al passaggio successivo.

Un'altra opzione è aprire i link acquistabili in una nuova scheda non appena il visitatore fa clic su un post. Per fare ciò, dovrai abilitare la funzione acquistabile di Smash Balloon.

Per iniziare, seleziona la scheda "Impostazioni", quindi fai clic su "Feed acquistabile".

In questa schermata, vai avanti e attiva il dispositivo di scorrimento "Abilita" in modo che diventi blu.

Smash Balloon ora mostrerà un pulsante "Aggiungi" su ogni foto o video nel tuo feed di Instagram.

Trova semplicemente il primo post che desideri rendere acquistabile e fai clic sul relativo pulsante "Aggiungi".

Ora puoi digitare l'URL del prodotto o servizio nel campo "Link prodotto" e fare clic su "Aggiungi".

Ora, facendo clic su questa foto si aprirà l'URL collegato in una nuova scheda.

Ripeti semplicemente questi passaggi per rendere ogni immagine acquistabile.

Se hai bisogno di modificare l'URL di un post in qualsiasi momento, passaci sopra con il mouse e fai clic su "Aggiorna".

Dopo aver aggiunto tutti i collegamenti, non dimenticare di fare clic sul pulsante "Salva".

Come filtrare il tuo feed Instagram acquistabile

Per impostazione predefinita, Smash Balloon mostra tutte le immagini e i video dal tuo account Instagram. Tuttavia, poiché stiamo creando un feed acquistabile, potresti voler filtrare i tuoi post e mostrare solo le foto che rimandano a un prodotto o servizio.

Questo può aiutare gli acquirenti a trovare i prodotti da acquistare, senza essere distratti da altre foto e video nel tuo feed di Instagram.

Con Smash Balloon, è facile filtrare i post di Instagram in base alle loro didascalie. Puoi semplicemente aggiungere una parola chiave o un hashtag alle tue immagini acquistabili su Instagram, quindi creare un filtro corrispondente in Smash Balloon.

Ad esempio, nell'immagine seguente utilizziamo l'hashtag #ordernow per tutte le immagini che vogliamo rendere acquistabili.

Per creare un filtro in Smash Balloon, seleziona la scheda "Impostazioni".

Quindi, vai avanti e fai clic su "Filtri e moderazione".

Nella casella "Mostra solo post contenenti", digita gli hashtag o le parole chiave che desideri utilizzare nel filtro.

Se desideri utilizzare più parole nel filtro, separa semplicemente ogni hashtag o parola chiave con una virgola.

Quando sei soddisfatto dell'impostazione del filtro, fai clic sul pulsante "Salva".

Tieni presente che l'anteprima non si aggiornerà immediatamente, quindi dovrai aggiornare la pagina per vedere il filtro in azione.

Come personalizzare il tuo feed Instagram acquistabile

Quando sei soddisfatto delle foto e dei video che appaiono nel tuo feed Shoppable, potresti voler cambiare l'aspetto del feed.

Per personalizzare il tuo feed Instagram acquistabile, fai semplicemente clic sulla scheda "Personalizza". Sul lato sinistro ci sono tutte le impostazioni che puoi utilizzare per modificare l'aspetto del feed acquistabile.

La maggior parte di queste impostazioni è autoesplicativa, ma tratteremo rapidamente alcune aree chiave che possono aiutarti a ottenere più vendite.

Iniziamo dall'alto, selezionando "Layout feed". Qui puoi scegliere diversi layout per il tuo feed acquistabile, come il carosello e l'evidenziazione.

Man mano che apporti modifiche, l'anteprima si aggiornerà automaticamente in modo da poter provare diverse impostazioni per vedere quale sembra la migliore.

A seconda del layout, otterrai alcune impostazioni extra che puoi utilizzare per ottimizzare il tuo feed. Ad esempio, se scegli "Evidenzia", ​​puoi dire a Smash Balloon di evidenziare i post in base a uno schema, un ID post o un hashtag specifico. Questo è ottimo per evidenziare i tuoi prodotti più popolari.

Entro il 2025, si stima che i consumatori statunitensi spenderanno 710 miliardi di dollari all'anno facendo acquisti sui propri dispositivi mobili. Con questo in mente, ti consigliamo di assicurarti che il feed Instagram acquistabile sia altrettanto buono su smartphone e tablet, come sui desktop.

Per impostazione predefinita, Smash Balloon mostrerà lo stesso numero di foto su computer desktop e dispositivi mobili.

Puoi visualizzare in anteprima l'aspetto del feed acquistabile su computer desktop, tablet e smartphone utilizzando la fila di pulsanti nell'angolo in alto a destra.

Puoi mostrare meno foto acquistabili sui dispositivi mobili modificando le impostazioni nelle sezioni "Numero di post" e "Colonne".

Dopo aver apportato le modifiche, fai clic sul link "Personalizza". Questo ti riporterà all'editor principale di Smash Balloon, pronto per esplorare l'opzione successiva, che è "Combinazione di colori".

Per impostazione predefinita, Smash Balloon utilizza una combinazione di colori ereditata dal tuo tema WordPress, ma ha anche temi "Chiaro" e "Scuro" che potresti voler utilizzare invece per il feed acquistabile.

Un'altra opzione è creare la tua combinazione di colori selezionando "Personalizzato". Quindi, usa semplicemente i controlli per cambiare il colore di sfondo, cambiare il colore del testo in WordPress e altro ancora.

Per impostazione predefinita, Smash Balloon aggiunge un'intestazione al feed acquistabile, che è la tua immagine del profilo e il nome della tua pagina.

Per modificare l'aspetto di questa sezione, fai clic su "Intestazione" nel menu a sinistra, quindi utilizza le impostazioni per modificare le dimensioni dell'intestazione, aggiungere il testo della biografia di Instagram e altro.

Puoi anche aggiungere una biografia diversa. Ad esempio, potresti incoraggiare le persone ad acquistare i tuoi prodotti o offrire ai visitatori un codice coupon esclusivo.

Per ulteriori informazioni sulla creazione di questi codici, consulta la nostra selezione esperta dei migliori plug-in di codici coupon WordPress per il tuo negozio online.

Per creare una biografia Instagram unica, digita semplicemente nella casella "Aggiungi biografia personalizzata".

Fatto ciò, fai clic su "Personalizza" per tornare all'editor principale di Smash Balloon.

Quindi, seleziona "Post".

Questo ti porta a una schermata che ha alcune opzioni diverse.

Puoi esaminare queste impostazioni e apportare le modifiche che desideri, ma ci concentreremo su "Didascalia".

Se hai aggiunto link acquistabili ai tuoi sottotitoli, è importante far risaltare il testo. Ad esempio, potresti ingrandire la didascalia.

Potresti anche usare un colore diverso per la didascalia.

Fatto ciò, fai clic su "Post" per tornare alla schermata precedente.

Qui vedrai anche un'opzione 'Hover State', che è l'overlay che Smash Balloon aggiunge a un post quando ci passi sopra con il mouse.

Ciò consente ai visitatori di vedere qualsiasi collegamento nelle tue didascalie senza aprire prima il post di Instagram.

In questa schermata, puoi utilizzare le impostazioni per creare una sovrapposizione colorata accattivante.

Dopo aver selezionato "Stato al passaggio del mouse", sarai in grado di modificare il colore di sfondo e il colore del testo che appare quando passi il mouse sopra ogni post.

Sotto "Informazioni da visualizzare", vedrai tutte le diverse informazioni che Smash Balloon può mostrare come parte della sovrapposizione. Seleziona semplicemente la casella accanto a ciascuna informazione che desideri mostrare.

Se la didascalia contiene link acquistabili, assicurati di lasciare abilitata la didascalia.

Quando sei soddisfatto delle modifiche, fai clic su "Personalizza" per tornare alla schermata principale dell'editor di Smash Balloon. Ora puoi selezionare l'opzione successiva, ovvero "Carica altro pulsante".

Per impostazione predefinita, Smash Balloon aggiunge un pulsante "Carica altro" nella parte inferiore del tuo feed Instagram in modo che i visitatori possano scorrere i tuoi post acquistabili.

Qui puoi cambiare il colore di sfondo del pulsante, il colore del testo e lo stato al passaggio del mouse.

Puoi anche aggiungere i tuoi messaggi al pulsante digitando nel campo "Testo".

Mentre ti consigliamo di lasciare abilitato il pulsante "Carica altro" per ottenere più vendite, puoi rimuoverlo. Ad esempio, potresti incoraggiare le persone a visitare la tua pagina Instagram limitando il numero di foto che possono vedere sul tuo sito.

Per rimuovere il pulsante, fai semplicemente clic sul dispositivo di scorrimento "Abilita" per trasformarlo da blu a grigio.

Se agli acquirenti piace ciò che vedono, potrebbero decidere di seguirti su Instagram utilizzando il pulsante "Segui su Instagram" che appare sotto il feed dello shoppable.

Dal momento che è un pulsante così importante, potresti volerlo aiutare a distinguersi selezionando "Pulsante Segui" dalla schermata principale dell'editor di Smash Balloon.

Qui puoi cambiare il colore di sfondo del pulsante, lo stato al passaggio del mouse e il colore del testo.

Puoi anche sostituire il testo predefinito "Segui su Instagram" con il tuo messaggio.

Come sempre, quando hai finito con queste impostazioni, fai clic su "Personalizza" per tornare alla schermata principale dell'editor.

Se hai abilitato la funzione acquistabile Smash Balloon, facendo clic su qualsiasi post nel feed di Instagram si aprirà una nuova scheda e li porterà direttamente alla pagina del prodotto collegato.

Tuttavia, se non hai abilitato la funzione acquistabile, potresti dare un'occhiata alla funzione lightbox di Smash Balloon.

Questa funzione consente ai visitatori di aprire l'immagine o il video in un popup lightbox, senza lasciare il tuo sito Web WordPress. Possono quindi fare clic su qualsiasi link acquistabile nelle didascalie.

Per abilitare o disabilitare la lightbox, seleziona semplicemente 'Lightbox' dal menu a sinistra.

Qui puoi rimuovere o aggiungere questa funzione utilizzando il dispositivo di scorrimento "Abilita".

Puoi anche modificare il numero di commenti che Smash Balloon mostrerà nella lightbox. Molti commenti positivi possono essere una potente forma di prova sociale, che spesso ti aiuterà a vendere più prodotti e servizi.

Tuttavia, possono anche distrarre, quindi potresti voler digitare un numero massimo nel campo "No. della casella dei commenti.

Un'altra opzione è nascondere completamente i commenti, facendo clic sull'interruttore "Commenti".

Quando sei soddisfatto dell'aspetto del feed di Instagram, non dimenticare di fare clic su "Salva" per memorizzare le modifiche. Ora sei pronto per aggiungere il feed Instagram acquistabile al tuo sito web.

Come incorporare il feed di Instagram in WordPress

Puoi aggiungere il feed acquistabile al tuo sito Web utilizzando un blocco, un widget o uno shortcode.

Se hai creato più di un feed utilizzando il plug-in Smash Balloon, dovrai conoscere il codice del feed se intendi utilizzare un widget o un blocco.

Per ottenere questo codice, vai su Instagram Feed »Tutti i feed e copia il valore nella colonna "Shortcode".

Se desideri incorporare il feed di Instagram in una pagina o in un post, ti consigliamo di utilizzare il blocco Feed di Instagram.

Basta aprire la pagina o il post in cui desideri incorporare il tuo feed di foto e video acquistabile. Quindi, fai clic sull'icona "+" per aggiungere un nuovo blocco e inizia a digitare "Feed Instagram".

Quando viene visualizzato il blocco giusto, fai clic per aggiungerlo alla pagina o al post.

Il blocco mostrerà uno dei tuoi feed Smash Balloon per impostazione predefinita. Se invece vuoi mostrare un feed Instagram diverso, trova "Impostazioni shortcode" nel menu a destra.

Qui, aggiungi semplicemente lo shortcode e fai clic su "Applica modifiche".

Il blocco ora mostrerà tutte le foto e i video dal tuo feed Instagram. Basta pubblicare o aggiornare la pagina per pubblicare il feed sul tuo sito web.

Un'altra opzione è aggiungere il feed a qualsiasi area predisposta per i widget, come la barra laterale o una sezione simile. Ciò consente ai visitatori di fare acquisti utilizzando il tuo feed Instagram da qualsiasi pagina del tuo sito.

Basta andare su Aspetto »Widget nella dashboard di WordPress e quindi fare clic sul pulsante blu "+".

Nella barra di ricerca, digita "Instagram Feed" e seleziona il widget giusto quando viene visualizzato.

Tieni presente che WordPress ha un widget Instagram integrato, quindi assicurati di scegliere quello che mostra il logo ufficiale di Instagram.

Successivamente, trascina semplicemente il widget nell'area in cui desideri mostrare il feed Instagram acquistabile, come la barra laterale o una sezione simile.

Il widget mostrerà automaticamente uno dei feed che hai creato utilizzando Smash Balloon. Se questo non è il feed Instagram acquistabile che hai appena creato, digita il codice del feed nella casella "Impostazioni shortcode".

Successivamente, fai clic su "Applica modifiche".

Ora puoi rendere attivo il widget facendo clic sul pulsante "Aggiorna". Per ulteriori informazioni, consulta la nostra guida passo passo su come aggiungere e utilizzare i widget in WordPress.

Un'altra opzione è incorporare il feed di Instagram in qualsiasi pagina, post o area predisposta per i widget utilizzando uno shortcode.

Per assistenza nell'inserimento dello shortcode, consulta la nostra guida su come aggiungere uno shortcode.

Infine, se stai utilizzando un tema abilitato per i blocchi, puoi utilizzare l'editor del sito completo per aggiungere il blocco del feed di Instagram in qualsiasi punto del tuo sito web.

Nella tua dashboard, vai semplicemente su Aspetto »Editor .

Per impostazione predefinita, l'editor del sito completo mostrerà il modello principale del tema. Se desideri aggiungere il feed acquistabile a un modello diverso, fai clic sulla freccia accanto a "Home".

Puoi quindi scegliere qualsiasi design dal menu a discesa, come il modello del piè di pagina.

Se non vedi il modello nell'elenco, seleziona "Sfoglia tutti i modelli".

L'editor del sito completo ora mostrerà un elenco di tutti i modelli che puoi modificare. Fai semplicemente clic sul modello in cui desideri mostrare il feed Instagram acquistabile.

Dopo aver scelto un modello, passa il mouse sopra l'area in cui desideri aggiungere il feed Instagram acquistabile.

Quindi, fai clic sul pulsante "+".

Successivamente, inizia a digitare "Instagram Feed".

Quando viene visualizzato il blocco di destra, fare clic per aggiungerlo al modello.

Come sempre, Smash Balloon mostrerà un feed per impostazione predefinita. Puoi modificare questo feed aggiungendo uno shortcode seguendo la stessa procedura descritta sopra.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere immagini acquistabili da Instagram in WordPress. Potresti anche voler vedere la nostra guida su come creare un indirizzo email aziendale gratuito o vedere la nostra selezione esperta dei migliori plug-in WooCommerce per il tuo negozio.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i tutorial video di WordPress. Puoi trovarci anche su Twitter e Facebook.