Come realizzare schede prodotto interattive per e-commerce

Condividi su:

In questo articolo vedremo come realizzare schede prodotto interattive per e-commerce attraverso l’utilizzo di web tools per la content curation per rendere interattivi immagini 2D/3D  e contenuti inerenti i prodotti o servizi da vendere.
Corsi web marketing online: Academy Studio Samo

Realizziamo un’immagine interattiva di un prodotto

Possiamo iniziare con l’integrare, nella sezione descrittiva del prodotto, un’immagine interattiva realizzata con Thinglink dove all’interno del prodotto raffigurato appariranno dei tag grafici che rimanderanno ad esempio: alle sue caratteristiche, al processo produttivo per realizzarlo ed  ai valori ed emozioni che dovrebbe trasmettere. Thinglink ci consente di esportare il codice inerente l’immagine interattiva ed integrarlo nel nostro sito.

Vi riporto un esempio realizzato su un prodotto tipico del mio paese, il torrone.


Sostituendo ogni elemento con altri ad esempio: dei Tweet, dei podcast di interviste al titolare dell’azienda, delle bacheche di Pinterest, ulteriori video presenti non solo su Youtube ma anche su Vimeo, delle gallerie fotografiche presenti su Flickr o Instagram o l’uso di ulteriori Social media, vi consentiranno di potenziare i valori comunicativi che volete trasmettere riguardo i vostri prodotti.

Il codice riferente all’immagine è il seguente e può essere integrato in qualsiasi tipo di sito:

<img class=”alwaysThinglink” style=”max-width: 100%;” src=”//cdn.thinglink.me/api/image/772857977592872961/1024/10/scaletowidth#tl-772857977592872961;1043138249′” alt=”” />
<script src=”//cdn.thinglink.me/jse/embed.js” async=”” charset=”utf-8″></script>

 

Il tag max-width rappresenta lo zoom con cui deve apparire l’immagine all’interno della scheda prodotto, aumentandone o diminuendone il valore riusciremo ad adattarlo alle nostre esigenze. Possiamo anche modificare il tag alt per mettere una descrizione dell’immagine nel caso non appaia nel browser.

Realizziamo una descrizione interattiva di un prodotto

Se volessimo sostituire in toto la descrizione testuale di un prodotto/servizio in vendita sul nostro sito, potremmo utilizzare un web tool per la content curation come Storify ed integrarne il codice all’interno della scheda prodotto.

Seguendo le indicazione presenti nella recensione apparsa lo scorso anno su questo sito oppure frequentando il corso sulla Content Curation potrete realizzare dei contenuti interattivi per promuovere con più efficacia la vostra attività.

Vi riporto un esempio in cui ho “curato” le tradizioni alimentari tipiche del mio paese:

 

 

Realizziamo una vista 3D dei prodotti

Per creare una un’animazione 3D dei prodotti in catalogo possiamo utilizzare la web app gratuita, Melow Spin.

Attraverso il caricamento di diverse foto inerenti le diversi angolazioni del prodotto possiamo animarlo ruotando o zoomando sui particolari.

Il risultato ottenuto potrà essere condiviso sui social oppure incorporato nei nostri siti tramite un codice.

Vi riporto un’immagine 3D d’esempio presente sul sito del web tool e vi prometto che recensirò a breve l’applicazione web.

Conclusioni

Abbinando uno o più tools che vi ho indicato nei sistemi e-commerce che utilizzate per i vostri siti o quelli dei clienti potrete comunicare con più efficacia le potenzialità offerte dalla vostra attività che siano prodotti, servizi, offerte speciali, prodotti in primo piano o la vostra mission e vision.

Roberto Santoli

Web Content Specialist e consulente SEO freelance.  Pianifico e realizzo campagne di Content Marketing e SEO per i miei clienti ed il mio network.

Iscriviti alla nostra Newsletter
 
Subito per te un ebook 

Iscriviti alla nostra Newsletter

 

Subito per te un ebook 

Ricevi risorse esclusive nella tua casella di posta (no spam, max 1 news/sett.)

Grazie per esserti iscritto/a alla newsletter. A breve riceverai l'ebook ed altre offerte esclusive.