Skal finde ud af, hvordan du tilføjer Google Kort til WordPress med JetElements?
Der er en masse plugins, du kan bruge til at tilføje Google Kort til din websted WordPress. JetElements er en. JetElements er en tilføjelse Elementor premium udviklet af Crocoblock. Det tilføjer flere ekstra widgets til din Elementor, inklusive avanceret kort, som du nemt kan tilføje Google Kort til dit WordPress-websted.
Du kan vælge 10 kortstile. Du kan også tilføje flere stifter.
I denne artikel vil vi vise dig, hvordan du bruger widgetten Avanceret kort for at tilføje Google Maps til din websted WordPress.
Før du starter, skal du sørge for at have installeret Elementor og JetEements på din WordPress. Du kan bruge den gratis version afElementor at bruge JetElements. Mens for JetElements, skal du erhverve det på dens officiel hjemmeside for $19.
Trin 1: Hent Google Maps API Key
Før du kan tilføje Google Maps til din Websted ved at bruge JetElements skal du anskaffe en API-nøgle for at integrere JetElements med Google Maps. Du kan få API'en gennem Google API-konsollen. Så besøg Google API-konsol og log ind med din Google-konto.
Når du er logget ind, skal du oprette et nyt projekt ved at klikke på rullemenuen øverst og klikke på NYT PROJEKT.
Giv dit projekt et navn og klik på knappen CREATE.
Vælg dit nye projekt fra rullemenuen, og klik bibliotek på venstre panel.
JetElements giver ingen detaljerede oplysninger om de API'er, du skal aktivere for at få widgetten til at fungere. Avanceret kort. Ifølge vores erfaring bør du i det mindste aktivere følgende API'er:
- Geokodning API
- Maps JavaScript API
Google opdeler selv Google Maps API i 17 typer. Du kan se dem ved at klikke VIS ALT i afsnittet Kort.
For at aktivere en API skal du vælge den API du vil aktivere (ved at klikke på den) og klikke på knappen AKTIVER.
Når du har fuldført aktiveringen af de nødvendige API'er, skal du vende tilbage til hovedbetjeningspanelet i Google API-konsollen og klikke på identifikatorer på venstre panel. Klik på knappen Opret legitimationsoplysninger og vælg API-nøgle. Kopier API-nøglen på pop op-vinduet, der vises.
Log derefter på dit WordPress-dashboard og gå til menuen JetPlugins – > JetElements Indstillinger.
Åbn fanen integrationer og indsæt den API-nøgle, du lige har kopieret, i feltet Google Map API-nøgle.
Begynd at tilføje kortet
Når JetElements og Google Maps er integreret, kan du begynde at tilføje kortet. For at gøre dette skal du åbne siden, hvor du vil tilføje kortet i Elementor. På Elementor-editoren skal du trække den avancerede kort-widget ind i redigeringsområdet.
Du kan gå til venstre panel for at manipulere nogle indstillinger på dit kort. Du kan foretage indstillingerne fra afsnittet Kortindstillinger.
For at ændre kortstilen kan du åbne sektionen Kortstil.
Tilføj din placering til kortet
Som standard er pinadressen indstillet til London Eye, London, Storbritannien. Du kan redigere den for at tilføje din virksomhedsplacering.
For at gøre dette skal du åbne sektionen Pins og klik på den eksisterende pin-adresse. Indsæt din virksomhedsadresse i feltet Pin adresse og ændre beskrivelsen i feltet Pin Beskrivelse.
For at gøre den pin-adresse, du lige har angivet, synlig på kortet, skal du indstille midten af kortet. Hvis din virksomhed f.eks. er i Paris, vil du sætte midten af kortet til Paris.
For at definere midten af kortet skal du åbne sektionen Kortindstillinger skriv igen dit foretrukne kortcenter (bynavn).
Bemærk: Hvis du ser meddelelsen "Kun til udviklingsformål", når du tilføjer et kort, skal du sørge for at aktivere din Google Cloud-fakturering. Den nye Google-politik kræver, at udviklere aktiverer faktureringskontoen (du kan stadig bruge Google Maps API gratis).
Få Elementor Pro nu!!!
Konklusion
Så! Det er det for denne artikel, der viser dig, hvordan du tilføjer Google Maps til WordPress med JetElements. Hvis du er i tvivl om, hvordan du kommer dertil, så lad dem vide det i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
