Blog

Video Tutorial - Seção Mapa

  Atualizado em   2 min de leitura

Uma das ferramentas mais importantes que disponibilizamos na nossa plataforma é a seção Mapa. Podes usar esta seção para criar diretórios de geolocalização de produtos, serviços ou customizar a tua própria seção do mapa (caso tenhas conhecimentos de programação). Podes ainda recorrer à opção de  mCMS que é a seção que vamos explicar ao detalhe neste tutorial. 

 
A primeira coisa a fazer é escolher um nome para a seção Mapa. Tens a escolha entre o mCMS ou adicionar uma fonte externa de conteúdo todavia, o propósito do vídeo é mostrar como funciona o mCMS. 

Posteriormente vais ser direccionado para um menu onde poderás adicionar pontos no mapa. 

Para cada ponto, terás de colocar um endereço na caixa designada para este efeito  - Latitude e Longitude serão automaticamente inseridos. 

Adiciona pontos de interesse

Podes tornar os pontos do mapa ainda mais interessantes adicionando texto, imagens, videos, assim como botões de call to action. É uma excelente opção para promover o website, número de telefone ou email e facilitar o contacto direto dos users com o teu negócio. 

Por defeito, a opção "Obter Direções" vai aparecer e redireccionar os users da app para um ecrã externo de acordo com o tipo de dispositivo que estão a usar. Depois, poderão aceder às indicações detalhadas até ao destino. 

Customiza

Se pretendes customizar o ícone que vais inserir em casa ponto, tens a opção de escolher entre os ítens que providenciamos na GoodBarber (podes ajustar a cor) ou fazer o upload do teu próprio ícone. Podes usar a tua própria imagem, certifica-te que é branca no formato .png com background transparente, de tamanhos entre os 150x150 e os 150x300 px. 

Uma das imagens que adicionares será disparada na lista por default. 
Já está! Publica o teu conteúdo e volta atrás para adicionar os pontos que quiseres. Assim que terminares o processo de adicionar pontos de localização, podes começar a adicionar funcionalidades extra e curtimos-las. Podes implementar ferramentas de pesquisa, ativar Disqus Comments, organizar o conteúdo em categorias, etc. 

Podes organizar o conteúdo das seguintes formas:
- Alfabética
- Mais visto
- Mais comentados
-Por distância 

Ao clicar em "Lista de localizações" podes escolher se queres que os teus pontos sejam apresentados no formato lista, customizar o background, títulos e configurar os thumbnails apresentados. 


 
Como sempre, não te esqueças de clicar no botão verde "Atualizar a App" no topo do lado direito para salvar as alterações. 
 
Traduzido por Catarina Crespo

Continue lendo

  7 min de leitura

Como regular as bordas na minha app?

No GoodBarber, cada célula, widget e campo já tem a sua borda de 1 px. Dê-lhe uma cor, uma espessura de 1, 2 ou 4 px, ou um só lado sob um título.

  4 min de leitura

O novo back office da GoodBarber: mais clareza para criar seu app

Tudo começa pelo design. Uma nova tipografia, Plus Jakarta Sans, um azul para a interface, um verde reservado ao que publica e valida, cantos suavizados, sombras suaves e ícones redesenhados. O conjunto se lê com calma, e cada cor tem um papel: o azul guia, o verde confirma.Em My App, a pré-visualização do seu app ocupa o centro da tela e as configurações ficam reunidas em um painel à direita. Você edita de um lado, vê o resultado do outro, e seu app continua diante dos seus olhos durante todo o trabalho.