Slik legger du til Google Maps i WordPress

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.

Slik legger du til Google Maps i WordPress

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.

  1. Åpne Google Maps på nettet.
  2. Skriv inn eller søk etter plasseringen du vil bygge inn i søkefeltet.
    Slik legger du til Google Maps i WordPress
  3. Klikk på Del , naviger til Bygg inn et kart , velg ønsket størrelse og klikk på Kopier HTML .
  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).
    Slik legger du til Google Maps i WordPress
  3. Klikk på + -knappen, og klikk deretter på Egendefinert HTML .
    Slik legger du til Google Maps i WordPress
  4. Lim inn koblingen for innebygging av Google Map du kopierte. Deretter lagrer og publiserer du siden din.
    Slik legger du til Google Maps i WordPress

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 .
    Slik legger du til Google Maps i WordPress
  2. Velg Aktiver APIer og tjenester .
  3. Klikk på Hamburger , over APIer og tjenester , og klikk deretter på Bibliotek .
    Slik legger du til Google Maps i WordPress
  4. Under Kart klikker du på Vis alle .
  5. Klikk på Maps JavaScript API , og klikk på Aktiver - knappen.
    Slik legger du til Google Maps i WordPress
  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 .
    Slik legger du til Google Maps i WordPress
  8. Øverst på skjermen klikker du på alternativet Opprett legitimasjon og velger API-nøkkel .
    Slik legger du til Google Maps i WordPress
  9. Velg alternativet Rediger API-nøkkel .
    Slik legger du til Google Maps i WordPress
  10. Velg alternativknappen Nettsteder , og klikk LEGG TIL .
    Slik legger du til Google Maps i WordPress
  11. Skriv inn nettadressen din, klikk på Ferdig etterfulgt av Lagre .
    Slik legger du til Google Maps i WordPress
  12. Klikk på Vis nøkkel- alternativet og kopier API-nøkkelen din.
    Slik legger du til Google Maps i WordPress

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.
    Slik legger du til Google Maps i WordPress
  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.
    Slik legger du til Google Maps i WordPress
  4. Velg Kart i venstre rute, legg til adressen din i Adresse/GPS- feltet og klikk på Legg til markør- knappen.
    Slik legger du til Google Maps i WordPress

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 .
    Slik legger du til Google Maps i WordPress
  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 .
    Slik legger du til Google Maps i WordPress
  3. Utvid WP Go Maps , velg en plassering og klikk på Legg til widget .
    Slik legger du til Google Maps i WordPress
  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.


AI-roboter kan snart ta NHS 111-samtalene dine

AI-roboter kan snart ta NHS 111-samtalene dine

En tredjedel av alle pasienthenvendelser til NHS 111-tjenesten vil bli håndtert online av AI i 2020, ifølge en lekket rapport. En intern evaluering,

Virgin Hyperloop One: HER-appen gir første glimt av neste generasjons transport

Virgin Hyperloop One: HER-appen gir første glimt av neste generasjons transport

Vi har fått det første glimtet av hvordan det vil være å sykle på Virgin Hyperloop One på CES 2018. Innvilget sin del av en bredere app, og

Cash App: Slik bekrefter du identiteten din og Bitcoin

Cash App: Slik bekrefter du identiteten din og Bitcoin

Finn ut hvor lang tid det tar å bekrefte Cash App-kontoen din eller Bitcoin og hva du skal gjøre hvis prosessen overskrider standardgrensen.

Slik fikser du Discord som viser svart skjerm mens du strømmer

Slik fikser du Discord som viser svart skjerm mens du strømmer

Oppdag hvordan du fikser den svarte skjermfeilen når du strømmer på Discord med disse feilsøkingstipsene for å komme tilbake til å dele innholdet ditt.

Hvordan Facebook Marketplace-svindel fungerer

Hvordan Facebook Marketplace-svindel fungerer

Facebook Marketplace er en av de største forhandlerne av brukte varer på nett i dag. Selv om det er fordeler med å bruke Marketplace – som å lage

Hvordan tvinge et program til å åpne på en bestemt skjerm

Hvordan tvinge et program til å åpne på en bestemt skjerm

Mange Windows-brukere i dag foretrekker å jobbe med mer enn én skjerm, slik at de kan se to sider eller apper samtidig. På grunn av denne preferansen,

Slik legger du til Google Drive i File Explorer

Slik legger du til Google Drive i File Explorer

Hvis du er en Windows PC-person, er du kjent med File Explorer. Windows 10 brakte en forbedret versjon, slik at du enkelt kan få tilgang til One Drive.

Fremveksten av robotene kan gjøre Storbritannias nord-sør-skille verre

Fremveksten av robotene kan gjøre Storbritannias nord-sør-skille verre

Teknologisk fremgang er normal. En jevn strøm av nye utbygginger muliggjør en gradvis økning i velstand. Men noen ganger – og kanskje nå er det slik

Det statlige Cyber ​​Aware-nettstedet har kostet £6,37 per besøk siden det ble lansert

Det statlige Cyber ​​Aware-nettstedet har kostet £6,37 per besøk siden det ble lansert

Du har kanskje sett plakater som den ovenfor på røret. Hvis du fulgte lenken inkludert, er du i mindretall. Den Cyber ​​Aware regjeringen

Slik deaktiverer du kontroller i Roblox

Slik deaktiverer du kontroller i Roblox

De kan ha forskjellige livsstiler og aldre, men spillere fra hele verden har det gøy med spill på Roblox. Plattformen har mange titler, bl.a