Hvordan legge til et interaktivt 360 graders bilde til WordPress

Teknologien fortsetter å endre hverdagen vår og gir oss mulighet til å gjøre ting en gang mulig bare i fantasien vår. Nå har vi verktøyene som lar oss utføre mange handlinger lynraskt fra bekvemmeligheten til datamaskinene og telefonene våre, inkludert å dra på virtuelle turer og utforske fjerne steder. Det er mulig takket være 360 ​​graders bilder som representerer en stor prestasjon av teknologiutvikling.

Interaktive 360-bilder består av flere bilder som, plassert ved siden av hverandre, danner en kontinuerlig sirkel rundt stedet der bildene ble tatt. De tas vanligvis med spesielle 360-kameraer som kommer med to ultravidde linser (hver linse har en visuell vinkel på minst 180 grader) og deretter satt sammen ved hjelp av en sømprogramvare. Du kan også lage dem med spesielle apper på smarttelefoner. Et interaktivt 360-bilde setter oss i fotografens sko og lar oss observere omgivelsene på stedet der bildet ble tatt. Ved å bevege musen (eller hodet når det gjelder VR-headset) i hvilken retning vi måtte ønske, kan vi ta kontroll over utsikten.

Å inkludere interaktive bilder i en markedsføringsstrategi kan være til stor nytte for merkevarer, men 360 graders fotografier kan hjelpe dem å bryte gjennom nettstøyen enda mer effektivt. Vi vil nå diskutere de viktigste fordelene med denne etterspurte tjenesten og demonstrere hvordan du legger til et interaktivt 360-bilde til et WordPress-nettsted ved hjelp av en plugin.

Fordeler med 360-fotografering

Å gjenkjenne potensialet til 360 graders bilder kan hjelpe merkevaren din i det lange løp. Her er noen av hovedgrunnene til at du bør vurdere å legge dem til på nettstedet ditt:

Øk brukerengasjementet

Vi elsker og setter pris på å se flott visuelt innhold, og spesielt interaktive 360 ​​graders bilder har kraften til å fange brukernes oppmerksomhet og få dem til å surfe på nettsider lenger i motsetning til sider med stillbilder. Et interaktivt 360-bilde er oppslukende og kan fremkalle vakre følelser, og det er derfor folk liker å se og utforske dem. Og jo mer tid brukerne bruker på nettstedet ditt, desto større er sjansen for at de konverterer til betalende kunder.

Skille seg ut fra konkurrentene

Interaktive 360 ​​graders bilder lar deg skille merkevaren din og produktene dine fra konkurrentene. Hvis du for eksempel driver en e-handelsbutikk, kan du lage fengslende produktpresentasjoner, la brukere zoome inn på produktene dine og rotere dem slik de vil for å få en følelse av hvordan produktene dine er. Ikke mange merker bruker denne typen fotografier til sin fordel, men du bør vurdere å legge dem til på nettstedet ditt fordi de kan hjelpe deg med å tiltrekke potensielle kunder. Etter å ha sett og berørt et produkt personlig, er det å inspisere det via et interaktivt 360-bilde det nest beste.

Gi virksomheten din liv

360 graders bilder lar folk ta virtuelle omvisninger i virksomheten din og bli kjent med den på innsiden. De kan utforske feriestedet, restauranten, butikken, lokalet eller hotellet ditt hjemmefra, og forstå hvordan det er organisert og tjenestene det tilbyr. Ved å gi folk en fullstendig oppslukende opplevelse som ingen 2D-bilder kan, kan du inspirere og overbevise dem om å besøke bedriften din personlig.

Tiltrekk nye kunder

Tiltalende 360-bilder er en bemerkelsesverdig markedsføringsverktøy som kan bringe nye kunder din vei. Hvis du for eksempel er oppført på Google Places, kan interaktive 360-gradersbilder bidra til å tiltrekke brukere til bedriften din. Når de kommer og besøker bedriften din, har du sjansen til å vise dem hva som gjør deg bedre enn konkurrentene og la kvaliteten på tjenesten din overtale dem til å komme tilbake.

Nå som vi har listet opp fordelene ved å bruke 360 ​​graders fotografier, la oss vise deg hvordan du legger dem til WordPress-nettstedet ditt.

Introduksjon til WP VR-plugin

Den beste måten å legge til et 360-bilde til WordPress er ved å bruke WP VR – 360 Panorama og Virtual Tour Creator for WordPress plugg inn. Du kan også bruke den til å lage detaljerte virtuelle turer. Til og med gratisversjonen inkluderer et mylder av tilpasningsalternativer, mer enn noen annen lignende plugin på markedet. Men for å få mest mulig ut av de kraftige alternativene, bør du vurdere å kjøpe en av de tre tilgjengelige abonnementsplaner. WP VR er kompatibel med WPBakery, Gutenberg og Elementor. I denne opplæringen vil vi bruke Gutenberg-sidebyggeren for å vise deg hvordan du laster opp 360-graders fotografier til nettstedet ditt.

Før du begynner å lage din første virtuelle omvisning, la oss gå gjennom plugin-alternativene slik at du forstår dens styrke. Du bør endre generelle innstillinger først for å få dem til å passe dine behov.

