Slik legger du til Google Maps i WordPress

Hvis du har bygget et nettsted for din lokale virksomhet, spesielt en fysisk butikk, bør du ha en Google Maps-seksjon på WordPress-nettstedet ditt som fremhever plasseringen. Å bygge inn kartet på nettstedet ditt er også utmerket for din lokale SEO-innsats siden Google vil rangere det høyere i søkeresultatene.

Heldigvis er det enkelt å bygge inn Google Maps med butikk- eller kontorsted(er) i WordPress. Les videre for å komme i gang.

Hvordan legge til Google Maps til WordPress uten API eller plugin

Dette er den enkleste måten å legge til Google Maps på WordPress-bloggen eller nettstedet ditt. Det innebærer to brede trinn: kopiering av den innebygde lenken og lim inn lenken i en WordPress-kodeblokk . Følg trinnene nedenfor.

Få Google Maps Embed Link

1. Åpne Google Maps på nettet.
2. Skriv inn eller søk etter plasseringen du vil bygge inn i søkefeltet.
   
3. Klikk på Del , naviger til Bygg inn et kart , velg ønsket størrelse og klikk på Kopier HTML .

Lim inn Embed Link i WordPress

1. Logg inn på WordPress-dashbordet.
2. Klikk på Sider og deretter Legg til ny side (du kan bruke et nytt innlegg eller redigere en gammel side hvis du vil).
   
3. Klikk på + -knappen, og klikk deretter på Egendefinert HTML .
   
4. Lim inn koblingen for innebygging av Google Map du kopierte. Deretter lagrer og publiserer du siden din.
   

Legge til Google Maps med API på WordPress

Hvis du blogger på WordPress , kan du bygge inn Google Maps med en API, selv om du må bruke en Maps-plugin for å oppnå dette. I dette eksemplet bruker vi WP Go Maps- plugin, men det er andre du kan prøve. Men først må vi få API.

Slik får du Google Maps API

Du kan bruke gratis API-funksjoner for små bedrifter, men de avanserte API-ene koster rundt $7 per måned og skalerer opp avhengig av hvor mange visninger du får. Med innhentet API kan du legge til et Google-kart på nettstedet ditt. For å få en Google Map API må du ha konfigurert faktureringen riktig i Google Cloud Console. Når faktureringen er konfigurert, fortsett til trinnene nedenfor på Google Cloud Console.

1. Klikk på Hamburgeren øverst til venstre, og klikk på APIer og tjenester .
   
2. Velg Aktiver APIer og tjenester .
3. Klikk på Hamburger , over APIer og tjenester , og klikk deretter på Bibliotek .
   
4. Under Kart klikker du på Vis alle .
5. Klikk på Maps JavaScript API , og klikk på Aktiver - knappen.
   
6. Gå tilbake til API-biblioteksiden og gjenta trinn 5 for Directions API , Geocoding API , Geolocation API og Places API .
7. Klikk på Hamburger , over APIer og tjenester , og klikk deretter på legitimasjon .
   
8. Øverst på skjermen klikker du på alternativet Opprett legitimasjon og velger API-nøkkel .
   
9. Velg alternativet Rediger API-nøkkel .
   
10. Velg alternativknappen Nettsteder , og klikk LEGG TIL .
    
11. Skriv inn nettadressen din, klikk på Ferdig etterfulgt av Lagre .
    
12. Klikk på Vis nøkkel- alternativet og kopier API-nøkkelen din.
    

Laster ned WP Maps Plugin

Vi vil bruke WP Go Maps for dette eksemplet. Følg trinnene nedenfor for å laste den ned.

1. Åpne WordPress-dashbordet, klikk på  Plugins  fra menylinjen, og klikk på  Add New Plugin  øverst på siden.
   
2. Søk etter WP Go Maps og klikk på Installer nå- alternativet for den første plugin-en, og klikk deretter på Aktiver når installasjonen er fullført.
3. Klikk på Innstillinger for kart i venstre rute, klikk på Avansert- fanen, skriv inn API-nøkkelen din og klikk på Lagre innstillinger nederst til høyre.
   
4. Velg Kart i venstre rute, legg til adressen din i Adresse/GPS- feltet og klikk på Legg til markør- knappen.
   

Legge til en kartblokk

Med API tilkoblet vil WP Go Maps lage en kodeblokk som du kan bruke på nettstedet ditt:

1. Åpne WordPress Dashboard og åpne innlegget eller siden der du trenger kartet.
2. Velg + -knappen øverst, søk etter Kart , og velg Kart .
   
3. Lagre og publiser siden nå .
4. Bruk tilleggsalternativene til høyre for å tilpasse hvordan blokken ser ut på siden.

Legge til en widget

Alternativt kan du legge til en liten widget på kartet ditt, for eksempel nettsidens bunntekst. Dette er hvordan:

1. Åpne WordPress-administrasjonspanelet.
2. Velg Utseende og klikk på Widgets .
   
3. Utvid WP Go Maps , velg en plassering og klikk på Legg til widget .
   
4. Rediger widgetens dimensjon og hvordan etiketten vil bli navngitt på kartet.

Mens WP Go Maps burde få jobben gjort, er det ikke den eneste plugin-en som kan gjøre det.

Du kan bla gjennom WordPress-plugin-butikken for å finne andre plugins som bygger inn kartblokker med Google Maps. Noen av de bedre alternativene inkluderer:

• Google Maps-widget
• Google Maps enkelt
• Intergeo

Når du har lastet ned og aktivert programtillegget, bør hver enkelt ha en kort veiledning om hvordan du kobler inn Google Maps API-nøkkelen din for å la WordPress bruke kartet fra Google. Resten er opp til deg.

Bruk et kartintegrert WordPress-tema

Bortsett fra å bruke plugins for å lage et kart for nettstedet ditt, kan du også velge et tema med alternativet fra start.

Imidlertid vil du neppe finne et gratis tema med Google Maps-innbygging. En av de bedre versjonene er Divi, som koster omtrent $90 per år hvis du bruker et abonnement. Imidlertid gjør dens andre funksjoner, for eksempel AI-assistert nettstedoppretting og mange profesjonelle maler, det til et utmerket valg.

Sett deg selv på kartet med WordPress

Ved å bygge inn Google Maps-posisjonen til butikken din på WordPress-siden din, gjør du det enklere for potensielle kunder og kunder å finne din lokale virksomhet. Lek med kartplasseringen og lag en enkel kontaktside for de beste resultatene.

Deretter bør du lære hvordan du angir et standardtema i WordPress .

Vanlige spørsmål

Hvor legger jeg Google Maps API-nøkkelen i WordPress?

Du kan bygge den inn i en WordPress-kodeblokk eller bruke en plugin. Noen av disse pluginene kan tilby widgets der du bygger inn API-nøkkelen.

Hvordan legger jeg til et Google-kart til WordPress uten plugins?

Den spesifikke prosessen vil avhenge av plugin-en du bruker. Imidlertid vil API-nøkler vanligvis gå inn i et API-felt som finnes i Avansert-alternativet til plugin-en din.