Blog

Mappe con i tuoi colori

Hai scelto il tuo tema e regolato colori, font e icone perché la tua app ti somigli. Poi i tuoi utenti aprono la mappa e ritrovano quella che conoscono a memoria, la stessa di ovunque. A seconda della tua attività, è una schermata in cui passano del tempo, e finora non apparteneva al tuo brand.

PWA Developer

  Aggiornato il   5 min di lettura

Forse ti chiedi cosa cambia davvero una mappa con i tuoi colori. Ecco tre esempi, dalla coerenza del tuo design alla storia che vuoi far raccontare alla tua app.

Perché ti somiglino

Le PWA GoodBarber mostrano le loro mappe interattive con uno dei due principali fornitori: Google o Mapbox. Entrambi offrono strumenti di personalizzazione molto avanzati per disegnare sfondi di mappa con la tua identità. Ora puoi collegare questi stili alle tue mappe, e il design della tua app resta coerente.

Questi strumenti vanno oltre la palette di colori. Ti lasciano scegliere cosa resta visibile sullo sfondo della mappa, quindi cosa vedranno i tuoi utenti. Nell'app del campus universitario qui sopra, edifici e biblioteche sono in primo piano e i negozi sono nascosti: non è quello che cercano gli studenti. Immagina ora l'app del tuo negozio, o della tua rete di negozi. Nascondere i punti di interesse predefiniti significa smettere di fare pubblicità alla concorrenza.

Per creare un'atmosfera

Più il design della tua app è deciso, più salta all'occhio il contrasto con una mappa standard. Prendi l'app di un festival con un'identità molto forte. Con uno sfondo di mappa personalizzato, la mappa diventa parte dell'esperienza. Tiene solo ciò che conta la sera dell'evento: i palchi e i trasporti. Strade e ferrovie si colorano di viola e verde neon, con i colori del festival.

Mappa dell'app Nuit Sonique con uno stile personalizzato: sfondo notturno, strade viola e verde neon, nessun negozio visibile.La stessa mappa con lo stile predefinito di Google Maps: supermercati, negozi e altri punti di interesse visibili.

Confronto tra lo stile predefinito di Google Maps e uno stile personalizzato

Per raccontare altro

Gli strumenti di personalizzazione vanno oltre i colori: aggiungono i loro livelli di dati, rilievo, percorsi. Questi livelli fanno da base ai tuoi contenuti Mappa del CMS GoodBarber e ai tuoi file KML importati. La mappa diventa così un contenuto editoriale a sé, con lo stesso strumento.

Fotogramma del video: il percorso dell'Haute Route Corse su una mappa in rilievo personalizzata con Mapbox.

Accetta i cookie statistici per guardare questo video Vimeo.

Per questo video, il percorso GPX è stato importato in Mapbox Studio, stilizzato e poi pubblicato in uno stile completamente nuovo. È bastato incollare questo stile nelle impostazioni della mappa di una sezione. Lo stesso stile può vestire tutte le mappe dell'app, o solo un widget Mappa della home page.

È facile da fare?

Sì. Crei il tuo stile presso il fornitore che preferisci: un Map ID nella console Google Cloud, o un URL di stile in Mapbox Studio. Poi lo incolli nel back office, per tutta l'app o per una sezione Mappa, una sezione Agenda o un widget Mappa in particolare. La procedura passo dopo passo è nei nostri articoli di aiuto: per Google Maps e per Mapbox.

Non vediamo l'ora di vedere le tue mappe. E se non hai ancora una PWA per esprimere la tua creatività, crea la tua con GoodBarber, il Mobile App Builder no-code.

Continua a leggere

  4 min di lettura

Il tuo catalogo immobiliare Meta ora compare nell'app della tua agenzia

In breve. Catalogo Meta, mappa e Catalogo Meta, annunci sono due estensioni di GoodBarber, l'app builder no-code, che leggono il catalogo «Home listings» di un'agenzia, il feed XML che fornisce a Meta per i suoi annunci immobiliari. Catalogo Meta, mappa riempie una sezione mappa: ogni immobile con una posizione nota diventa un segnaposto con la sua scheda, ordinato per distanza quando l'app conosce la posizione dell'utente. Catalogo Meta, annunci riempie una sezione di articoli con gli stessi immobili, dal più recente. Le colleghi con il link del feed del tuo catalogo. Sono entrambe gratuite per le app Content.Le agenzie creano questo catalogo per raggiungere acquirenti e inquilini dove passano il loro tempo. Le app di Meta sono state usate in media da 3,60 miliardi di persone al giorno a giugno 2026, il 3% in più in un anno, secondo i risultati del secondo trimestre 2026 di Meta pubblicati il 29 luglio 2026. Ecco come funzionano le due estensioni per un'agenzia di Amburgo.

  3 min di lettura

I tuoi eventi e le tue campagne Givebutter ora compaiono nella tua app

In breve. Givebutter Eventi e Givebutter Campagne sono due estensioni di GoodBarber, l'app builder no-code, che leggono le campagne di un'organizzazione non profit su Givebutter. Givebutter Eventi riempie una sezione agenda con i prossimi eventi, con il loro orario nel fuso orario dell'evento e il loro luogo, a meno che tu non lo riservi ai soli partecipanti. Givebutter Campagne riempie una sezione di articoli con i moduli e le pagine di raccolta fondi attivi, con la loro immagine di copertina e la descrizione. Le colleghi con una chiave API Givebutter. Entrambe sono gratuite per le app Content: ogni sezione conta come una delle estensioni incluse nel tuo piano.Molte donazioni passano già da Givebutter. In occasione del Giving Tuesday 2025, i sostenitori hanno donato 20 milioni di dollari sulla piattaforma, contro i 16,4 milioni del 2024, da oltre 93.000 donatori su 16.000 campagne attive, secondo il resoconto di Givebutter pubblicato l'8 dicembre 2025. Ecco come funzionano le due estensioni per un rifugio per animali.

  4 min di lettura

Tutte le funzionalità di GoodBarber, sotto i tuoi occhi

In Struttura, il pulsante «Aggiungi una sezione» apre una finestra che comincia con una domanda: «Cosa vuoi aggiungere?». Sotto, l'elenco raccoglie tutto quello che GoodBarber sa aggiungere a un'app, ordinato in base a ciò che ogni voce le porta: ciò che aggiunge una sezione, ciò che riempie una sezione da un servizio che usi già, ciò che lavora in background senza aggiungere schermate e ciò che arricchisce una sezione già presente. Le idee da costruire con l'AI Extension Builder hanno un gruppo tutto loro.