Blog

Mapas com as suas cores

Você escolheu seu tema e ajustou suas cores, fontes e ícones para que o seu app tenha a sua cara. Aí seus usuários abrem o mapa e encontram aquele que conhecem de cor, o mesmo de todos os lugares. Dependendo da sua atividade, é uma tela onde eles passam tempo, e até agora ela não pertencia à sua marca.

PWA Developer

  Atualizado em   5 min de leitura

Talvez você se pergunte o que um mapa com as suas cores muda de verdade. Aqui estão três exemplos, da coerência do seu design à história que você quer que o seu app conte.

Para que tenham a sua cara

Os PWA GoodBarber exibem seus mapas interativos com um dos dois principais fornecedores: Google ou Mapbox. Os dois oferecem ferramentas de personalização muito avançadas para desenhar fundos de mapa com a sua identidade. Agora você pode vincular esses estilos aos seus mapas, e o design do seu app continua coerente.

Essas ferramentas vão além da paleta de cores. Elas deixam você escolher o que fica visível no fundo do mapa, e portanto o que os seus usuários vão ver. No app de campus universitário acima, os prédios e as bibliotecas ganham destaque e o comércio fica oculto: não é isso que os estudantes procuram. Imagine agora o app da sua loja, ou da sua rede de lojas. Ocultar os pontos de interesse padrão é parar de fazer propaganda para a concorrência.

Para criar um clima

Quanto mais marcante é o design do seu app, mais o contraste com um mapa padrão chama a atenção. Pense no app de um festival com uma identidade muito forte. Com um fundo de mapa personalizado, o mapa passa a fazer parte da experiência. Ele mantém só o que importa na noite do evento: os palcos e o transporte. As ruas e as ferrovias ficam roxas e verde neon, com as cores do festival.

Mapa do app Nuit Sonique com um estilo personalizado: fundo noturno, ruas roxas e verde neon, nenhuma loja exibida.O mesmo mapa com o estilo padrão do Google Maps: supermercados, lojas e outros pontos de interesse exibidos.

Comparação entre o estilo padrão do Google Maps e um estilo personalizado

Para contar outra história

As ferramentas de personalização vão além das cores: elas adicionam suas próprias camadas de dados, relevo, rotas. Essas camadas servem de base para os seus conteúdos Mapa do CMS GoodBarber e para os seus arquivos KML importados. O mapa vira então um conteúdo editorial em si, com a mesma ferramenta.

Imagem fixa do vídeo: a rota da Haute Route Corse em um mapa com relevo personalizado com o Mapbox.

Aceite os cookies de estatísticas para assistir a este vídeo do Vimeo.

Para este vídeo, a rota GPX foi importada no Mapbox Studio, estilizada e depois publicada em um estilo totalmente novo. Bastou colar esse estilo nas configurações de mapa de uma seção. O mesmo estilo pode vestir todos os mapas do app, ou só um widget Mapa da página inicial.

É fácil de fazer?

Sim. Você cria seu estilo no fornecedor que preferir: um Map ID no console do Google Cloud, ou uma URL de estilo no Mapbox Studio. Depois você cola no back office, para o app inteiro ou para uma seção Mapa, uma seção Agenda ou um widget Mapa específico. O passo a passo está nos nossos artigos de ajuda: para o Google Maps e para o Mapbox.

Mal podemos esperar para ver os seus mapas. E se você ainda não tem um PWA para expressar a sua criatividade, crie o seu com a GoodBarber, o Mobile App Builder no-code.

Continue lendo

  4 min de leitura

Seu catálogo de imóveis da Meta agora aparece no app da sua imobiliária

Em resumo. Catálogo da Meta, mapa e Catálogo da Meta, anúncios são duas extensões da GoodBarber, o criador de apps sem código, que leem o catálogo “Home listings” de uma imobiliária, o feed XML que ela fornece à Meta para seus anúncios de imóveis. Catálogo da Meta, mapa preenche uma seção de mapa: cada imóvel com localização conhecida vira um marcador com sua própria página, ordenado por distância quando o app sabe onde o usuário está. Catálogo da Meta, anúncios preenche uma seção de artigos com os mesmos imóveis, do mais recente ao mais antigo. Você as conecta com o link do feed do seu catálogo. As duas são gratuitas para os apps Content.As imobiliárias montam esse catálogo para alcançar compradores e inquilinos onde eles passam o tempo. Os apps da Meta foram usados por 3,6 bilhões de pessoas por dia, em média, em junho de 2026, 3% a mais em um ano, segundo os resultados do segundo trimestre de 2026 da Meta publicados em 29 de julho de 2026. Veja como as duas extensões funcionam para uma imobiliária de Hamburgo.

  4 min de leitura

Seus eventos e campanhas da Givebutter agora aparecem no seu app

Em resumo. Givebutter Eventos e Givebutter Campanhas são duas extensões da GoodBarber, o app builder sem código, que leem as campanhas de uma organização na Givebutter. Givebutter Eventos preenche uma seção de agenda com os próximos eventos, com o horário no fuso horário do evento e com o local, a menos que você o compartilhe só com os participantes. Givebutter Campanhas preenche uma seção de artigos com os formulários e as páginas de arrecadação ativos, com a imagem de capa e a descrição. Você as conecta com uma chave de API da Givebutter. Elas são gratuitas para os apps Content: cada seção conta como uma das extensões incluídas no seu plano.Muitas doações já passam pela Givebutter. No Giving Tuesday 2025, os apoiadores doaram US$ 20 milhões pela plataforma, contra US$ 16,4 milhões em 2024, vindos de mais de 93.000 doadores em 16.000 campanhas ativas, segundo o balanço da Givebutter publicado em 8 de dezembro de 2025. Veja como as duas extensões funcionam para um abrigo de animais.

  5 min de leitura

Todos os recursos da GoodBarber, à vista

Em Estrutura, o botão "Adicionar uma seção" abre uma janela que começa com uma pergunta: "O que você quer adicionar?". Logo abaixo, a lista reúne tudo o que a GoodBarber sabe adicionar a um app, organizado pelo que cada item faz por ele: o que adiciona uma seção, o que alimenta uma seção a partir de um serviço que você já usa, o que funciona em segundo plano sem adicionar telas e o que complementa uma seção que já existe. As ideias para criar com o AI Extension Builder têm um grupo só delas.