Blog

Mapas con tus colores

Elegiste tu tema y ajustaste tus colores, tus tipografías y tus iconos para que tu app se parezca a ti. Luego tus usuarios abren el mapa y encuentran el que conocen de memoria, el mismo que en todas partes. Según tu actividad, es una pantalla en la que pasan tiempo, y hasta ahora no pertenecía a tu marca.

Quizá te preguntes qué cambia realmente un mapa con tus colores. Aquí tienes tres ejemplos, desde la coherencia de tu diseño hasta la historia que quieres que cuente tu app.

Para que se parezcan a ti

Las PWA de GoodBarber muestran sus mapas interactivos con uno de los dos grandes proveedores: Google o Mapbox. Ambos ofrecen herramientas de personalización muy avanzadas para diseñar fondos de mapa con tu identidad. Ahora puedes vincular estos estilos a tus mapas, y el diseño de tu app sigue siendo coherente.

Estas herramientas van más allá de la paleta de colores. Te dejan elegir lo que queda visible en el fondo de mapa, y por tanto lo que verán tus usuarios. En la app de campus universitario de arriba, los edificios y las bibliotecas destacan y los comercios están ocultos: no es lo que buscan los estudiantes. Imagina ahora la app de tu tienda, o de tu red de tiendas. Ocultar los puntos de interés por defecto es dejar de hacer publicidad a la competencia.

Para crear un ambiente

Cuanto más marcado es el diseño de tu app, más llama la atención el contraste con un mapa estándar. Piensa en la app de un festival con una identidad muy fuerte. Con un fondo de mapa personalizado, el mapa se convierte en parte de la experiencia. Solo conserva lo que cuenta la noche del evento: los escenarios y el transporte. Las carreteras y las vías de tren se tiñen de violeta y verde neón, con los colores del festival.

Mapa de la app Nuit Sonique con un estilo personalizado: fondo nocturno, carreteras en violeta y verde neón, sin comercios.El mismo mapa con el estilo de Google Maps por defecto: supermercados, tiendas y otros puntos de interés visibles.

Comparación entre el estilo de Google Maps por defecto y un estilo personalizado

Para contar otra historia

Las herramientas de personalización van más allá de los colores: añaden sus propias capas de datos, relieve, rutas. Estas capas sirven de base a tus contenidos Mapa del CMS de GoodBarber y a tus archivos KML importados. El mapa se convierte así en un contenido editorial en sí mismo, con la misma herramienta.

Imagen fija del vídeo: la ruta de la Haute Route Corse en un mapa con relieve personalizado con Mapbox.

Para este vídeo, la ruta GPX se importó en Mapbox Studio, se estilizó y se publicó en un estilo completamente nuevo. Bastó con pegar este estilo en los ajustes de mapa de una sección. El mismo estilo puede vestir todos los mapas de la app, o solo un widget Mapa de la página de inicio.

¿Es fácil de hacer?

Sí. Creas tu estilo en el proveedor que prefieras: un Map ID en la consola de Google Cloud, o una URL de estilo en Mapbox Studio. Después lo pegas en el back office, para toda la app o para una sección Mapa, una sección Agenda o un widget Mapa en concreto. El procedimiento paso a paso está en nuestros artículos de ayuda: para Google Maps y para Mapbox.

Tenemos muchas ganas de ver tus mapas. Y si todavía no tienes una PWA para expresar tu creatividad, crea la tuya con GoodBarber, el Mobile App Builder no-code.

Sigue leyendo

  4 min de lectura

Tu catálogo inmobiliario de Meta ya aparece en la app de tu agencia

En resumen. Catálogo de Meta, mapa y Catálogo de Meta, anuncios son dos extensiones de GoodBarber, el creador de apps sin código, que leen el catálogo «Home listings» de una agencia, el feed XML que entrega a Meta para sus anuncios inmobiliarios. Catálogo de Meta, mapa llena una sección de mapa: cada inmueble con una posición conocida se convierte en un marcador con su propia ficha, ordenado por distancia cuando la app conoce la posición del usuario. Catálogo de Meta, anuncios llena una sección de artículos con los mismos inmuebles, del más reciente al más antiguo. Las conectas con el enlace del feed de tu catálogo. Ambas son gratuitas para las apps Content.Las agencias crean este catálogo para llegar a compradores e inquilinos allí donde pasan su tiempo. Las apps de Meta las usaron 3.600 millones de personas al día de media en junio de 2026, un 3 % más en un año, según los resultados del segundo trimestre de 2026 de Meta publicados el 29 de julio de 2026. Así funcionan las dos extensiones para una agencia de Hamburgo.

  4 min de lectura

Tus eventos y campañas de Givebutter ya aparecen en tu app

En resumen. Givebutter Eventos y Givebutter Campañas son dos extensiones de GoodBarber, el creador de apps sin código, que leen las campañas de una organización en Givebutter. Givebutter Eventos llena una sección de agenda con los próximos eventos, a su hora en la zona horaria del evento, con su lugar, salvo que lo compartas solo con los asistentes. Givebutter Campañas llena una sección de artículos con los formularios y las páginas de recaudación activos, con su imagen de portada y su descripción. Las conectas con una clave API de Givebutter. Son gratuitas para las apps Content: cada sección cuenta como una de las extensiones incluidas en tu plan.Muchas donaciones ya pasan por Givebutter. En el Giving Tuesday de 2025, los simpatizantes donaron 20 millones de dólares en la plataforma, frente a los 16,4 millones de 2024, con más de 93 000 donantes en 16 000 campañas activas, según el balance de Givebutter publicado el 8 de diciembre de 2025. Así funcionan las dos extensiones para un refugio de animales.

  5 min de lectura

Todas las funcionalidades de GoodBarber, a la vista

En Estructura, el botón «Añadir una sección» abre una ventana que empieza con una pregunta: «¿Qué quieres añadir?». Debajo, la lista reúne todo lo que GoodBarber puede añadir a una app, ordenado según lo que cada elemento le aporta: lo que añade una sección, lo que llena una sección desde un servicio que ya usas, lo que funciona en segundo plano sin añadir pantallas y lo que completa una sección que ya tienes. Las ideas que se construyen con el AI Extension Builder tienen su propio grupo.