--- title: "Adicionar uma seção CMS Localizador de Lojas" description: "A extensão localizador de loja da GoodBarber permite que você exiba a localização de suas lojas no seu aplicativo de compras e ajuda seus clientes a encontrá-lo" canonical_url: "https://pt.goodbarber.com/help/shop/exibir-pontos-de-venda-em-um-mapa-r142/adicionar-uma-secao-cms-localizador-de-lojas-a25/" lang: pt --- # Adicionar uma seção CMS Localizador de Lojas Source: https://pt.goodbarber.com/help/shop/exibir-pontos-de-venda-em-um-mapa-r142/adicionar-uma-secao-cms-localizador-de-lojas-a25/ A extensão localizador de loja da GoodBarber permite que você exiba a localização de suas lojas no seu aplicativo de compras e ajuda seus clientes a encontrá-lo facilmente, simplificando a experiência de compra. Com esta extensão, você pode adicionar seções de mapas ao seu aplicativo de compras. **Instale a extensão:** 1. Vá para o menu **Loja de Extensões > Todas Extensões > Localizador de Loja** 2. Clique em "**Instalar**" ## 1. Adicione uma seção de Mapa 1. No menu deslizante para a esquerda, vá para **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**" nos itens de conteúdo. 4. Dê um título a ele 5. Clique em "**Adicionar**" ## 2. Adicione um ponto 1. Clique nos 3 pontos em sua lista de seções e, em seguida, em "Editar o conteúdo" ![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/34458486-44310903.jpg?v=1782309536.9361289) 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á usando 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/1878443/art/default/34458486-31505834.jpg?v=1782309536.952129) ## 3. Como adquirir 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/1878443/art/default/34458486-31505835.jpg?v=1782309536.9601288) ## 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. - **Salvar rascunho**: O seu ponto será guardado, mas não visível aos 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/1878443/art/default/34458486-31505836.jpg?v=1782309536.968129) ## 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/1878443/art/default/34458486-31505837.jpg?v=1782309536.976129) 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/1878443/art/default/34458486-31505838.jpg?v=1782309536.984129) 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/1878443/art/default/34458486-31505839.jpg?v=1782309536.992129) ## 6. Aba SEO 1. Opcional: edite o [slug](https://pt.goodbarber.com/help/shop/otimizar-o-posicionamento-seo-do-pwa-r105/configurar-a-reescrita-de-url-e-slugs-a290/) 2. Opcional: edite a [tag de título](https://test47pwa.goodbarber.com/manage/settings/help/0/266/) [https://pt.goodbarber.com/help/shop/otimizar-o-posicionamento-seo-do-pwa-r105/configurar-meta-tags-para-o-seo-do-pwa-a266/](https://pt.goodbarber.com/help/shop/otimizar-o-posicionamento-seo-do-pwa-r105/configurar-meta-tags-para-o-seo-do-pwa-a266/) 3. Opcional: edite a [tag de meta descrição](https://pt.goodbarber.com/help/shop/otimizar-o-posicionamento-seo-do-pwa-r105/configurar-meta-tags-para-o-seo-do-pwa-a266/) ![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/34458486-31505840.jpg?v=1782309537.000129) ## 7. Permitir que os usuários alterem as unidades de distância 1. Adicione uma [seção Configurações](https://pt.goodbarber.com/help/shop/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 online: **[Configurações das seções CMS](https://pt.goodbarber.com/help/shop/organizar-seu-conteudo-r121/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.