Cum să Integrezi Google Maps în WordPress cu Ușurință (cu sau fără plugin)

Cum să Integrezi Google Maps în WordPress cu Ușurință (cu sau fără plugin)

De ce să integrezi Google Maps pe site-ul tău WordPress? Imaginează-ți că ai un magazin fantastic de înghețată artizanală și vrei să le arăți tuturor unde pot să-și ia doza zilnică de fericire dulce.

Sau poate ai un blog de călătorii și vrei să împărtășești cu cititorii tăi locurile exotice pe care le-ai vizitat. Integrarea Google Maps în WordPress este exact ce ai nevoie pentru a face asta! Este ca și cum ai avea o busolă digitală integrată în site-ul tău, ghidându-ți vizitatorii către locațiile dorite.

Metode de Integrare a Google Maps

Există două rute principale pentru a adăuga Google Maps pe site-ul tău WordPress:

  • Folosind un plugin: Simplu și rapid, perfect pentru cei care nu vor să se complice prea mult.
  • Fără plugin: Prin adăugarea manuală a codului embed de la Google Maps, pentru cei care vor să aibă control total.

google maps

Metoda 1: Integrarea Google Maps Folosind un Plugin

Pasul 1: Instalarea Plugin-ului

  • Deschide Dashboard-ul WordPress:
  • Navighează la Pluginuri -> Adaugă nou.
  • Caută Plugin-ul: În câmpul de căutare, scrie „Google Maps”. Un plugin popular este „WP Google Maps”.

wp google maps

  • Instalează și Activează Plugin-ul:
  • Click pe Instalează acum, apoi pe Activează.

Pasul 2: Configurarea Plugin-ului

  • Accesează Setările Plugin-ului: După activare, vei găsi un nou meniu în Dashboard, de obicei sub numele „Maps” sau „Google Maps”.
  • Creează o Nouă Hartă: Click pe Adaugă nou și configurează harta ta. Setează locația, mărimea hărții, nivelul de zoom și alte opțiuni.
  • Obține API Key-ul Google:
  • Majoritatea plugin-urilor vor solicita un API Key de la Google. Mergi la Google Cloud Platform, creează un proiect nou și activează API-ul Google Maps, apoi generează un API Key.
  • Introdu API Key-ul: Introdu API Key-ul în setările plugin-ului.

 

Pasul 3: Adăugarea Hărții pe Site

  • Generează Shortcode-ul: După configurarea hărții, plugin-ul îți va oferi un shortcode.
  • Adaugă Shortcode-ul în Pagina Dorită: Editează pagina sau articolul unde vrei să apară harta și adaugă shortcode-ul în editor.

Voilà! Harta ta Google Maps este acum integrată pe site-ul tău, gata să ghideze vizitatorii tăi la destinația dorită.

maps google

Metoda 2: Integrarea Google Maps Fără Plugin

Pasul 1: Obținerea Codului Embed de la Google Maps

  • Deschide Google Maps: Deschide Google Maps și găsește locația pe care vrei să o integrezi

tutorial wordpress google maps

  • Obține Codul Embed: Click pe butonul Share (Împărtășește) și apoi pe Embed a map (Incorporează o hartă). Copiază codul iframe furnizat.

maps Google tutoral part 2

maps tutorial google part 3

Pasul 2: Adăugarea Codului Embed în WordPress

  • Editează Pagina sau Articolul: Accesează editorul paginii sau articolului unde vrei să adaugi harta.
  • Adaugă Codul Embed: Comută editorul pe modul Text (sau HTML), și lipește codul iframe copiat anterior în locația dorită.

Configurarea Avansată a Hărții

Dacă vrei să personalizezi harta, poți adăuga parametri suplimentari în codul iframe pentru a ajusta dimensiunea, nivelul de zoom și alte setări. Este ca și cum ai adăuga toppinguri pe pizza ta preferată, personalizând-o exact așa cum îți place.

  • Exemple de Parametri:

Dimensiunea Hărții:

< iframe src= „https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.086947650604|2d144.9577263153721!3d-37.81361167975185| 2m3!1f0!2f0! 3f0!3m2!111024|2i768!4f13. 1! 3m3! 1m2!150x6ad642af0f11fd81%3A0xffedcb22b9a9dba2!2sFederation%20Square!5е0! 3m2!1sen!2sau!4v1589251399456! 5m2! 1sen! 2sau” width=”600″ height=”450″ style=”border: 0″ allowfullscreen=”” loading=”lazy” >/iframe>

  • Modifică width și height pentru a ajusta dimensiunea.

Nivelul de Zoom:

  • Adaugă parametri precum &zoom=15 la URL-ul iframe pentru a ajusta nivelul de zoom.

Concluzie

Indiferent dacă alegi să folosești un plugin sau să adaugi manual codul embed, integrarea Google Maps în WordPress este mai simplă decât crezi. Aceasta nu doar că îmbunătățește experiența utilizatorilor pe site-ul tău, dar oferă și informații utile care pot ajuta la creșterea vizibilității și accesibilității afacerii tale.

Așadar, nu ezita să adaugi această funcționalitate valoroasă site-ului tău WordPress!

Acum că știi cum să integrezi Google Maps în WordPress, ce mai aștepți? Îmbunătățește-ți site-ul astăzi și fă-l mai interactiv și atractiv pentru vizitatorii tăi!

Articole Recente

Contact FogArt

Adresă

Nisipari nr. 16, București, Sect 1

Telefon

Aveți nevoie de ajutor pentru site-ul dvs.?

Echipa noastră de profesioniști dezvoltatori români este aici pentru a vă oferi suport complet în dezvoltare web, SEO și securitate cibernetică.

× Contacteaza-ne pe Whatsapp!