Pular para o conteúdo principal

WP Location Finder: Configuração da API de Mapa

1. Como criar uma API de mapas?

1.1 Obtenha a chave da API do Google Maps e os serviços da API

Sempre que usar as APIs do Google Maps, se o seu domínio tiver sido criado após 22 de junho de 2016, você precisará incluir uma chave para validar sua solicitação.
Obtenha uma chave e habilite a API: https://developers.google.com/maps/documentation/javascript/get-api-key

Mais informações: https://developers.google.com/maps/documentation/javascript/usage?hl=en

Primeiro, acesse o console do Google Cloud , selecione um projeto ou crie um novo. Em seguida, clique no botão "+ Criar credenciais" "Chave de API" .

 

criar-chave-api

 

Em seguida, siga o próximo passo e clique no Criar para obter uma nova chave de API. Salve-a para a próxima etapa.

 

chave-api-criada

 

Além disso, alguns serviços de API obrigatórios precisam ser ativados. No Console do Google, acesse APIs e serviços e encontre-os conforme mostrado abaixo:

  • API JavaScript de mapas
  • API de geocodificação
  • API de Geolocalização
  • API de Locais
  • API de direções

 

ativar-serviços-de-api

 

1.2 Como criar um ID do Google Maps?

Para criar um ID de mapa, acesse a de gerenciamento de mapas . Clique no botão " Criar ID de mapa"

 

criar-novo-id-do-mapa

 

Em seguida, na página Criar novo ID de mapa, faça o seguinte:

  • Nome: insira o nome do ID do mapa.
  • Descrição: descreva para que serve o ID do mapa (Opcional)
  • Tipo de mapa: selecione JavaScript e escolha também um tipo de mapa Raster (o padrão) ou Vetorial.

 

novos campos de ID de mapa

 

Lembre-se de clicar no Salvar para exibir seu novo ID de mapa. Guarde-o para suas configurações.

 

mapa-id-criado

 

Observação: um ID de mapa é um identificador exclusivo que representa o estilo e as configurações do Google Maps armazenadas no Google Cloud. Use o ID de mapa "DEMO_MAP_ID" para fins de teste, caso você não tenha um ID de mapa.

 

1.3 Como criar um token do OpenStreetMap?

Comece por visitar este link para se registar e criar uma nova conta ou para iniciar sessão na sua conta existente. Este passo é essencial para gerar quaisquer tokens de acesso.

Após efetuar o login com sucesso, procure a "Tokens de Acesso" nas configurações do usuário ou no menu da conta e selecione-a. Na área de Tokens de Acesso, localize e selecione a "Criar Token de Acesso" para iniciar o processo de geração do token. Todos os campos para criação do token estarão visíveis diretamente na página Tokens de Acesso. Para criar seu token:

  • Insira um nome descritivo no "Rótulo" para ajudar a identificar este token posteriormente.
  • Deixe os dois campos adicionais abaixo em branco (as configurações padrão são suficientes para a maioria dos usuários)
  • Clique no "Criar" para gerar seu novo token de acesso.

 

token de acesso

 

Seu novo token de acesso será exibido assim que for criado. Certifique-se de copiar este token e armazená-lo em local seguro, pois você o utilizará nas etapas de configuração subsequentes.

 

gerado por token

 

2. Seção de configurações principais

Fornecedor de mapas

Acesse Menu Localizador > Configurações > Configurações principais para configurar suas preferências de provedor de mapas. Você encontrará duas opções de provedor de mapas disponíveis: Google e OpenStreetMap .

Se você escolher o Google Maps como seu provedor, precisará configurar os seguintes campos obrigatórios com as credenciais das etapas de configuração anteriores:

  • Chave da API do Google Maps: Caso não saiba como criar uma nova chave de API, retorne à Etapa 1.1.
  • ID do mapa: Um ID de mapa é um identificador exclusivo que representa o estilo e as configurações do Google Maps armazenadas no Google Cloud.
    É obrigatório ter um, mas você pode manter o padrão (DEMO_MAP_ID) se não precisar dele.
  • Zoom padrão do mapa: Nível de zoom padrão no mapa ao ser carregado pela primeira vez (defina o zoom automático como 0).
  • Tipos de mapas: Rodoviário, Satélite, Híbrido, Terreno.
  • Camadas do mapa: KML, Trânsito, Transporte público, Ciclismo.

 

configurações de preenchimento

 

Se você selecionar o OpenStreetMap como seu provedor, precisará inserir o token de acesso obtido na Etapa 1.3 :

  • Token de acesso para geocodificação: O Token de Acesso do LocationIQ é necessário para a funcionalidade de preenchimento automático de endereços.
  • Zoom padrão do mapa: Nível de zoom padrão no mapa ao ser carregado pela primeira vez (defina o zoom automático como 0).
  • Tipo de mapa: Padrão, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Camada de mosaico personalizada: Insira sua camada personalizada.

 

