Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere facilmente immagini interattive a 360 gradi in WordPress

Avete mai desiderato che i vostri visitatori potessero esplorare virtualmente un luogo o vedere un prodotto da ogni angolazione?

Noi di WPBeginner conosciamo il potere delle immagini accattivanti e quelle a 360 gradi sono un modo infallibile per catturare l’attenzione del visitatore. Poiché i dispositivi di realtà virtuale (VR) diventano sempre più accessibili, è possibile utilizzare immagini a 360 gradi per creare esperienze davvero coinvolgenti e divertenti per i potenziali abbonati e clienti.

In questo articolo vi mostreremo come aggiungere facilmente immagini interattive a 360 gradi in WordPress.

How to Easily Add Interactive 360 degree images in WordPress

Perché utilizzare immagini interattive a 360 gradi in WordPress?

Se gestite un negozio online, le immagini dei prodotti di alta qualità possono aiutarvi ad aumentare le vendite.

Alcuni grandi marchi si spingono a un livello superiore creando un’immagine interattiva a 360 gradi che consente agli acquirenti di esplorare un prodotto da ogni angolazione.

An example of an interactive 360 degree image

È molto più coinvolgente che chiedere ai clienti di scorrere una galleria di immagini che mostrano l’elemento da diverse angolazioni.

Se avete un sito web immobiliare, potete utilizzare immagini a 360 per creare tour virtuali in modo che i potenziali acquirenti possano esplorare la proprietà. Questo può aiutare a convincere le persone a prenotare appuntamenti e visualizzazioni.

Potete anche utilizzare immagini a 360 gradi per creare esperienze nuove e coinvolgenti. Ad esempio, se avete un blog di viaggi, i lettori possono utilizzare immagini interattive per esplorare diverse località.

An example of a virtual tour

Detto questo, vediamo come aggiungere un’immagine interattiva a 360 gradi al vostro blog o sito web WordPress. Verranno illustrati due metodi e potete utilizzare i collegamenti rapidi sottostanti per passare a quello che desiderate utilizzare:

Metodo 1: Come aggiungere un’immagine interattiva a 360 gradi in WordPress

Il modo più semplice per aggiungere immagini rotanti a 360 gradi a WordPress è utilizzare Algori 360 Image. Questo plugin gratuito per WordPress aggiunge semplicemente un nuovo blocco, rendendo il plugin molto facile da usare.

An example of an interactive 360 image in WordPress

Tuttavia, il plugin non aiuta a creare un’immagine a 360 gradi, ma solo a visualizzarla. Ciò significa che dovrete creare l’immagine utilizzando un’applicazione per smartphone o un software di web design. Le immagini a 360 gradi possono anche appesantire il sito web, quindi è fondamentale ottimizzarle per il web.

Fatto questo, è necessario installare e attivare il plugin Algori 360. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Al momento dell’attivazione, non ci sono impostazioni da configurare, quindi potete iniziare a usare il plugin immediatamente.

Una volta ottenuta un’immagine a 360 gradi, basta andare sulla pagina o sulla pubblicazione in cui si vuole mostrare l’immagine interattiva.

Qui, fare clic sul pulsante ‘+’ e iniziare a digitare ‘360 Image’. Quando appare il blocco giusto, fate un clic per aggiungerlo alla pagina.

Adding a 360 degree image block to WordPress

A questo punto è possibile fare clic su “Libreria multimediale”.

Quindi, scegliere un’immagine a 360 gradi dalla libreria o caricare un nuovo file dal computer.

Adding an interactive 360 degree image to WordPress

A seconda delle dimensioni dell’immagine a 360 gradi, potrebbe essere necessario attendere che WordPress la elabori. Dopo qualche istante, si vedrà l’immagine a 360 gradi nell’editor del post.

È quindi sufficiente fare clic sul pulsante “Aggiorna” o “Pubblica” per rendere l’immagine attiva.

Publishing a 360 degree image to your WordPress website or blog

Ora, se visitate il vostro sito web WordPress, potete trascinare per ruotare l’immagine a 360 gradi.

Se si dispone di una cuffia VR, è possibile fare clic sul pulsante “VR” per esplorare l’immagine 360 in realtà virtuale.

Adding a Virtual Reality (VR) image to WordPress

Tenete presente che le immagini interattive possono rallentare il vostro sito web. Detto questo, vi consigliamo di consultare la nostra guida definitiva su come aumentare la velocità e le prestazioni di WordPress.

È anche una buona idea testare l’aspetto e il comportamento dell’immagine a 360 gradi sui dispositivi mobili. Per istruzioni passo passo, consultate la nostra guida su come visualizzare la versione mobile dei siti WordPress da desktop.

Metodo 2: come aggiungere un’immagine del prodotto a 360 gradi al vostro negozio WooCommerce

Le immagini interattive consentono agli acquirenti di vedere un prodotto da ogni angolazione, quindi sono particolarmente utili per i mercati e i negozi online.

Se avete un negozio WooCommerce, SR Product 360° View vi permette di creare un’immagine del prodotto rotante a 360 gradi per ogni articolo del vostro negozio.

È sufficiente scattare una foto del prodotto da ogni angolazione e poi caricare le immagini nell’ordine in cui si desidera mostrarle.

Il plugin combinerà quindi queste immagini in un’animazione rotante a 360 gradi che gli acquirenti potranno vedere sulla pagina del prodotto WooCommerce.

A 360 degree product image on a WooCommerce store

Per prima cosa, è necessario installare e attivare il plugin SR Product 360 view. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Quindi, andare su Prodotti Tutti i prodotti e aprire il prodotto a cui si desidera aggiungere un’immagine a 360 gradi.

Nell’editor dei prodotti, scorrere fino alla nuova sezione Vista a 360 gradi del prodotto. Qui, fare clic sul pulsante “Aggiungi immagini a 360”.

Adding images to a WooCommerce product on an online store

È ora possibile selezionare tutte le immagini che si desidera includere nell’animazione a 360 gradi.

Assicurarsi di selezionare le immagini nell’ordine in cui devono apparire nell’animazione.

Adding an interactive product image to your WordPress website

SR Product 360° View mostrerà ora tutti questi file nella sezione Product 360 Degree View. È possibile riordinare le immagini trascinandole.

Quando si è soddisfatti delle immagini, fare clic sul pulsante “Aggiorna” o “Pubblica” per rendere attiva l’animazione a 360 gradi.

Bonus: volete portare il vostro negozio WooCommerce a un livello superiore? Provate a utilizzare il costruttore di funnel e la piattaforma di automazione FunnelKit per aggiungere upsell dinamici, cross-sell, bump dell’ordine e un funnel di vendita completo in WooCommerce.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere immagini interattive a 360 gradi in WordPress. Potreste anche leggere la nostra guida su come creare flipbox overlay e hover in WordPress e la nostra scelta dei migliori plugin per slider.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

Commenti

  1. Congratulazioni, avete l'opportunità di essere il primo commentatore di questo articolo.
    Avete una domanda o un suggerimento? Lasciate un commento per avviare la discussione.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.