Crea un Feed 'Shop My Instagram' per il Tuo Sito Web

Instagram è la nostra ispirazione per molte cose.

E la nostra nuova funzionalità Product Tags non è un’eccezione.

Instagram ha introdotto Instagram Shopping e l’etichettatura dei prodotti come un modo creativo per mostrare come un particolare prodotto viene utilizzato o consumato in un post, un’immagine o un video di Instagram. Per offrire al consumatore una continuazione istantanea dell’esperienza di shopping, ha aggiunto tag su parti del post per fornire una funzionalità di acquisto diretto.

In relazione a ciò, stavamo cercando un modo per introdurre la stessa opzione di etichettatura dei prodotti sui siti web dei nostri utenti e offrire loro un widget ‘shop my Instagram’ etichettato con link alle pagine dei prodotti.

L’inclusione di una funzionalità di etichettatura dei prodotti su un sito web è stata una risposta naturale sia alle richieste degli utenti che alle tendenze, principalmente create da funzionalità simili sulla piattaforma Instagram.

Quindi oggi siamo felici di presentare Product Tags in Feeds, un’opzione di e-commerce per etichettare le foto generate dagli utenti con dettagli di prodotti reali che contengono una call to action diretta.

Ecco come appaiono i Product Tags all’interno di un feed di social media:

(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”));

Si noti che i Product Tags sono già disponibili per tutti gli utenti PRO attuali del nostro aggregatore di social media.

Continua a leggere per saperne tutto quello che devi conoscere sui Product Tags.

Conosci Product Tags di EmbedSocial

Abbiamo creato Product Tags con la seguente funzionalità in mente: permettere ai nostri clienti di utilizzare qualsiasi dei loro post sui social media per pubblicizzare i loro prodotti direttamente sul loro sito web e migliorare istantaneamente le vendite.

Detto questo, con Product Tags puoi trasformare istantaneamente i tuoi feed dei social media in Shop interattivi.

Il risultato: meno attrito e un numero ridotto di clic per arrivare al carrello.

Quando i tuoi acquirenti hanno deciso di acquistare il tuo prodotto, vogliono farlo ADESSO.

Tuttavia, alcuni punti di attrito possono causare ai clienti di abbandonare i loro carrelli (sia virtualmente che in negozio). Troppi clic per il checkout e un’esperienza di checkout non ottimizzata per dispositivi mobili sono alcuni dei principali punti di attrito.

Secondo un recente benchmark Baymard, l’87% dei consumatori afferma che un processo di checkout complicato li farà abbandonare il carrello della spesa.

E oltre a ciò, l’84% degli acquirenti è improbabile che acquisti nuovamente da un marchio dopo una cattiva esperienza.

Questo è esattamente ciò che Product Tags affronta!

Con pochi clic, i nostri clienti possono etichettare i prodotti come overlay su qualsiasi post generato da uno dei loro account sui social media, come pagina Instagram, Facebook, Twitter o altre piattaforme di social media, e incorporarli nel loro sito web utilizzando i nostri moderni widget di feed.

La prossima volta che un utente interagisce con il nostro widget simile a shop my Instagram, rivelerà tag che possono essere cliccati per visualizzare ulteriori informazioni sul prodotto e un link per acquistare il prodotto.

Come funzionano i Product Tags?

Fino a poco tempo fa, potevi solo aggiungere link ai post nuovi o vecchi che, una volta cliccati, avrebbero navigato gli utenti verso la pagina di checkout, la landing page, il post del blog, ecc.

Ma ora vogliamo sbloccare desideri di shopping aggiuntivi dei consumatori. La creazione di un semplice widget shop my Instagram con l’opzione di etichettare i prodotti sembrò un’ottima soluzione.

Attualmente, più utenti di EmbedSocial hanno richiesto questa funzionalità, quindi abbiamo deciso di integrare questo widget acquistabile come parte della piattaforma EmbedSocial.

Darebbe ai clienti un’esperienza di acquisto più completa e informativa, per non parlare di un processo di acquisto molto più semplice.

