Incorporarea unei hărți Google Maps pe site-ul tău WordPress poate fi utilă pentru vizitatori, pentru a găsi rapid o locație. Cu Elementor, acest proces este deosebit de simplificat. În această instrucțiune, îți voi arăta pas cu pas cum să adaugi un link Google Maps pe site-ul tău și cum să personalizezi aspectul hărții conform dorințelor tale.
Principalele concluzii
- Google Maps se integrează ușor în Elementor.
- Adresa trebuie introdusă cu precizie pentru a fi afișată corect.
- Poți face diverse ajustări la hartă, cum ar fi nivelurile de zoom și opțiunile de stilizare.
Instrucțiune pas cu pas
Pentru a adăuga un link Google Maps în Elementor, urmează acești pași simpli:
PASUL 1: Adaugă elementul Google Maps
Începe prin a trasa elementul Google Maps în editorul tău Elementor. Deschide interfața Elementor și aplica principiul drag-and-drop.
PASUL 2: Introduceți locația
Odată ce ai adăugat elementul, poți introduce adresa specifică care trebuie afișată. De exemplu, „Poarta Brandenburg, Berlin”. Elementor va încărca automat harta pentru această locație.
PASUL 3: Ajustarea locației
Vrei să afișezi o altă locație? Introdu pur și simplu noua adresă. Asigură-te că scrii adresa corect, deoarece erorile pot duce la rezultate greșite. Dacă introduci „Mariahilferstraße, Viena”, asigură-te că scrierea este corectă.
PASUL 4: Ajustează nivelul de zoom
În Elementor, poți ajusta nivelul de zoom al hărții. Un număr mai mic (de exemplu, 4) arată o vedere mai largă, în timp ce un număr mai mare (de exemplu, 20) oferă o vedere detaliată asupra unui anumit punct. Asigură-te că alegi nivelul de zoom conform nevoilor tale.
PASUL 5: Stabilirea înălțimii hărții
Pentru a optimiza prezentarea vizuală, poți ajusta și înălțimea hărții. Gândește-te dacă 200 sau 300 de pixeli sunt suficienți pentru a face locația vizibilă pentru vizitatori.
PASUL 6: Ajustează stilul hărții
Următorul pas implică ajustarea stilului hărții. Poți modifica setări precum luminozitatea, saturația și contrastul. Aceste ajustări sunt realizate în principal prin filtre CSS. Gândește-te ce efect vrei să creezi în timp ce muți cursorul peste hartă.
PASUL 7: Adăugarea efectelor de tranziție
Pentru a crea o experiență interactivă pentru utilizatori, poți adăuga efecte de tranziție. De exemplu, poți seta durata tranziției la 2 secunde și ajusta filtrul CSS astfel încât harta să apară lin, în funcție de modul în care utilizatorul interacționează cu aceasta.
PASUL 8: Salvează și previzualizează
După ce ai făcut toate ajustările, salvează modificările tale și vizualizează previzualizarea. Asigură-te că totul arată așa cum ți-ai imaginat.
PASUL 9: Testează interacțiunea cu harta
În frontendul site-ului tău ar trebui acum să vezi harta Google Maps. Testează cum pot interacționa utilizatorii, făcând zoom în/out sau dând clic pe linkul „Vezi harta mai mare” pentru a deschide harta direct în Google Maps.
Rezumat - Adăugați un link Google Maps în Elementor
Integrarea Google Maps pe site-ul tău este simplă cu Elementor. Cu ajustări atente și introducerea precisă a adreselor, faci accesul comunității tale la locații importante ușor. Această instrucțiune te ajută să adaugi cu succes harta și să o personalizezi conform dorințelor tale.
Întrebări frecvente
Cum adaug Google Maps în Elementor?Trasezi elementul Google Maps în editor și introduci adresa dorită.
Ce fac dacă adresa mea nu este afișată?Asigură-te că adresa este introdusă corect, inclusiv detalii și scriere corectă.
Cum pot ajusta zoomul hărții?În element poți ajusta nivelul de zoom introducând numere între 1 și 20.
Cum schimb înălțimea hărții?În setările elementului Google Maps, poți stabili înălțimea în pixeli.
Pot să văd harta și în frontend?Da, după ce salvezi modificările, poți vizualiza previzualizarea și testa harta în frontend.
