La funzionalità Mappa stradale permette di creare prodotti personalizzati basati su mappe integrando Customix con Mapbox. I clienti possono inserire il proprio luogo e, se vuoi, scegliere tra i tuoi stili di mappa personalizzati mentre progettano il prodotto.

1. Collega Customix al tuo account Mapbox

Per prima cosa, accedi al tuo account Mapbox: https://console.mapbox.com/, poi nella sezione Token crea e copia un token pubblico:

Vai su Impostazioni → Servizi, trova Mapbox sotto Servizi disponibili e inserisci il tuo token di accesso Mapbox. Una volta collegato, la scheda mostra lo stato Collegato in verde.

2. Salva gli stili di mappa nella tua libreria Risorse

Esegui questo passaggio solo se vuoi che i clienti possano scegliere tra più stili di mappa sul negozio online. Saltalo se ti serve un solo stile.

  • Vai su Risorse → Mappe.
  • Fai clic su Aggiungi mappa → Aggiungi cartella, assegna un nome alla cartella (ad es. Map Styles) e aprila.
  • Fai clic su Aggiungi mappa, poi seleziona l'opzione Aggiungi mappa
  • In Mapbox Studio, apri lo stile che vuoi → Share → Production → scorri fino a Developer resources e copia lo Style URL (mapbox://styles/...).
  • Incollalo nel campo URL dello stile della mappa in Customix e fai clic su Salva.

Ripeti l'operazione per ogni stile che vuoi offrire.

3. Aggiungi l'elemento Mappa stradale a un modello

  • Apri un modello e fai clic sull'icona Elementi nella barra laterale sinistra.
  • Seleziona Mappa stradale. L'elemento viene aggiunto al canvas e le sue impostazioni compaiono a destra.
  • In Contenuto, configura Posizione iniziale, digita le coordinate oppure fai clic su Seleziona sulla mappa.
  • Per lo stile della mappa, scegli uno stile predefinito (Streets, Satellite, Outdoors, Light, Dark) oppure seleziona Personalizzato:

Se scegli Personalizzato, torna a Mapbox Studio → apri lo stile → Share → copia l'URL Preview only (https://api.mapbox.com/styles/v1/...), incollalo nel campo URL dello stile della mappa personalizzato, poi fai clic su Applica stile

4. Attiva la personalizzazione per i clienti

Nella sezione Personalizzazione delle impostazioni della Mappa stradale:

  • Personalizza con località: seleziona questa casella per permettere ai clienti di cercare e selezionare il proprio indirizzo sul negozio online. Puoi impostare un'Etichetta (ad es. Your address) e un Testo di aiuto facoltativo.
  • Personalizza con stile della mappa: seleziona questa casella per permettere ai clienti di scegliere tra più stili di mappa. Nel popup che compare, seleziona la cartella creata nel passaggio 2 (ad es. Map Styles) e fai clic su Fatto

Salva il modello. L'elemento Mappa stradale è ora pronto sul tuo negozio online: i clienti possono inserire la propria località e, se l'hai attivato, scegliere lo stile di mappa che preferiscono:

5. Maschera della mappa stradale

Se vuoi mostrare la mappa stradale in una forma personalizzata, puoi usare la funzione Maschera. Una volta caricata una maschera, la mappa assumerà automaticamente la forma della maschera caricata.

Aggiornato il: 23/09/2026