Blog

[Vídeo Tutorial] Cómo cambiar los iconos del menú de tu app

Al diseñar tu app, muy probablemente debas escoger entre varios modos de navegación.
Algunos de estos modos de navegación incluyen iconos por cada sección individual.
En este vídeo tutorial, os vamos a enseñar cómo:

- Añadir secciones de muestra en tu app para previsualizar la estructura de tu menú.
- Colocar los distintos iconos de tu app una vez elegido el modo de navegación.
- Subir y utilizar tus propios iconos personales.
Puedes escoger y configurar los iconos del menú de tu app desde el menú Diseño de tu backend.

A la derecha, verás los cinco pasos que, a modo de guía, te ayudarán durante el proceso de personalización de tu app.
La configuración de los iconos del menú se encuentra en el primer paso: Menú.

Tras hacer clic, verás todos los temas de navegación disponibles. Sin embargo, no todos ellos incluyen iconos. Sólo los temas: TabBar, Little Swipe, Grid y Classic TabBar incluyen iconos.

Si estás creando el diseño de tu app por primera vez, te recomendamos que continúes con este proceso tras escoger las diferentes secciones de tu menú.

Añade secciones de muestra a tu app para previsualizar la estructura del menú

Para obtener una vista previa rápida de la estructura final de tu menú, puedes añadir secciones de muestra desde el menú Secciones. Haz clic en "Añadir muestra" y escoge uno de los diferentes tipos de secciones de muestra disponibles, como artículos, fotos, vídeos, etc.

Las secciones de muestra te ayudarán a crear tu menú, puesto que sólo deberás preocuparte por el diseño de éste.
Por otro lado, si prefieres centrarte en un primer momento en el número y tipo de secciones que tu app tendrá, deberías dejar modificación de los iconos para el final.

Coloca los distintos iconos de tu app una vez elegido el modo de navegación

Ahora, volviendo atrás al menú del modo de navegación, podrás escoger un modo de navegación que se sirva de iconos, así como configurar los ajustes de dicho modo de navegación. En este apartado también se te permitirá escoger y modificar los iconos.

Al hacer clic en un icono, la librería se desplegará y puedes seleccionar un icono con sólo hacer clic sobre éste.

Cada vez que cambies un icono, podrás ver inmediatamente el resultado en la preview  (vista previa).

Subir y utilizar tus propios iconos personales

Si no quieres servirte de los iconos estandarizados y por el contrario, prefieres subir tus propios iconos, tendrás que abrir la librería de iconos de nuevo, seleccionar la pestaña "Iconos Personales" y subir tus archivos. Pon atención a seguir todos los requisitos. Ha de ser una imagen blanca con fondo transparente en portable networks graphics ( gráficos portátiles de red) o formato .png y debe medir exactamente 260 x 260 píxeles.

Si quieres cambiar los iconos tras haber seleccionado un modo de navegación, haz clic en la pestaña "Editar" situada debajo de la vista previa del tema de navegación seleccionado.

Para aplicar los nuevos iconos a la app, deberás dirigirte al menú "Publicar", después en "Lista de cambios" y hacer clic en "Actualizar Ahora". Verás una lista de todas las modificaciones realizadas y haz clic en "Actualizar".

En cuanto la actualización se haya completado, los nuevos iconos se aplicarán en el menú de tu app.

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.

  5 min de lectura

Mapas con tus colores

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.

  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.