Så här lägger du enkelt till interaktiva 360-graders images i WordPress

Vill du låta besökarna utforska en plats virtuellt eller se en produkt från alla vinklar?

Du behöver inte spendera pengar på komplicerad programvara för virtuella rundturer eller förlora trafik genom att vidarebefordra besökare till en tredjepartsplattform. Du kan faktiskt hosta 360-gradersbilder på din WordPress-webbplats utan att det påverkar dess prestanda.

Med rätt plugin kan du till och med skapa interaktiva 360-gradersbilder i WordPress!

I den här artikeln visar vi dig hur du skapar en verkligt uppslukande upplevelse för potentiella prenumeranter och kunder genom att lägga till interaktiva 360-gradersbilder i WordPress.

Lägg till 360-gradersbilder utan specialprogramvara

Om du driver en webbutik känner du redan till utmaningen med att sälja produkter som kunderna inte kan se i verkligheten. 360-gradersbilder är ett sätt att överbrygga denna klyfta genom att låta kunderna utforska en produkt från alla vinklar.

Detta är mycket mer engagerande än att be kunderna rulla genom ett gallery med bilder som visar objektet från olika vinklar.

Om du har en webbplats för fastigheter kan du använda 360-bilder för att skapa virtuella rundturer så att potentiella köpare kan utforska fastigheten, eller helt enkelt använda dessa bilder för att skapa nya och engagerande upplevelser. Om du till exempel har en reseblogg kan läsarna använda interaktiva bilder för att utforska olika platser.

Trots alla positiva aspekter finns det vissa utmaningar. När de används felaktigt kan dessa stora filer göra din webbplats långsammare, vilket skadar besökarnas upplevelse och din SEO. Besökare kan också ha svårt att röra sig runt i bilden om navigeringen inte är tydlig, eller så kan 360-gradersbilderna vara helt inkompatibla med deras enhet eller webbläsare.

Det är därför vi har provat alla alternativ och hittat två plugins som låter dig lägga till användarvänliga, responsiva och optimerade 360-gradersbilder på din webbplats. Ett plugin låter dig till och med skapa dessa interaktiva bilder direkt i WordPress instrumentpanel!

Med detta sagt, låt oss se hur du kan lägga till en interaktiv 360-gradersbild till din WordPress-blogg eller webbplats.

Metod 1: Så här addar du en 360-graders interaktiv image i WordPress

Det enklaste sättet att add to 360 graders roterande images till WordPress är genom att använda Algori 360 Image. Detta gratis WordPress plugin lägger helt enkelt till ett nytt block, vilket gör plugin mycket lätt att använda.

Tillägget hjälper dig dock inte att skapa en 360-graders image, bara att displayed den. Detta innebär att du måste skapa imagen med en app för smartphone eller programvara för webbdesign.

När det är gjort måste du installera och aktivera Algori 360 plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Vid aktivering finns det inga inställningar som du behöver konfigurera, så du kan börja använda pluginet direkt. Det är en stark kontrast till vissa fotoredigeringsprogram!

När du har en 360-graders image går du helt enkelt till den post eller page där du vill visa den interaktiva bilden.

Här klickar du på knappen “+” och börjar skriva “360 Image”. När det rätta blocket dyker upp, ge det ett click för att add to the page.

Du kan nu klicka på “Mediabibliotek”.

Därefter väljer du antingen en 360-graders image från biblioteket eller uppladar en new fil från din dator.

Beroende på storleken på 360-graders-imagen kan du behöva vänta tills WordPress har behandlat den. Efter en stund ser du 360-graders-imagen i post editor.

You can then simply click the ‘Update’ or ‘Publicera’ button to make the image live.

Om du nu besöker din website i WordPress kan du dra för att rotera 360-graders imagen.

Om du har ett VR-headset kan du klicka på knappen “VR” för att utforska 360-imagen i en virtuell verklighet.

Var bara medveten om att interaktiva bilder kan sakta ner din webbplats. Med det sagt kanske du vill läsa vår ultimata guide om hur du ökar WordPress hastighet och prestanda.

Det är också en bra idé att testa hur 360-graders imagen ser ut och fungerar på mobila enheter. För Step-by-Step instruktioner, vänligen se vår guide om hur man viewar mobilversionen av WordPress webbplatser från skrivbordet.

Metod 2: Hur man addar en 360 graders produkt image till din WooCommerce store

Som redan nämnts gör interaktiva bilder det möjligt för kunderna att se en produkt från alla vinklar, så de är särskilt användbara för marknadsplatser och butiker online.

Om du har en WooCommerce-butik kan du med SR Product 360° View skapa en 360 graders roterande produktbild för varje artikel i din butik.

Ta helt enkelt ett foto av produkten från alla vinklar och uploada sedan bilderna i den order du vill visa dem.

Pluginet kommer sedan att kombinera dessa bilder till en 360 graders roterande animation som shoppare kan se på din WooCommerce-produktsida. Som sagt, du behöver ingen specialprogramvara för att skapa dessa interaktiva bilder, eftersom du kan hantera allt i WordPress instrumentpanel som du redan är bekant med.

Först måste du installera och aktivera SR Product 360 view plugin. Om du behöver hjälp, vänligen se vår guide om hur du installerar ett plugin för WordPress.

Gå sedan till Produkter “ Alla produkter och öppna den produkt där du vill add to en 360 graders image.

I Product Editor rullar du till den nya sectionen Product 360 Degree View. Här klickar du på knappen “Add 360 images”.

Nu kan du välja all images som du vill ha med i 360-gradersanimationen.

Se till att du väljer images i den order de ska visas i animationen.

SR Product 360° View kommer nu att visa alla dessa filer i Product 360 Degree View section. Du kan ordna bilderna på nytt med drag and drop.

När du är nöjd med bilderna klickar du antingen på knappen “Update” eller “Publicera” för att göra 360-gradersanimationen live.

Bonus: Vill du ta din WooCommerce store till nästa nivå? Prova att använda FunnelKit trattbyggare och automatiseringsplattform för att add to dynamiska upsells, cross-sells, order bumps, och full försäljningstratt i WooCommerce.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till interaktiva 360-gradersbilder i WordPress. Du kanske också vill läsa vår guide om hur du skapar flipbox-överlägg och hovers i WordPress, och vårt expertval av de bästa slider-pluginsen.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.