Se la tua azienda ha più sedi, come filiali, punti di ritiro, sportelli bancomat, showroom o centri di assistenza, al tuo sito non basta una mappa di Google Maps incorporata o un elenco di indirizzi. Ti serve una mappa interattiva e intuitiva, che il tuo team possa aggiornare senza toccare una riga di codice.

In questo articolo ti mostriamo come l’abbiamo realizzata collegando il CMS di Webflow a Mapbox: una mappa multi-sede completamente dinamica, in cui ogni dettaglio delle sedi si gestisce direttamente dall’editor di Webflow.

Il limite delle soluzioni di mappa tradizionali

La maggior parte delle aziende con più sedi finisce per usare una mappa di Google Maps incorporata e statica, impossibile da personalizzare e senza la possibilità di aggiungere nuove sedi.

L’alternativa è un elenco di coordinate scritto a mano nel codice personalizzato del sito: funziona, ma diventa un incubo da mantenere appena vuoi aggiungere una sede o modificare gli orari di apertura.

Nessuna delle due soluzioni cresce insieme all’azienda né lascia al cliente il controllo sulle modifiche.

La nostra soluzione: Webflow CMS + Mapbox

Mapbox è una piattaforma di mappe professionale usata da realtà come Greenpeace, BNP Paribas e il New York Times. A differenza di Google Maps, Mapbox ti dà il pieno controllo sullo stile della mappa, sul design dei marker, sul comportamento dei popup e sulla logica di interazione.

Collegata al CMS di Webflow, una volta configurata diventa una mappa che gestisci interamente dall’editor di Webflow. Senza codice e senza dipendere da uno sviluppatore.

Ecco come funziona.

Come è strutturato il CMS

Ogni sede è un elemento di una Collection del CMS di Webflow. Per ciascuna crei i campi con i dati essenziali di cui la mappa ha bisogno:

• Nome: il nome della sede mostrato sulla mappa

• Latitudine e longitudine: le coordinate (si ricavano facilmente da Google Maps)

• Categoria: il tipo di sede, che determina il colore del marker

• Orari di apertura: mostrati all’interno del popup

• Pubblica o privata: un’opzione che aggiunge un badge visibile nel popup

• Campi facoltativi: indirizzo, numero di telefono, link alle indicazioni stradali di Google Maps

Una volta configurata la Collection, la mappa legge questi campi in automatico. Quando aggiungi una nuova sede nel CMS, dopo la pubblicazione il segnaposto compare subito sulla mappa.

Il risultato: cosa vedono gli utenti

Sul sito pubblicato gli utenti vedono una mappa pulita e minimale con marker colorati, dove ogni colore corrisponde a una categoria di sede. Cliccando su un marker si apre un popup con il nome della sede, la categoria e gli altri campi personalizzati in base alla tua attività.

Il popup può includere anche un numero di telefono da chiamare direttamente o un link per le indicazioni stradali: è utile per le attività di servizi, dove l’utente deve agire subito dopo aver trovato la sede giusta.

Anche lo stile della mappa si personalizza con Mapbox. Noi usiamo lo stile Mapbox Light per un look pulito e moderno, in linea con gli standard di design svizzeri e tedeschi, ma puoi adattarlo a qualsiasi identità di marca.

Per chi è pensata questa soluzione

Questa soluzione è ideale per le aziende con più sedi fisiche che vogliono gestire i dati delle sedi senza uno sviluppatore e mostrare in modo interattivo informazioni operative importanti, come gli orari di apertura o la disponibilità dei servizi.

Qualche esempio concreto: banche e istituti finanziari con filiali e sportelli bancomat, catene retail con flagship store, outlet e punti vendita partner, reti sanitarie con cliniche, laboratori e farmacie, aziende di logistica con depositi, punti di raccolta e centri di servizio.

In questi casi la mappa è uno strumento pratico che aiuta gli utenti a trovare la sede giusta per la loro esigenza.

Perché Mapbox e non Google Maps

Google Maps è la scelta predefinita per la maggior parte dei progetti web, ma per questo caso d’uso ha limiti importanti.

Mapbox ti dà il pieno controllo sul design dei marker, sullo stile dei popup e sull’aspetto della mappa. Puoi riprendere esattamente i colori del tuo brand, usare marker a punto o icone personalizzate e curare ogni dettaglio visivo dei popup. Mapbox ha anche un piano gratuito generoso: fino a 50.000 caricamenti della mappa al mese senza costi, che coprono senza problemi praticamente qualsiasi piccola o media impresa.

È la soluzione giusta per il tuo progetto?

Se stai valutando se questa soluzione fa al caso tuo, la domanda da porsi è semplice: vuoi gestire in autonomia i dati delle tue sedi e avere sul sito una mappa interattiva e facile da usare?

Se la risposta è sì, Webflow CMS + Mapbox è la soluzione più pulita e più semplice da mantenere, senza dover sviluppare un backend su misura.

Se invece hai una sola sede o dati che non cambiano mai, basta una semplice mappa di Google Maps incorporata e questo livello di complessità non serve.

Lavora con noi

Realizziamo siti Webflow con funzionalità concrete: mappe gestite dal CMS, integrazioni, automazioni e interazioni personalizzate. Se hai un progetto in mente, saremo felici di parlarne e di trovare insieme l’approccio giusto.

Prenota una consulenza gratuita →

Michelangelo Digital Media è un’agenzia Webflow e Framer che lavora con startup, PMI e aziende affermate in Svizzera, in Germania e a livello internazionale.