Localizador de lojas no Elementor: mapa no WordPress

O Elementor não tem um localizador de lojas integrado. Você adiciona um colando o código de incorporação de um fornecedor no widget HTML, ou o shortcode de um plugin no widget Shortcode, na página onde o mapa deve aparecer. Isso vale tanto para dez localizações quanto para duzentas.

O Elementor constrói páginas, não mapas

O Elementor constrói layouts dentro do WordPress. Ele não vem com seu próprio mecanismo de mapas ou geocodificação, então um localizador sempre vem de outro lugar.

Esse outro lugar é um plugin do WordPress que registra um shortcode, ou um widget SaaS que entrega um trecho de HTML pronto. O Elementor documenta um widget Shortcode dedicado para o primeiro caso e um widget HTML para o segundo.

Este guia parte de uma página construída com o Elementor. Se você usa o editor de blocos do WordPress, os passos de instalação são diferentes o suficiente para merecer um guia próprio.

Plugin ou widget SaaS: o que realmente muda

Um plugin de localizador nativo do WordPress normalmente registra um shortcode como [store-locator]. Cole esse shortcode no widget Shortcode e o plugin renderiza o mapa naquele ponto, sem editar PHP ou templates.

Os dados de localização ficam no seu próprio banco de dados WordPress, e o plugin segue o mesmo ciclo de atualizações de qualquer outro plugin do WordPress, então você ou sua hospedagem aplicam as atualizações do plugin e do núcleo para mantê-lo funcionando.

Um localizador SaaS funciona de outra forma: você cria uma conta com o fornecedor, adiciona suas localizações ali e copia o código de incorporação gerado, geralmente um iframe ou um script curto. Cole-o no widget HTML.

Os servidores do fornecedor hospedam os dados de localização e a maior parte das funções do localizador, você não tem nenhum plugin para atualizar, e o custo do seu lado é uma solicitação externa em vez de carga extra na sua própria hospedagem.

Um localizador ausente ou quebrado custa uma visita que nunca aparecerá no seu histórico de pedidos, porque a venda acontece na loja, não no checkout.

Esse risco é o mesmo no Elementor e em qualquer outra plataforma, por isso vale testar antes do lançamento, e não depois de um cliente reclamar.

Como adicionar um localizador de lojas a uma página do Elementor

O processo é o mesmo independentemente do widget escolhido:

1. Reúna nome, endereço, telefone e horário de cada localização em uma planilha; muitos plugins e widgets SaaS aceitam importação de CSV.
2. Decida entre um plugin, em que os dados ficam no seu próprio banco de dados, e um widget SaaS, em que o fornecedor hospeda os dados e a maior parte das funções do localizador.
3. Crie a conta com o fornecedor ou ative o plugin, depois adicione ou importe suas localizações.
4. Copie o shortcode ou o código de incorporação gerado pela ferramenta depois que suas localizações forem adicionadas.
5. No editor do Elementor, arraste um widget Shortcode ou um widget HTML para a página e cole o que você copiou.
6. Defina a seção ou o container ao redor como largura total se o mapa precisar de mais espaço horizontal do que sua coluna de conteúdo padrão.
7. Visualize no desktop e no celular, depois busque um endereço próximo a uma das suas lojas reais para confirmar que o pin e o resultado estão corretos.

O que testar antes de lançar

• Cada endereço da sua lista real é geocodificado para o pin correto, incluindo formatação pouco comum ou CEP ausente?
• O widget precisa da sua própria chave da API do Google Maps e de uma conta de faturamento, ou vem com seu próprio provedor de mapas? Vale a pena ler antes uma análise mais detalhada dessa escolha.
• Um plugin de cache ou minificação no seu site Elementor remove o script que o widget HTML gera? Teste com o cache ativado, não só em uma pré-visualização limpa.
• Se você cancelar, é possível exportar sua lista de localizações, ou ela fica presa no painel do fornecedor?
• Se você quer um widget que evite completamente a etapa da API do Google Maps, o Progus Store Locator funciona pelos dois caminhos descritos aqui, um shortcode para a instalação estilo plugin ou um código de incorporação para o widget HTML, e seus mapas padrão não precisam de chave de API.

Quando está pronto para ir ao ar

Confirme três coisas antes de dizer aos clientes que o recurso existe: cada endereço retorna o pin correto, a busca resolve tanto um CEP parcial quanto completo, e a página carrega em uma velocidade razoável em dados móveis.

Considerações finais

Um localizador de lojas não é uma tarefa de configuração única. Horários mudam, lojas fecham e novos revendedores entram, então trate-o como seu catálogo de produtos: atribua um responsável, não apenas uma construção única.

Teste com sua própria lista de endereços antes de se comprometer com um plano, não com os dados de demonstração do fornecedor. A diferença entre uma demo limpa e uma lista real com formatação inconsistente é onde a maioria dos projetos de localizador trava, tanto em sites Elementor quanto em qualquer outro lugar.