Ecco un esempio di come funziona:

Immagina di essere un negozio di moda che vende vestiti da donna. I tuoi post probabilmente contengono foto di modelli che indossano i tuoi abiti. Quindi, per mostrare esattamente cosa indossa un modello, il Product Tag sarà di grande aiuto.

Con un semplice drag and drop di cerchi, puoi puntare esattamente alle parti della foto dove si trova il prodotto. Ad esempio, etichettare un cappello, un vestito o scarpe.

E questa etichettatura ti permetterà di mostrare informazioni specifiche sul prodotto come nome del prodotto, immagine e prezzo.

Il risultato: Feed Instagram acquistabile!

Controlla la demo dal vivo →

Con pochi clic, puoi mostrare una foto che, quando interagisce con essa, visualizzerà esattamente i prodotti che indossa il modello.

Pertanto, offrendo al potenziale cliente un caso di utilizzo reale dei prodotti che interessano, per impostazione predefinita, porterà a una decisione di acquisto più veloce.

Pronto a dare un’occhiata al processo di progettazione e sviluppo di Product Tags?

Puoi anche stimolare la tua creatività con alcuni dei casi di utilizzo più comuni che tu come rivenditore puoi applicare oggi per potenziare il tuo business.

Tuffiamoci!

Il processo di progettazione di Product Tags

Un ottimo design è un ingrediente vitale di ogni nuova funzionalità che implementiamo. Per gli straordinari grafici delle funzionalità di EmbedSocial, la “colpa” va a Angela, la nostra designer UX.

Crede fermamente che un buon design sia un indicatore del fatto che hai ascoltato la voce del tuo cliente, e questo è esattamente quello che stiamo cercando di fare qui in EmbedSocial.

Quindi, qual è stata l’ispirazione di Angela quando ha creato il design del Product Tags?

Con le sue parole:

“Il design non inizia da te (a meno che tu non sia il nuovo Leonardo Da Vinci). Lo tengo sempre a mente. Inizi con le basi del design, creando un flusso familiare per l’utente. Fare qualche ricerca su app già esistenti interessanti è anche un must. Trovi ispirazione per la tua app/funzionalità in app interessanti già esistenti che usi ogni giorno. Ma soprattutto, le idee di design per il Product Tagging sono venute dagli utenti che hanno testato la funzionalità e dal loro feedback.”

Come spiega, il processo di progettazione per i Product Tags è stato diviso in 4 parti:

1. Ricerca per la nuova funzionalità (questa è la parte in cui sono nati i primissimi mockup della versione MVP)
2. Creazione del pannello di amministrazione
3. Implementazione della funzionalità di etichettatura dei prodotti nel design front-end dei widget di feed
4. Comunicazione costante e feedback per migliorare la prima versione.

Sembra un sacco di lavoro, vero?

Diamo un’occhiata alla prospettiva tecnica.

Il processo di sviluppo di Product Tags

I design e lo sviluppo si sono dimostrati essere grandi partner nel crimine (ancora una volta).

Mentre Angela stava facendo la sua magia, al centro del processo di sviluppo di Product Tags c’è il nostro giovane e talentuoso sviluppatore, Kristijan Jovanovski.

Ecco alcuni spunti dalla sua prospettiva:

“Il processo di sviluppo inizia con un design finito dal nostro designer UX per la funzionalità in questione (in questo caso, Product Tagging).

Lo sviluppatore (io) ricevo un briefing completo dell’idea dietro la funzionalità e cosa ci si aspetta. Discutiamo di eventuali ostacoli tecnici potenziali, e inizia lo sviluppo. Durante la fase di sviluppo, se c’è bisogno di ulteriori discussioni, lo facciamo su Jira o Slack. Una volta che lo sviluppatore ha terminato il compito, viene posizionato sul nostro server di staging e testato dal nostro team. Qualsiasi feedback viene discusso e elaborato dallo sviluppatore. Una volta completata la fase di test, la funzionalità viene rilasciata.