For å gjøre det, gå til WP VR > Kom i gang og klikk på Innstillinger fanen (eller bla nedover siden til du kommer til Generelle oppsettalternativer seksjon). Du kan aktivere andre brukerroller for å lage virtuelle omvisninger på nettstedet ditt (redaktører og forfattere), aktiver en mobil resizer som gjør 360-bildet ditt egnet for mobile enheter, aktiver skriptkontroll som laster WP VR-ressursene kun på utvalgte sider med virtuelle omvisninger, tilpass varslingen for brukere som besøker turen fra mobile enheter for å minne dem på å snu telefonen til liggende modus for en mer oppslukende opplevelse, og mer.

Når det er tatt hånd om, gå over til WP VR > Legg til ny tur. Først kan du skrive inn navnet på turen.

Deretter velger du Generell fanen til venstre og endre Grunnleggende innstillinger. Hvis du ønsker det, kan du laste opp forhåndsvisningsbildet som vises før turen lastes. Imidlertid, hvis du aktiverer Tour Autoload alternativet, vil forhåndsvisningsbildet ikke være synlig.

Dessuten kan du vise kontrollknapper på ditt interaktive 360-bilde, gjelder også Zoom inn, Zoome ut, og Full skjerm.

De Varighet for scenetoning alternativet lar deg aktivere den falmede effekten mens brukere flytter fra en scene til den neste. Det er også mulig å aktivere Auto-rotasjon og sett opp rotasjonshastigheten og -retningen, samt spesifisere tiden etter som rotasjonen skal starte igjen og når den skal stoppe.

Nederst på siden er det Bruker denne turen seksjon hvor du kan finne turens kortkode som du kan legge til på sidene og innleggene dine.

Avanserte kontroller er kun tilgjengelig for premium-brukere. Du kan bruke dem til å kontrollere hva brukere kan gjøre på 360-bildet ditt. Du kan for eksempel la dem zoome inn og ut av bildet ved hjelp av tastaturet eller musen, aktivere gyroskopkontrollen, legge til et kompass og mye mer. Du kan også lage en Scenegalleri og la folk ta en titt på alle scenene som er inkludert i den virtuelle omvisningen. Pro-versjonen av WP VR lar deg legg til bakgrunnsmusikk, for å gjøre brukeropplevelsen enda morsommere. Kontrollknapper er et annet premiumalternativ som lar deg legge til avanserte knapper i bildet, som f.eks Flytt opp/ned/venstre/høyre, og tilpass ikonet for hver kontrollknapp.

Hvis du ønsker å legge til flere scener og la brukere bytte mellom dem, kan du ta vare på det ved å velge Scener og endre innstillingene til dine behov. Du må laste opp minst ett 360-bilde (men du kan legge til flere hvis du vil ha flere scener), angi en scene-ID og angi minst én scene som standard. Når du er ferdig, trykk på Forhåndsvisning for å se hvordan det hele ser ut før du lagrer endringene.

Premium-brukere kan tilpasse hver scene ved å legge til titler til dem, spesifisere navnet på forfatteren, og bestemme hvor langt en bruker kan navigere til venstre, høyre, opp og ned og mer.

WP VR lar deg legge til hotspots til ditt interaktive 360 ​​graders bilde. Du har muligheten til å legge til tekstinformasjon, bilder og videoer, eller legge til scene-hotspots for å la brukere gå fra en scene til den neste ved å bruke hotspots.

En annen flott ting med denne plugin er at den lar deg lage virtuelle videoturerogså. Som premiumbruker kan du også bygge inn Google Street View.

Slik legger du til 360-bilder på nettstedet ditt ved å bruke WP VR-plugin

Når du har tatt vare på alle innstillingene og tilpasset dem til dine behov, gå til Scener. Last deretter opp det interaktive 360-bildet ditt, skriv inn en scene-ID og sett den scenen som standard. Du kan bare gå med én scene.

Du kan se hvordan turen ser ut ved å trykke på Forhåndsvisning knapp. Hvis du er fornøyd med det endelige resultatet, klikk på publisere.

Nå, for å vise bildet på siden din, må du først legge til WP VR blokker til den (i Elementor må du bruke WPVR-widgeten, mens i WPBakery må du lime inn kortkoden til ønsket side eller innlegg).

Se på blokkeringsalternativene på høyre side av skjermen. Klikk på den første – Id og velg turen du nettopp har opprettet.

Klikk deretter på Forhåndsvisning for å se hvordan 360-bildet ser ut på siden din, og deretter publisere den.

Selvfølgelig, hvis du ønsker det, kan du laste opp flere scener og legge til hotspots for å gjøre bildet mer informativt for brukerne.

Siste tanker

Et interaktivt 360-bilde har utvilsomt kraften til å gjøre en vanlig nettside til en iøynefallende og kommanderende en på et øyeblikk. WP VR-plugin er et bemerkelsesverdig valg som pakker imponerende alternativer gratis, for ikke å nevne enda mer praktiske innstillinger som kommer med premiumversjoner. Alternativt til denne plugin, kan du gå med den lette Algori 360-bilde men det fungerer bare i Gutenberg eller SR Produkt 360° visning som er et godt valg i tilfelle du driver en nettbutikk.