Provedor OpenStreetMap

 

Após configurar as definições do seu provedor de mapas, você descobrirá diversos recursos de personalização que funcionam tanto com o Google Maps quanto com o OpenStreetMap para aprimorar a funcionalidade do seu mapa e a experiência do usuário:

  • Pesquisa por nome de local
  • Exibir filtro de categoria
  • Exibir filtro de país
  • Exibir filtro de raio
  • Unidade de distância: km/mi
  • Distância para pesquisa por raio: Distância na ferramenta de pesquisa por raio
  • Exibir filtro de etiqueta
  • Abra os detalhes da localização em uma nova aba

 

configurações detalhadas do mapa

 

Exibição do mapa

Os locais que você criou serão exibidos no mapa na Configurações .

 

configuração de exibição do mapa

     

    Imagem colorida e com marcador

    Você pode ajustar a cor e a imagem do marcador padrão aqui.

     

    configuração de marcador de cor de localização

    Localização única

    • Adicionar campos para cada loja: Adicione campos específicos para cada local, como nome da loja e horário de funcionamento.

     

    3. Configurações de IA

    Para usar esse recurso, acesse Configurações do Plugin > Configurações de IA > aba Preços para obter créditos. Clique no Obter Créditos de IA Agora e conclua o processo de compra.

     

    obter-crédito-de-IA

     

    Após adquirir créditos, retorne a Configurações de IA > guia Configurações > seção Limites de duração do conteúdo para configurar as seguintes opções:

    • Comprimento máximo do título gerado por IA: Defina o número máximo de palavras para os títulos gerados.
    • Extensão da descrição por IA: Defina o número máximo de palavras para as descrições geradas.

     

    plano de configuração de IA

     

    Na de configurações globais de IA , você pode personalizar o idioma do conteúdo gerado por IA. Ative a opção "Cota de IA na barra superior" para exibir seus créditos restantes na barra superior do WordPress.

     

    crédito-na-barra-superior

     

    Após a configuração, você poderá acessar o recurso de Otimização por IA na visualização " Todos os locais" "Otimização por IA" na parte superior da página e, em seguida, selecione o "Gerar" na janela pop-up para criar ou preencher automaticamente os dados de SEO.

     

    botão de otimização de IA

     

    4. Locais de importação/exportação

    Locais de importação

    Para começar a importar seus locais, acesse Menu Localizador de Locais > Configurações > seção Importar. Escolha seu CSV ou KML no campo apropriado, de acordo com o formato dos seus dados.

     

    locais de importação

     

    Precisa de um modelo? Basta clicar no Baixar arquivo CSV de exemplo" para obter nosso arquivo de exemplo e ver o formato correto. Você também pode marcar a "Atualizar locais existentes, se houver correspondência, ou adicionar novos locais que não existam" se quiser atualizar seus dados atuais enquanto adiciona novas entradas.

    Locais de exportação

    Quando estiver pronto para exportar suas localizações existentes, acesse a Exportar . Lá, basta clicar no "Exportar para CSV" ou "Exportar para KML", dependendo do formato desejado.

     

    locais de exportação

     

    Sincronização

    Para configurar a sincronização automática de arquivos CSV, acesse Configurações e, em seguida, Importar/Exportar > guia Sincronização para selecionar seu arquivo CSV na Biblioteca de Mídia. Ative a "Ativar sincronização automática" e especifique a frequência de atualização desejada no "Intervalo de sincronização (minutos)" .

    O sistema importará automaticamente os dados nos intervalos escolhidos, atualizando as localizações existentes quando forem encontradas correspondências e criando novas entradas para dados adicionais.

     

    locais de sincronização

     

    5. Controle de acesso

    Para gerenciar as permissões de localização (criar, editar, excluir, publicar) para cada função de usuário, acesse Configurações > Controle de acesso .

     

    controle de acesso

     

    WP Location Finder: Instalação

    1. Instalar

    Para instalar nosso plugin, você deve usar o instalador padrão do WordPress ou descompactar e colocar toda a pasta em /wp-content/plugin.

     

    plugin de upload

     

    Em seguida, clique em ativar plugin para que WP Location Finder apareça no menu à esquerda do WordPress.

    WP Location Finder pode ser acessado através de um menu dedicado à esquerda. 

    A partir de agora, certifique-se de fazer login em sua conta JoomUnited antes de usar o plugin.

     

    licença de login do Joomunite

     

    2. Atualize o plugin

     

    Para atualizar o WP Location Finder , você pode usar o atualizador padrão do WordPress. Você também pode remover e instalar a nova versão a partir de um arquivo .zip baixado em www.joomunited.com. Em qualquer caso, você não perderá nenhum conteúdo, pois tudo está armazenado no banco de dados.

     

    wp-location-finder-install

     

    Certifique-se de sempre ter a versão mais recente para evitar problemas de segurança e estabilidade.

    Para atualizar a versão paga, você precisa fazer login na sua conta JoomUnited. Se ainda não fez login, basta clicar no link "Conecte sua conta JoomUnited para atualizar" ou "Login JoomUnited"

     

    wp-location-finder-update

     

    Insira seu login e senha da conta JoomUnited. Após o login bem-sucedido, o "atualizar agora" aparecerá, onde você poderá clicar para atualizar para uma nova versão.

     

    wp-location-finder-update

     

    Por fim, você poderá atualizar todos os plugins comerciais da JoomUnited a partir da versão padrão do WordPress.

     

    wp-local-finder-atualizado

     

    WP Location Finder: Configuração de pesquisa e localização

    1. Crie um local

    Para criar um novo local, acesse Localizador de locais > Todos os locais. Clique no botão Adicionar novo local"

     

    adicionar-novo-local

     

    Em seguida, a página Adicionar Novo Local será exibida, com dois painéis principais: à esquerda, o campo de detalhes e, à direita, o mapa. Abaixo, encontram-se os campos onde você pode inserir ou selecionar valores.

     

    • Nome do local: insira o nome do endereço.
    • O URL será gerado após a publicação.
    • Descrição da localização: 
    • Pesquisa de localização: Digite um endereço no campo de pesquisa para obter os valores de latitude e longitude.

     

    adicionar-novo-campo-de-localização

     

    Como alternativa, utilize a seção de entrada manual de endereço abaixo do mapa - clique na seta para expandir todos os campos.

     

    entrada manual de endereço

     

    Deslize para baixo para obter opções mais detalhadas sobre a localização.

    • Imagem em destaque: escolha uma imagem que represente o local.
    • Galeria de imagens: faça upload de imagens para o local.
    • Imagem do marcador: selecione no conjunto de ícones ou carregue seu próprio ícone.

     

    localização do ícone da imagem

     

    • URL de contato de localização
    • URL de substituição de localização
    • Etiquetas: etiqueta de localização de entrada.
    • Título de SEO de localização
    • Descrição meta de SEO de localização

     

    detalhes de localização

     

    Em seguida, você pode selecionar uma ou várias categorias para o local.

     

    selecionar-categoria-de-localização

     

    Em seguida, na seção Publicar, você pode definir estes campos:

    • Status: escolha uma das 3 opções: Rascunho, Aguardando revisão, Publicado
    • Visibilidade: Pública, Protegida por senha, Privada
    • Data de publicação: Imediatamente, Publicação programada
    • Código curto: use-o para publicar em qualquer lugar do seu site.

     

    seção de publicação de localização

     

    Campos de armazenamento

    Para usar esse recurso para exibir o horário de funcionamento aos clientes, primeiro você precisa habilitar a opção nas configurações. Depois disso, você poderá ver a "Campos da loja" ao criar um novo local.

     

    campo de loja de localização única

     

    Localização da pré-visualização

    Para visualizar uma prévia da sua localização na interface pública, basta acessar a Publicar e clicar no botão Visualizar"

     

    localização de pré-visualização

     

    2. Gerador de código curto

    Para gerar um código curto para o mapa, acesse Menu Localizador > Gerador de código curto. Você pode definir algumas opções abaixo em Tipo de visualização :

    • Pesquisa de localização: [wplf type_of_view="location_search" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Somente visualização de mapa: [wplf type_of_view="map_view" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Localização única: [wplf id="578" map_zoom="Auto"]
    • Formulário de submissão do frontend: [wplf_submission]
    • Minhas localizações (frontend): [wplf_my_locations items_per_page="8"]

     

    gerador de código curto - pesquisa de localização

     

    Com base no tipo de visualização selecionado, será exibida uma pré-visualização mostrando como ficará no front-end. O código curto gerado aparecerá no canto inferior esquerdo, e você poderá copiá-lo e inseri-lo em qualquer lugar da sua página.

     

    3. Categorias de localização

    Para gerenciar as categorias de localização, acesse Menu Localizador de Locais > Categorias de Localização.  Nesta seção, você pode gerenciar suas categorias de localização facilmente — adicionando, editando ou removendo-as conforme necessário!

     

    adicionar categorias de localização

     

    4. Etiquetas de localização

    Para gerenciar as etiquetas de localização, acesse Menu Localizador > Etiquetas de Localização. Nessa seção, você pode gerenciar suas etiquetas de localização facilmente — adicione, edite ou remova-as conforme necessário!

     

    adicionar-etiquetas-de-localização