Ønsker å finne ut hvordan du lager en 360 graders virtuell omvisning i WordPress ved hjelp avElementor?

Google Street View-teknologi lar deg virtuelt gå rundt i et bestemt område uten å være der fysisk. For eksempel kan du praktisk talt se miljøet rundt Kuta Beach på Bali mens du er fysisk i leiligheten din i London.

For noen steder - som Louvre i Paris - kan Google Street View til og med dekke en innendørs virtuell omvisning.

Hvis du har et WordPress-basert nettsted, kan du enkelt lage en 360 graders gjennomgangsfunksjon på nettstedet ditt uten koding.

Å tilby en 360-graders virtuell omvisning er en god idé for bedrifter som en dyrehage, turistattraksjon eller restaurant fordi det lar deg Besøkende for å virtuelt se miljøet rundt posisjonen din.

Se også: Slik bruker du Elementors innleggswidget

Som nevnt kan du legge til en 360 graders gjennomgangsfunksjon på WordPress-nettstedet ditt uten koding. Du kan oppnå dette ved å bruke følgende plugins:

Hvordan lage en 360-graders virtuell omvisning i WordPress ved å bruke viktige tillegg

Før du begynner, må du kontrollere at du har installert Elementor og Essential Addons. Du kan Last ned Elementor (du kan bruke gratisversjonen) på det offisielle depotet til WordPress plugins. Mens for viktige tillegg, kan du få den på den stedet Officiel.

Last ned Essential Addons Pro

Trinn 1: Integrering av essensielle tillegg med Google Maps

Det aller første du må gjøre etter å ha installert Elementor og Essential Addons er å integrere Essential Addons med Google Maps. Du kan integrere dem ved å bruke en Google Maps API-nøkkel.

For å opprette en Google Map API-nøkkel, gå først Google API-konsoll og logg på med Google-kontoen din. Hvis du ikke har et prosjekt ennå, kan du opprette et nytt prosjekt ved å klikke på rullegardinlisten øverst i hovedoversikten til Google API-konsollen og klikke på knappen NYTT PROSJEKT i vinduet som vises.

Gi ditt nye prosjekt et navn og klikk på knappen CREATE .

lag en 360 graders virtuell omvisning i WordPress med Elementor

Når ditt nye prosjekt er opprettet, velger du det via rullegardinmenyen øverst og klikker på Bibliotek på venstre panel.

lag en 360 graders virtuell omvisning i WordPress med Elementor

Google Maps API er delt inn i 17 typer. Du kan klikke på lenken VIS ALT i seksjonen Cartes å se dem alle.

For å kunne bruke Essential Addons, må du aktivere følgende APIer:

  • API-veiledninger
  • API for geokoding
  • Maps JavaScript API
  • API-seter

For å aktivere en API, velg den aktuelle API (ved å klikke på den) og klikk på knappen AKTIVER.

Når du har fullført aktiveringen av de nødvendige API-ene, går du tilbake til hovedoversikten til Google API-konsollen og klikker på identifikatorer på venstre panel. Klikk på knappen Opprett legitimasjon og velg API-nøkkel. Kopier API-nøkkelen på popup-vinduet som vises.

lag en 360 graders virtuell omvisning i WordPress med Elementor

Når du har fått API-nøkkelen, logg inn på WordPress-dashbordet og naviger til siden Essential Addons Settings ved å klikke på menyen Viktige tillegg på venstre sidefelt.

Gå til fanen Elements og bla nedover i delen Dynamiske innholdselementer. Klikk på Stille av widgeten Avansert Google Map og lim inn Google API-nøkkelen din. Klikk på knappen LAGRE INNSTILLINGER å bruke endringen.

Trinn 2: begynn å lage den 360-graders virtuelle omvisningen

Opprett en ny side (Sider – > Legg til) eller et nytt element (Elementer – > Legg til) og rediger den med Elementor. Før du begynner å lage siden, kan du først definere oppsettet.

Oppdag også: Hvordan legge til relaterte elementer i Elementor

For å gjøre dette, åpne Innstillinger-panelet ved å klikke på tannhjulikonet i nedre venstre hjørne. Angi layout fra rullegardinmenyen layout.

Legg til en ny seksjon ved å klikke på plussikonet i redigeringsboksen og legg til Google EA-kartet i den.

lag en 360 graders virtuell omvisning i WordPress med Elementor

Under alternativet generelle innstillinger fanen Innhold , endre karttypen til Vis.

åpen Google Maps i en ny fane og finn hvor du vil lage den virtuelle omvisningen. Høyreklikk på pin-plasseringen og venstreklikk nå på det første hurtigmenyelementet som vises. Dette lar deg kopiere breddegrad (den første verdien) og lengdegraden (den andre verdien).

Gå tilbake til fanen Innhold og lim inn breddegraden samt lengdegraden i de respektive feltene.

lag en 360 graders virtuell omvisning i WordPress med Elementor

åpent alternativ Kartkontroller for å aktivere/deaktivere kortkontrollene du vil gi. Du kan også stille inn det første zoomnivået.

Gå til fanen Stil for å definere bredden og høyden på kartet.

lag en 360 graders virtuell omvisning i WordPress med Elementor

Klikk på knappen PUBLISH for å publisere kartet ditt.

NOTE: Hvis kartet ikke er lastet inn etter å ha trukket widgeten EA Google Maps i editoren og du ser en melding "Bare for utviklingsformål", sørg for å aktivere Google Cloud-faktureringen.

De nye Google-retningslinjene krever at utviklere aktiverer faktureringskontoen (du kan fortsatt bruke Google Maps API gratis).

Skaff deg Elementor Pro nå!!!

konklusjonen

Her! Det er det for denne artikkelen som viser deg hvordan lage en 360 graders virtuell omvisning i WordPress. Hvis du har noen bekymringer om hvordan du kommer deg dit, gi dem beskjed i commentaires.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...