Jag minns fortfarande när jag försökte sälja en unik möbel online, och standardbilderna kunde helt enkelt inte göra den rättvisa. Dina besökare, särskilt i en onlinebutik eller på en fastighetswebbplats, vill se varje enskild vinkel innan de bestämmer sig.
Många webbplatsägare oroar sig för att lägga till 360-gradersbilder kräver dyr programvara eller kommer att sakta ner deras webbplats avsevärt. Lyckligtvis är det inte så, och du behöver inte skicka dina besökare till en annan webbplats för att se dem.
Efter att ha testat olika verktyg har vi funnit att med rätt plugin kan du enkelt lägga till dessa uppslukande visuella element på din WordPress-webbplats. Den här guiden visar dig hur du ger dina kunder och prenumeranter en verkligt engagerande upplevelse.
Lägg till 360-graders bilder utan specialprogramvara
Om du driver en onlinebutik, vet du redan utmaningen med att sälja produkter som kunderna inte kan se personligen. 360-graders bilder är ett sätt att överbrygga detta gap genom att låta shoppare utforska en produkt från alla vinklar.
Detta är mycket mer engagerande än att be kunder att bläddra igenom ett bildgalleri som visar produkten från olika vinklar.
Om du har en fastighetswebbplats, 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 dessa stora filer används felaktigt kan de sakta ner din webbplats, vilket skadar besökarupplevelsen och din SEO. Besökare kan också ha svårt att navigera i bilden om navigeringen inte är tydlig, eller så kan 360-gradersbilderna vara helt inkompatibla med deras enhet eller webbläsare.
Därför har vi provat alla alternativ och hittat två plugins som låter dig lägga till användarvänliga, responsiva och optimerade 360-gradersbilder till din webbplats. Ett plugin låter dig till och med skapa dessa interaktiva bilder direkt i WordPress-instrumentpanelen!
Precis som med alla andra bilder är det fortfarande viktigt att du optimerar din 360-bild för webben.
Med det sagt, låt oss se hur du kan lägga till en interaktiv 360-gradersbild till din WordPress-blogg eller webbplats.
- Metod 1: Hur man lägger till en interaktiv 360-graders bild i WordPress
- Metod 2: Hur man lägger till en 360-graders produktbild i din WooCommerce-butik
- Vanliga frågor om 360-gradersbilder i WordPress
- Ytterligare resurser för engagerande visuella element
Metod 1: Hur man lägger till en interaktiv 360-graders bild i WordPress
Det enklaste sättet att lägga till 360-graders roterande bilder till WordPress är att använda Algori 360 Image. Detta gratis WordPress-plugin lägger helt enkelt till ett nytt block, vilket gör pluginet mycket enkelt att använda.
Pluginet hjälper dock inte till att skapa en 360-graders bild, bara att visa den. Det innebär att du måste skapa bilden först med en smartphone-app eller webbdesignprogramvara.
Detta innebär vanligtvis att skapa en speciell bred bildfil, känd som en ekvidistant cylindrisk bild, ofta genom att använda telefonens 'photosphere' eller 'panorama'-läge.
När det är gjort behöver du installera och aktivera Algori 360-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Vid aktivering finns det inga inställningar för dig att konfigurera, så du kan börja använda pluginet direkt.
När du har en 360-gradersbild, gå helt enkelt till inlägget eller sidan där du vill visa den interaktiva bilden.
Klicka här på '+' -knappen och börja skriva '360 Image'. När rätt block visas, klicka på det för att lägga till det på sidan.
Du kan nu klicka på 'Mediebibliotek'.
Välj sedan antingen en 360-gradersbild från biblioteket eller ladda upp en ny fil från din dator.
Beroende på storleken på 360-gradersbilden kan du behöva vänta på att WordPress bearbetar den. Efter några ögonblick ser du 360-gradersbilden i inläggsredigeraren.
Du kan sedan helt enkelt klicka på knappen 'Uppdatera' eller 'Publicera' för att göra bilden live.
Nu, om du besöker din WordPress-webbplats, kan du dra för att rotera 360-gradersbilden.
Om du har ett VR-headset kan du klicka på knappen 'VR' för att utforska 360-bilden i virtuell verklighet.
Var bara medveten om att interaktiva bilder kan sakta ner din webbplats. Med det sagt kanske du vill se vår ultimata guide om hur man ökar WordPress-hastighet och prestanda.
Det är också en bra idé att testa hur 360-gradersbilden ser ut och fungerar på mobila enheter. För steg-för-steg-instruktioner, se vår guide om hur man visar mobilversionen av WordPress-webbplatser från skrivbordet.
Metod 2: Hur man lägger till en 360-graders produktbild i din WooCommerce-butik
Som redan nämnts, interaktiva bilder låter kunder se en produkt från alla vinklar, så de är särskilt användbara för online-marknadsplatser och butiker.
Om du har en WooCommerce-butik, låter SR Product 360° View dig skapa en 360-graders roterande produktbild för varje artikel i din butik.
Ta helt enkelt en serie bilder av produkten från varje vinkel och ladda sedan upp bilderna i den ordning du vill visa dem. För bästa resultat rekommenderar vi att du placerar din produkt på en skivspelare och håller kameran på ett stativ. Detta hjälper till att säkerställa att dina bilder tas från konsekventa vinklar för en jämn rotation.
Pluginet kommer sedan att kombinera dessa bilder till en 360-graders roterande animation som shoppare kan se på din WooCommerce-produktsida. Med det sagt behöver du ingen specialistprogramvara för att skapa dessa interaktiva bilder, eftersom du kan hantera allt i WordPress-instrumentpanelen som du redan är bekant med.
Först måste du installera och aktivera pluginet SR Product 360 view. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.
Gå sedan till Produkter » Alla produkter och öppna produkten där du vill lägga till en 360-gradersbild.
I produktredigeraren, scrolla ner till den nya sektionen Product 360 Degree View. Klicka här på knappen ‘Add 360 images’.
Du kan nu välja alla bilder du vill inkludera i 360-gradersanimationen.
Se till att du väljer bilderna i den ordning de ska visas i animationen.
SR Product 360° View kommer nu att visa alla dessa filer i avsnittet Product 360 Degree View. Du kan ändra ordning på bilderna med dra-och-släpp.
När du är nöjd med dessa bilder, klicka antingen på knappen ‘Update’ eller ‘Publish’ för att göra 360-graders animationen live.
Bonus: Vill du ta din WooCommerce-butik till nästa nivå? Prova att använda FunnelKit funnel builder och automationsplattform för att lägga till dynamiska upsells, cross-sells, order bumps och fullständiga säljtrattar i WooCommerce.
Vanliga frågor om 360-gradersbilder i WordPress
Många av våra läsare har frågor om hur man lägger till interaktiva 360-gradersbilder på sina webbplatser. Här är svaren på några av de vanligaste frågorna vi ser.
1. Behöver jag en speciell kamera för att skapa 360-graders bilder?
Inte alltid. Även om speciella 360-graders kameror finns tillgängliga, kan du ofta skapa dessa bilder med en modern smartphones panorama- eller photosphere-läge.
För produktrotationer behöver du bara en serie foton från olika vinklar, som ett plugin sedan kan sammanfoga till en interaktiv bild.
2. Kommer 360-gradersbilder att sakta ner min WordPress-webbplats?
Dessa bilder kan vara stora, så de har potential att påverka din webbplats hastighet. Men om du optimerar dina bilder för webben innan du laddar upp dem, kan du avsevärt minska deras filstorlek. Att använda ett kvalitetsplugin och pålitlig WordPress-hosting hjälper också till att säkerställa att din webbplats förblir snabb.
3. Kan jag lägga till 360-gradersbilder på mina WooCommerce-produktsidor?
Ja, och det är ett utmärkt sätt att öka försäljningen. Vi rekommenderar SR Product 360° View-plugin specifikt för detta ändamål. Det låter dig ladda upp en sekvens av produktfoton och förvandlar dem till en roterande 360-gradersvy direkt på produktsidan.
4. Är dessa interaktiva bilder mobilvänliga?
Absolut. WordPress-pluginen som täcks i den här guiden är utformade för att vara helt responsiva. Det innebär att dina 360-graders bilder automatiskt anpassas för att passa alla skärmstorlekar, vilket ger en sömlös upplevelse för besökare på stationära datorer, surfplattor och smartphones.
5. Behöver jag kodningskunskaper för att lägga till 360-graders bilder?
Nej, du behöver inte kunna koda. De plugins vi rekommenderar lägger till ett enkelt block i WordPress-redigeraren eller integreras med WooCommerce-gränssnittet. Detta gör det lika enkelt att lägga till interaktiva bilder som att ladda upp en vanlig bild.
Ytterligare resurser för engagerande visuella element
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till interaktiva 360-gradersbilder. Här är några andra guider som du kan ha nytta av för att göra din webbplats mer visuellt tilltalande:
- Bästa WordPress-fotogallerier – Att välja rätt galleriplugin kan hjälpa dig att visa dina bilder vackert. Den här guiden jämför de bästa alternativen för prestanda och funktioner.
- Bästa WordPress-bildspelsplugins – Bildspel är ett annat bra sätt att visa upp flera bilder eller kampanjer på ett kompakt utrymme. Kolla in våra experters val för bästa prestanda.
- Hur man skapar Flipbox-överlägg och hovringar – Lägg till ytterligare ett lager av interaktivitet till dina bilder med coola hovringseffekter och flipboxar, utan att behöva skriva någon kod.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Jiří Vaněk
För resebloggar eller fastighetsbyråer är detta en utmärkt funktion. Personligen gillar jag den verkligen, men den fungerade aldrig ordentligt för mig. Tack för den detaljerade guiden. Detta är precis vad jag behövde för mina researtiklar på min blogg, så jag kan infoga 360-gradersfoton från mina besökta platser. Tack.