--- title: "Adicionar uma seção CMS Mapa" description: "1. No menu swipe à esquerda, acesse Meu App > Estrutura 2. Clique no botão verde \"Adicionar uma seção\" na coluna da direita 3. Adicione uma seção de m" canonical_url: "https://pt.goodbarber.com/help/adicionar-mapas-e-pontos-de-interesse-r11/adicionar-uma-secao-cms-mapa-a25/" lang: pt --- # Adicionar uma seção CMS Mapa Source: https://pt.goodbarber.com/help/adicionar-mapas-e-pontos-de-interesse-r11/adicionar-uma-secao-cms-mapa-a25/ ## 1. Adicione uma seção Mapa 1. No menu swipe à esquerda, acesse Meu App > Estrutura 2. Clique no botão verde "Adicionar uma seção" na coluna da direita 3. Adicione uma seção de mapa escolhendo "Mapa" 4. Dê-lhe um título 5. Clique em "**Adicionar**" ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-27897901.jpg?v=1781622140.316946) ## 2. Adicione um ponto 1. Clique nos 3 pontos na lista da sua seção, e "Editar o conteúdo" ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-28408530.jpg?v=1781622140.324946) 2. Clique no botão verde "Criar um ponto" na coluna principal 3. Dê-lhe um **título** 4. Defina uma **localização** *2 possibilidades:* **- Preencha o endereço primeiro e escolha a sua localização na lista suspensa.** *Se o endereço que você está a usar puder ser geolocalizado pelo Google Maps, ele aparecerá no campo de entrada e a latitude e a longitude serão inseridas automaticamente.* Nota: *neste caso, você não poderá alterar o formato do endereço, pois ele é gerenciado automaticamente.* **- Preencha a latitude e longitude e preencha o endereço manualmente -**sem escolher nenhuma opção na lista suspensa. Nota: *Com este método, você pode definir o formato desejado para o endereço.* ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-28408592.jpg?v=1781622140.332946) ## 3. Como obter coordenadas GPS no Google Maps 1. Acesse a plataforma**Google Maps** [https://maps.google.com](https://maps.google.com/) 2. **Passe o mouse** sobre o ponto no mapa que você deseja georreferenciar. 3. **Clique** no ponto Uma bolha de informação irá aparecer com a**latitude** e **longitude** do ponto. ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-27897902.jpg?v=1781622140.3449461) ## 4. Estado de publicação do seu ponto O botão no canto inferior direito do seu ecrã permite-lhe selecionar o estado de publicação do seu ponto: - **Publicar**: O seu ponto estará imediatamente visível aos seus usuários. - **Rascunho**: O seu ponto será guardado, mas não visível ao seus usuários. - **Não publicado**: O seu ponto será guardado, mas não visível aos seus usuários. Este estado pode ser útil para informar os membros da sua equipe que o conteúdo tem de ser revisto antes da sua publicação, por exemplo. ​- ​**Programar:** Agendar o horário de publicação ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-27897903.jpg?v=1781622140.348946) ## 5. Aba Informação 1. Acesse a coluna da direita e clique na aba **Informação** 2. Selecione a **seção ou categoria** onde seu ponto irá aparecer no app. *Um mesmo ponto pode aparecer em seções ou categorias diferentes exibindo o mesmo tipo de conteúdo. No exemplo, o ponto será exibido na seção Mapa CMS (categorias principais) e também na categoria 2.* ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-27897904.jpg?v=1781622140.3569462) 3. **Defina seus botões de ação**: faça uma chamada para um número de telefone ou escreva para um endereço de e-mail 4. **Adicione um link** para um site externo ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-28408782.jpg?v=1781622140.3609462) 5. **Defina o estilo do seu ícone**: - escolha entre os diferentes estilos de ícones fornecidos *ou* - carregue um ícone pessoal* 6. **Aplique uma cor** ao seu ícone​ **Nota: Se você carregar um ícone pessoal, deve absolutamente seguir todos estes requisitos* *: - O ficheiro tem de estar em formato PNG. - O formato tem de ser entre 150 x 150 px e 150 x 300 pixels. - O ícone tem de ser totalmente branco (FFFFFF) e o fundo tem de ser transparente. O ponto de ancoragem do ícone tem de estar no centro do PNG.* ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-27897905.jpg?v=1781622140.3689463) ## 6. Aba SEO 1. Opcional: editar [o slug](https://pt.goodbarber.com/help/otimizar-o-seo-do-pwa-r105/configurar-a-reescrita-de-url-e-slugs-a290/) 2. Opcional: editar as [meta tags](https://pt.goodbarber.com/help/otimizar-o-seo-do-pwa-r105/configurar-meta-tags-para-o-seo-do-pwa-a266/) padrão 3. Opcional: editar a [meta tag de descrição](https://pt.goodbarber.com/help/otimizar-o-seo-do-pwa-r105/configurar-meta-tags-para-o-seo-do-pwa-a266/) padrão ![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038030-27897906.jpg?v=1781622140.3769462) ## 7. Permitir que os usuários alterem as unidades de distância 1. Adicione uma [seção Configurações](https://pt.goodbarber.com/help/criar-secoes-praticas-r15/adicionar-uma-secao-de-configuracoes-no-app-a26/) ao seu app: Os usuários poderão escolher a partir desta seção do seu app exibir as unidades de distância em milhas ou quilômetros no mapa. ## 8. Configurações das seções 1. Acesse **Meu App > Estrutura** 2. Clique nos 3 pontos ao lado da sua seção 3. Clique em "**Configurações**": - Ordene os seus pontos por distância, data, ordem alfabética ou mais comentados - Ativar comentários etc.​ Para obter mais detalhes sobre o menu de configurações de uma seção, consulte esta ajuda on-line: [Configurações das seções CMS](https://pt.goodbarber.com/help/organizar-seu-conteudo-r93/configurar-os-ajustes-das-secoes-a116/) **IMPORTANTE: Apenas os primeiros 48 pontos do mapa serão exibidos, quando a página Mapa é aberta pela primeira vez no app.** Você tem que **percorrer a lista para baixo para carregar os próximos 48 pontos, de forma a que surjam no mapa.** Tem que repetir o processo para as seguintes 48 localizações e por aí adiante. ## 9. Vídeo tutorial ***Nota:** Os menus foram alterados no back office, mas o comportamento explicado no vídeo ainda é válido.* [Video](https://www.youtube.com/watch?v=xMPFguLySm0)