---
title: "Map Widget: Discover the Immersive Card Banner template for optimized display"
description: "At GoodBarber, we're always looking for innovative ways to enhance the user experience and let your content shine at its best. Today, we're delighted to introdu"
canonical_url: "https://www.goodbarber.com/blog/map-widget-discover-the-immersive-card-banner-template-for-optimized-display-a1408/"
lang: en
date: 2024-10-29
last_updated: 2024-10-29
---

# Map Widget: Discover the Immersive Card Banner template for optimized display

![](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg)

[Muriel Santoni](https://www.goodbarber.com/blog/author/muriel-santoni/)Marketing Manager

Oct 29, 2024 · 2 min read

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/83818536-59928438.jpg?v=1730195939.949698)

At GoodBarber, we're always looking for innovative ways to enhance the user experience and let your content shine at its best. Today, we're delighted to introduce a new feature: the **Immersive Card Banner template** for the **Map widget**.

 If you already use interactive maps in your app, you'll know how valuable this section can be for providing fluid, visual navigation. Maps are vital in guiding your users, whether you're highlighting physical locations such as stores, events, or tourist sites. With the Immersive Card Banner template, we're taking the next step by offering an even more dynamic and visually appealing experience.

## What is the Immersive Card Banner template?

The **Immersive Card Banner** template is a new layout option for your Map widgets, designed to offer an elegant, modern display of your points of interest. This template allows you to display key information in an immersive way, thanks to an eye-catching visual and associated text, all in a layout optimized to capture users' attention.

- **Large-format images**: Your maps now benefit from large images, which offer immediate visual impact and better promote the places or events you want to highlight.
- **Text overlay**: Descriptive text is cleverly integrated into the image so your users can quickly understand what it's all about without taking their eyes off the main visual.
- **Smooth navigation**: Users can easily navigate between points by scrolling horizontally, creating an immersive experience that encourages them to explore further.

Adopting this new template means giving your users access to a **fluid, interactive experience** with a striking visual that makes navigating your map even more enjoyable. By optimizing the presentation of your locations or events, you not only improve the aesthetics of your app or website but also facilitate user engagement.

Thanks to the **intelligent layering of** images and text, you can offer a professional presentation that encourages exploration while remaining intuitive.

## How to integrate the Immersive Card Banner template into your Map widgets?

Integrating the Immersive Card Banner template is very easy. You can add it directly from the back office of your GoodBarber app by following these steps:

1. Go to the **My App> Structure** menu in your back office.
2. Then select the Home section and the **Map widget** you wish to customize.
3. Choose the **Immersive Card Banner template** from the available layout options.
4. Customize the visuals and descriptions of the various points of interest to suit your needs.
5. Save, publish, and enjoy!

With just a few clicks, you can transform your map display into an immersive, modern visual experience that engages your users while showcasing your content.

![](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg)

About the author

Muriel Santoni

Marketing Manager

Storytelling & GEO at GoodBarber.

I drive the brand's voice and its visibility: the stories we tell, the words we choose, and — increasingly — how they surface in AI answers. A storyteller at heart, I spend my days making our no-code app builder easy to find and hard to forget.

[More from Muriel](https://www.goodbarber.com/blog/author/muriel-santoni/)[LinkedIn](https://www.linkedin.com/in/muriel-santoni-52b26986/)[X](https://www.linkedin.com/in/muriel-santoni-52b26986/)