Funcția Hartă stradală îți permite să creezi produse personalizate pe bază de hărți, prin integrarea Customix cu Mapbox. Clienții își pot introduce propria locație și, opțional, pot alege dintre stilurile tale personalizate de hartă atunci când personalizează produsul.

1. Conectează Customix la contul tău Mapbox

Mai întâi, autentifică-te în contul tău Mapbox: https://console.mapbox.com/, apoi, în secțiunea Token, creează și copiază un token public:

Mergi la Setări → Servicii, găsește Mapbox în Servicii disponibile și introdu tokenul de acces Mapbox. După conectare, cardul afișează starea Conectat în verde.

2. Salvează stilurile de hartă în biblioteca de resurse

Parcurge acest pas numai dacă vrei ca, în vitrina magazinului, clienții să poată alege dintre mai multe stiluri de hartă. Sari peste el dacă ai nevoie de un singur stil.

  • Mergi la Resurse → Hărți.
  • Fă clic pe Adăugați o hartă → Adăugați un folder, denumește folderul (de exemplu, Map Styles) și deschide-l.
  • Fă clic pe Adăugați o hartă, apoi selectează opțiunea Adăugați o hartă
  • În Mapbox Studio, deschide stilul dorit → Share → Production → derulează până la Developer resources și copiază Style URL (mapbox://styles/...).
  • Lipește-l în câmpul URL stil hartă din Customix și fă clic pe Salvați.

Repetă pentru fiecare stil pe care vrei să-l oferi.

3. Adaugă elementul Hartă stradală într-un șablon

  • Deschide un șablon și fă clic pe pictograma Elemente din bara laterală din stânga.
  • Selectează Hartă stradală. Elementul este adăugat pe canvas, iar setările lui apar în dreapta.
  • În Conținut, configurează Locația inițială: scrie coordonatele sau fă clic pe Selectați pe hartă.
  • Pentru Stilul hărții, alege un stil implicit (Streets, Satellite, Outdoors, Light, Dark) sau selectează Custom:

Dacă alegi Custom, revino în Mapbox Studio → deschide stilul → Share → copiază URL-ul Preview only (https://api.mapbox.com/styles/v1/...), lipește-l în câmpul URL personalizat pentru stilul hărții, apoi fă clic pe Aplicați stilul

4. Activează personalizarea pentru clienți

În secțiunea Personalizare din setările Hărții stradale:

  • Personalizați cu locație: bifează această opțiune pentru ca, în vitrina magazinului, clienții să-și poată căuta și selecta propria adresă. Poți seta o Etichetă (de exemplu, Your address) și un Text de ajutor opțional.
  • Personalizați cu stilul hărții: bifează această opțiune pentru a le permite clienților să aleagă dintre mai multe stiluri de hartă. În fereastra care apare, selectează folderul creat la Pasul 2 (de exemplu, Map Styles) și fă clic pe Gata

Salvează șablonul. Elementul Hartă stradală este acum gata în vitrina magazinului: clienții își pot introduce propria locație și, dacă este activat, pot alege stilul de hartă preferat:

5. Masca hărții stradale

Dacă vrei să afișezi harta stradală într-o formă personalizată, poți folosi funcția Mască. După ce încarci o mască, harta este remodelată automat pentru a se potrivi cu forma măștii încărcate.

Actualizat la: 23/09/2026