--- title: "Map Widget: scoprite il modello Immersive Card Banner per una visualizzazione ottimizzata" description: "In GoodBarber siamo sempre alla ricerca di modi innovativi per migliorare l'esperienza dell'utente e far risplendere i vostri contenuti nella loro luce migliore" canonical_url: "https://it.goodbarber.com/blog/map-widget-scoprite-il-modello-immersive-card-banner-per-una-visualizzazione-ottimizzata-a946/" lang: it date: 2024-10-31 last_updated: 2024-10-31 --- # Map Widget: scoprite il modello Immersive Card Banner per una visualizzazione ottimizzata [Indietro](/blog/make-it-r10/) # Map Widget: scoprite il modello Immersive Card Banner per una visualizzazione ottimizzata Scritto da [Muriel Santoni](https://it.goodbarber.com/blog/author/muriel-santoni/) il Giovedì 31 Ottobre 2024 ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/83872306-59958133.jpg?v=1730385881.1232822) In GoodBarber siamo sempre alla ricerca di modi innovativi per migliorare l'esperienza dell'utente e far risplendere i vostri contenuti nella loro luce migliore. Oggi siamo lieti di presentare una nuova funzionalità: il **modello Immersive Card Banner** per il **widget Card**. Se utilizzate già le mappe interattive nella vostra applicazione, saprete quanto questa sezione possa essere utile per fornire una navigazione fluida e visiva. Che si tratti di evidenziare luoghi fisici come negozi, eventi o siti turistici, le mappe sono un elemento chiave per guidare gli utenti. Con il modello Immersive Card Banner facciamo un ulteriore passo avanti, offrendo un'esperienza ancora più dinamica e visivamente accattivante. Il modello **Immersive Card Banner** è una nuova opzione di layout per i vostri widget Card, progettata per fornire una visualizzazione elegante e moderna dei vostri punti di interesse. Questo modello consente di visualizzare le informazioni chiave in modo coinvolgente, grazie a un'immagine accattivante e al testo associato, il tutto in un layout ottimizzato per catturare l'attenzione degli utenti. - **Immagini di grande formato**: le vostre mappe beneficiano ora di immagini di grandi dimensioni, che offrono un impatto visivo immediato e un modo migliore per mostrare i luoghi o gli eventi che volete mettere in evidenza. - **Testo sovrapposto**: Il testo descrittivo è abilmente integrato nell'immagine, in modo che gli utenti possano capire rapidamente di cosa si tratta senza distogliere lo sguardo dalla visualizzazione principale. - **Navigazione fluida**: Gli utenti possono navigare facilmente tra i diversi punti scorrendo orizzontalmente, creando un'esperienza coinvolgente che li incoraggia ad approfondire. ## Che cos'è il modello Immersive Card Banner? Adottare questo nuovo modello significa offrire ai vostri utenti un'**esperienza fluida e interattiva**, con una grafica accattivante che rende la navigazione nella vostra mappa ancora più piacevole. Ottimizzando la presentazione dei vostri locali o eventi, non solo migliorerete l'estetica della vostra app o del vostro sito web, ma faciliterete anche il coinvolgimento degli utenti. Grazie alla **stratificazione intelligente di** immagini e testo, è possibile offrire una presentazione professionale che incoraggia l'esplorazione pur rimanendo intuitiva. ## Come si integra il modello Immersive Card Banner nei widget delle schede? Integrare il modello Immersive Card Banner è un gioco da ragazzi. È possibile aggiungerlo direttamente dal back office dell'applicazione GoodBarber seguendo i seguenti passaggi: 1. Accedere al menu **La mia app > Struttura** nel back office. 2. Quindi selezionare la sezione Home e il **widget Card** che si desidera personalizzare. 3. Scegliere il **modello Immersive Card Banner** tra le opzioni di layout disponibili. 4. Personalizzate le immagini e le descrizioni dei vari punti di interesse in base alle vostre esigenze. 5. Salvate, pubblicate e ammirate il risultato! Con pochi clic, potrete trasformare la visualizzazione della vostra mappa in un'esperienza visiva coinvolgente e moderna, che coinvolgerà i vostri utenti e metterà in risalto i vostri contenuti. ![Muriel Santoni](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg) Informazioni sull'autore[Muriel Santoni](https://it.goodbarber.com/blog/author/muriel-santoni/)Marketing Manager Storytelling & GEO in GoodBarber. Do forma alla voce del brand e alla sua visibilità: le storie che raccontiamo, le parole che scegliamo e — sempre di più — il modo in cui emergono nelle risposte delle IA. Storyteller nell'anima, passo le giornate a rendere il nostro app builder no-code facile da trovare e impossibile da dimenticare. [Scopri di più](https://it.goodbarber.com/blog/author/muriel-santoni/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/muriel-santoni-52b26986/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/MurielSantoni)