Vill du ta reda på hur du skapar en 360 graders virtuell rundtur i WordPress med hjälp avElementor?

Med Google Street View-teknik kan du praktiskt taget gå runt i ett visst område utan att fysiskt vara där. Du kan till exempel praktiskt taget se miljön kring Kuta Beach på Bali medan du fysiskt befinner dig i din lägenhet i London.

För vissa platser – som Louvren i Paris – kan Google Street View till och med täcka en virtuell rundtur inomhus.

Om du har en WordPress-baserad webbplats kan du enkelt skapa en 360 graders genomgångsfunktion på din webbplats utan kodning.

Att erbjuda en 360-graders virtuell rundtur är en bra idé för företag som en djurpark, turistattraktion eller restaurang eftersom det gör att du besökare för att virtuellt se miljön runt din plats.

Se även: Hur man använder Elementors inläggswidget

Som nämnts kan du lägga till en 360 graders genomgångsfunktion på din WordPress-webbplats utan kodning. Du kan åstadkomma detta med hjälp av följande plugins:

Hur man skapar en 360-graders virtuell rundtur i WordPress med hjälp av viktiga tillägg

Se till att du har installerat innan du börjar Elementor och Essential Addons. Du kan ladda ner Elementor (du kan använda gratisversionen) på det officiella arkivet för Wordpress plugins. Medan för viktiga tillägg kan du få den på den sajt officiel.

Ladda ner Essential Addons Pro

Steg 1: Integrera Essential Addons med Google Maps

Det allra första du behöver göra efter att ha installerat Elementor och Essential Addons är att integrera Essential Addons med Google Maps. Du kan integrera dem med en Google Maps API-nyckel.

För att skapa en Google Map API-nyckel, besök först Google API-konsol och logga in med ditt Google-konto. Om du inte har ett projekt ännu, skapa ett nytt projekt genom att klicka på rullgardinsmenyn högst upp i huvudinstrumentpanelen i Google API-konsolen och klicka på knappen NYTT PROJEKT i fönstret som visas.

Ge ditt nya projekt ett namn och klicka på knappen SKAPA .

skapa en 360 graders virtuell rundtur i WordPress med Elementor

När ditt nya projekt har skapats, välj det via rullgardinsmenyn längst upp och klicka på Bibliotek på den vänstra panelen.

skapa en 360 graders virtuell rundtur i WordPress med Elementor

Google Maps API är indelat i 17 typer. Du kan klicka på länken VISA ALLT i avsnittet kartor att se dem alla.

För att kunna använda Essential Addons måste du aktivera följande API:er:

  • API-anvisningar
  • Geokodnings-API
  • Maps JavaScript API
  • API-platser

För att aktivera ett API, välj det berörda API (genom att klicka på det) och klicka på knappen AKTIVERA.

När du har aktiverat de nödvändiga API:erna går du tillbaka till huvudinstrumentpanelen i Google API-konsolen och klickar på identifierare på den vänstra panelen. Klicka på knappen Skapa autentiseringsuppgifter och välj API-nyckel. Kopiera API-nyckeln i popup-fönstret som visas.

skapa en 360 graders virtuell rundtur i WordPress med Elementor

När du har skaffat API-nyckeln, logga in på din WordPress-instrumentpanel och navigera till sidan Essential Addons Settings genom att klicka på menyn Viktiga tillägg på vänster sidofält.

Gå till flik Elements och scrolla ner i avsnittet Dynamiska innehållselement. Klicka på Att lägga plattor av widgeten Avancerad Google Map och klistra in din Google API-nyckel. Klicka på knappen SPARA INSTÄLLNING för att tillämpa ändringen.

Steg 2: börja skapa den 360-graders virtuella rundturen

Skapa en ny sida (Sidor – > Lägg till) eller ett nytt föremål (Objekt – > Lägg till) och redigera den med Elementor. Innan du börjar skapa sidan kan du först definiera layouten.

Upptäck också: Hur man lägger till relaterade artiklar i Elementor

För att göra detta, öppna panelen Inställningar genom att klicka på kugghjulsikonen i det nedre vänstra hörnet. Ställ in layouten från rullgardinsmenyn Layout.

Lägg till ett nytt avsnitt genom att klicka på plusikonen i redigeringsrutan och lägg till Google EA-kartan i den.

skapa en 360 graders virtuell rundtur i WordPress med Elementor

Under alternativet Allmänna inställningar flik Innehåll , ändra karttypen till Visa.

öppen Google Maps i en ny flik och hitta var du vill skapa den virtuella rundturen. Högerklicka på stiftets plats och vänsterklicka nu på det första snabbmenyalternativet som visas. Detta låter dig kopiera latitud (det första värdet) och longitud (det andra värdet).

Gå tillbaka till fliken Innehåll och klistra in latitud samt longitud i respektive fält.

skapa en 360 graders virtuell rundtur i WordPress med Elementor

öppet alternativ Kartkontroller för att aktivera/avaktivera de kortkontroller du vill tillhandahålla. Du kan också ställa in den initiala zoomnivån.

Gå till flik Stil för att definiera bredden och höjden på kartan.

skapa en 360 graders virtuell rundtur i WordPress med Elementor

Klicka på knappen PUBLICERA för att publicera din karta.

NOTERA: Om kartan inte laddas efter att du har dragit widgeten EA Google Maps i redigeraren och du ser meddelandet "Endast för utvecklingsändamål", se till att aktivera din Google Cloud-fakturering.

Den nya Google-policyn kräver att utvecklare aktiverar faktureringskontot (du kan fortfarande använda Google Maps API gratis).

Skaffa Elementor Pro nu!!!

Slutsats

Här! Det är det för den här artikeln som visar dig hur skapa en 360 graders virtuell rundtur i WordPress. Om du har några frågor om hur du kommer dit, låt dem veta i commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.