Een gemakkelijke en pijnloze gids voor het toevoegen van Google Map in WordPress

Bijgewerkt: 14 oktober 2021 / Artikel door: Azreen Azmi

Google Maps.

Of u nu een grote organisatie of een ondernemer in ondernemerschap bent, of zelfs maar een café in een kleine stad, waar uw bedrijf op Google Maps staat, is een must!

Maar als je een super beginner bent zoals ik, dan is het toevoegen van een Google Map aan jouw WordPress website lijkt misschien ronduit raadselachtig.

Nou, je hebt geluk!

We weten hoe gemakkelijk het is om te verdwalen in alle technische mumbo-jumbo, dus daarom hebben we deze eenvoudige en pijnloze gids gemaakt waarmee u een Google Map aan uw website kunt toevoegen.

Net als het oude gezegde, "er is meer dan een manier om een ​​kat te villen', U kunt er zeker van zijn dat uw bodem dollar ook een paar manieren heeft om Google Maps te installeren, maar we zullen ons slechts op twee manieren concentreren.

Het enige dat u nodig hebt om aan de slag te gaan, is slechts enkele algemene codeerkennis of bekend zijn met WordPress-dashboards, en u bent gouden!

Methode #1: handmatig toevoegen

Als u een beetje hands-on bent, kunt u ervoor kiezen om de Google Map handmatig toe te voegen aan uw WordPress-website als een bericht of een artikel.

Allereerst moet je de locatie vinden die je wilt laten zien Google Maps. Als je dat hebt gedaan, klik je op het pictogram Delen:

Klik op de knop Delen op Google Maps

Wanneer u dit doet, moet het een nieuw venster openen met een locatiecode (iframe) in Google Maps. Hier kunnen dingen een beetje onvoorspelbaar worden.

Klik op de knop Een kaart insluiten en vervolgens kunt u de volledige locatiecode die ze u geven kopiëren. Wat u ook kunt doen is de grootte van uw kaart kiezen of een aangepast formaat instellen. Wat je ook doet, vergeet niet de locatiecode te kopiëren!

Kopieer de locatiecode uit de sectie Insluiten

Dus nu je de locatiecode hebt. Wat doe jij?

Wel, laad het oude WordPress-dashboard op om de locatie in uw WordPress-bericht of pagina in te sluiten.

Ga naar Posten> Nieuwe toevoegen, of open een post / pagina die je al hebt gemaakt in de bewerkingsmodus. Selecteer hier de optie Tekst in plaats van Visueel en plaats de locatiecode op de gewenste plek in de tekst.

Plak in de tekstmodus de volledige locatiecode in uw WordPress-artikel / bericht

Nadat u de code in uw bericht hebt geplaatst, schakelt u terug naar Visuele weergave om te controleren of de kaart goed is ingesloten.

Nadat u de locatiecode hebt geplakt, schakelt u terug naar de visuele modus.

Voila, je bent klaar en je hebt een pagina met je Google Map erin! Als deze niet correct is geladen, controleert u of de locatiecode correct is gekopieerd en geplakt.

Methode #2: een plug-in gebruiken

Als die laatste methode nog steeds een beetje te moeilijk voor je was, maak je dan geen zorgen! WordPress maakt het niet alleen gemakkelijk voor u om dit te doen start een website, ze maken het ook super gemakkelijk om functies toe te voegen, zoals Google Maps, met plug-ins.

Hoewel er honderden plug-ins beschikbaar zijn voor Google Maps, raden we u aan om te gebruiken Google Maps Widget door WebFactory voor zijn lijst met snelheden en enorme functies.

Google Maps Widget

Direct uit de vleermuis, een van de beste dingen over Google Maps Widget is dat ze vrij kunnen worden gedownload van de WordPress plugin-map.

Het duurt slechts ongeveer een minuut om te installeren en u kunt uw kaart vervolgens binnen enkele minuten aanpassen aan uw WordPress-website.

nog steeds hulp nodig? Hier is een handige video van de mensen bij WebFactory:

Natuurlijk, als je echt wilt dat je kaart opvalt, is het de moeite waard om het te proberen Google Maps Widget PRO versie.

Met de PRO-versie kunt u meerdere adressen op de kaart vastpinnen en de plug-in uitbreiden om meer dan 50-functies op te nemen. Het biedt ook meer dan 20 + lightbox-skins, 15-skins voor kaarten en meer dan 1,500 aangepaste pinnen voor kaarten.

Als dat niet indrukwekkend is, kijk dan eens naar hun volledige lijst met functies:

  • Responsief en snel
  • Compatibel met alle WordPress-thema's en -plug-ins
  • Aangepaste infobellen met onbeperkte pinnen per kaart
  • Meer dan 15 kaart skins
  • Meer dan 20 lightbox-skins
  • Via 1,500 aangepaste pinnen voor kaarten
  • Onbeperkte kaarten per pagina
  • Aanpasbare kaarttaal

  • 4-modi voor kaarten: routebeschrijving, weergave, straat en straatweergave
  • Snelste laadkaarten met geavanceerde cache
  • Volledige ondersteuning voor shortcode en verborgen zijbalk voor eenvoudige afhandeling van shortcodes
  • Eenvoudige sitemigraties met export- en importhulpprogramma's
  • Integratie met Google Analytics om bij te houden hoeveel bezoekers kaarten openen
  • Geweldige e-mailondersteuning die is gevestigd in de VS.
  • Normale patches, updates en nieuwe functies.

Naast alle geweldige functies die je krijgt met de PRO-versie, wordt Google Maps Widget algemeen beschouwd als de snelste Google Map-plug-in in WordPress.

Een deel daarvan is dat in plaats van een grote interactieve kaart op uw website te laden, Google Maps Widget in plaats daarvan een miniatuurafbeelding van de kaart weergeeft. Dit vermindert de hoeveelheid overgedragen gegevens nodig voor de bezoekers en uw webhost, dus maken alles laadt sneller.

Natuurlijk, als je net begint en je niet zeker weet of je de plug-in moet uitgeven, biedt Google Maps Widget PRO 7 dagen volledige terugbetalingsperiode!

Op die manier kunt u het zo vaak proberen als u wilt en controleren of het werkt op uw site of met andere plug-ins die u hebt geïnstalleerd. Als je denkt dat je het niet nodig hebt, ga dan terug naar de originele, gratis versie.

Lees meer

Over Azreen Azmi

Azreen Azmi is een schrijver met een voorliefde voor schrijven over contentmarketing en technologie. Van YouTube tot Twitch probeert hij contact te houden met de nieuwste contentcreatie en de beste manier te vinden om je merk op de markt te brengen.