Per alcune funzionalità più estese come questa, dividiamo lo sviluppo in più fasi. Ad esempio, la prima fase sarebbe un MVP, la seconda fase introdurrebbe altre funzionalità utili, e così via.“

Secondo Kiko, da una prospettiva tecnica, la sfida più grande è stata posizionare correttamente i tag dei prodotti sull’immagine e assicurarsi che i tag rimangono correttamente impostati quando la finestra viene ridimensionata.

Possiamo vedere che entrambi hanno fatto un ottimo lavoro. La sezione di amministrazione della nuova funzionalità Product Tags è fantastica!

Applicabilità per i Product Tags per avere ispirazione

L’aggiunta di un widget acquistabile con product tags sulla tua home page o nella pagina del prodotto fornirà un percorso cliente più diretto e esteticamente gradevole.

Che tu sia un designer professionista di arredamento casa, blogger di moda, appassionato di fai da te o chef, i Product Tags possono essere applicabili per il tuo business.

Ecco alcuni suggerimenti dove potresti considerare l’applicazione dei Product Tags per mostrare i tuoi contenuti esclusivi:

Prodotti di abbigliamento

Per postare outfit roundup e persone che indossano i tuoi vestiti di marca (noto come Buy My Look).

Cosmetici e trucco

Per mostrare il viso di una persona che ha utilizzato i tuoi prodotti per il trucco o la cura della pelle.

Prodotti fitness

Per esporre l’attrezzatura e gli articoli che devi avere per uno stile di vita attivo.

Compilazione di menu e ricette

Per mostrare immagini di offerte di cibo e bevande, gli ingredienti principali e il prezzo. Oppure simile per mostrare una ricetta con prodotti etichettati che vengono effettivamente utilizzati in quella ricetta.

Iniziare con i Product Tags

Attualmente, la nuova funzionalità è disponibile per gli utenti di EmbedSocial.

Per provare l’etichettatura dei prodotti sul tuo sito web, segui questo tutorial passo dopo passo:

1. Accedi al tuo account EmbedSocial
2. Segui i passaggi per creare un widget di feed
3. Nella pagina di modifica del widget, fai clic sulla scheda ‘Links’
4. Fai clic sul pulsante blu ‘Add link’ su ogni foto/post
5. Fai clic sull’opzione ‘Tag Products’
6. Fai clic sulla foto per etichettare i tuoi prodotti
7. Compila i dettagli del prodotto (se la tua pagina ha un codice Schema, i dati del prodotto verranno compilati automaticamente)
8. Copia e incolla il codice HTML nel tuo website builder

Questo è tutto.

Guarda il video qui sotto per una procedura dettagliata dei passaggi:

Si noti che molte app e siti web utili possono aiutarti a creare link di affiliazione e inserirli sotto forma di link swipe up per la tua Instagram Story o pagina Instagram. LiketoKnow.it, ShopStyle, RewardStyle, Amazon, solo per citarne alcuni.

La differenza è che tutti loro forniranno l’esperienza di shop my Instagram all’interno del tuo account Instagram. Product Tags va oltre, offre un’esperienza acquistabile sul tuo sito web.

Registrati per il feed acquistabile

Crediamo fermamente che questa funzionalità porterà un valore immenso a ogni cliente, dice Marija, la nostra Project Manager.

Abbiamo lanciato i Shoppable feeds per consentire agli utenti di vendere di più con i loro contenuti generati dagli utenti da Instagram. I product tags e i link sono ora anche integrati con Square. Possono consentire a questi utenti di sincronizzare facilmente i loro prodotti da Square ed etichettare i contenuti di Instagram con link di checkout in modo che i clienti possano acquistare i prodotti immediatamente.

Marija Vlasceva, Project Manager di EmbedSocial

Alla fine della giornata, vuoi differenziare il tuo marchio dai competitor e renderlo il più attraente. L’utilizzo di product tags sul tuo sito web è solo un modo per farlo.

Continueremo a fornire ai nostri utenti molte funzionalità utili e soluzioni impeccabili… quindi rimani sintonizzato!