Marca consistente
Aplique cores, tipografia, raios, espaçamentos e estilos de mapa para transformar localizador em extensão natural do seu site.
Customização
Editor visual de tema para localizadores
Personalize layout, mapa, pins e identidade visual do seu localizador com preview WYSIWYG na mesma tela.
Preview WYSIWYG com mapa visível
Layouts diferentes para desktop e mobile
Pins padrão e promovidos personalizados
Salvar rascunho, publicar ou descartar
Screenshot real do editor visual mostrando visualização WYSIWYG com mapa, filtros, resultados e painel de customização na mesma tela.
Screenshot real do localizador público mostrando mapa, busca e card de resultado já com customizações refletidas na experiência final.
Visão geral
Controle visual completo do localizador, sem perder velocidade
O editor de tema do ShopMaply foi criado para times de marketing, operações e produto que querem alinhar o localizador à marca sem abrir tickets para cada ajuste. Você escolhe estrutura, ajusta tokens visuais, testa no mapa e publica quando estiver pronto.
Decisão rápida
Preview ao vivo mostra resultado no mapa, nos cards, nos filtros e no modal do local selecionado enquanto você edita.
Mais contexto por dispositivo
Desktop e mobile podem ter visibilidade, posição e largura de painéis diferentes para acomodar jornada real de cada tela.
Menos risco na publicação
Undo, redo, rascunho local, salvar rascunho no backend, publicar e descartar ajudam times a iterar sem medo.
Itens customizáveis
Tudo que pode ser ajustado na interface pública
Página pública do localizador aceita personalização de identidade visual, componentes e comportamento visual. Estes são os grupos expostos hoje no editor e no painel de tema.
Cores e tipografia
- Cor primária
- Cor secundária
- Cor de fundo da página
- Família de fonte
- Tamanho base da fonte
- Tamanho da fonte do título
Painel de título e resumo
- Cor de fundo do hero
- Cor do texto do hero
- Tamanho do título do hero
- Tamanho do resumo do hero
- Exibição do painel de título/descrição por viewport
Cards, botões e bordas
- Raio do botão primário
- Raio do botão secundário
- Raio dos painéis
- Raio dos cards de resultado
- Raio do modal de detalhes
- Raio de categorias e tags
Espaçamento e densidade
- Padding da página
- Padding dos painéis
- Espaçamento entre cards
- Padding de controles
- Padding de tags
- Margem de tags
Mapa, pins e destaque visual
- Estilo do mapa: claro, ruas, satélite ou suave
- Altura padrão ou altura total do mapa no tema salvo
- URL do pin padrão
- URL do pin promovido
- Fundo do logo promovido
- Largura, altura, raio e padding do logo promovido
Componentes visíveis na página pública
- Busca
- Filtros
- Mapa
- Resultados
- Detalhes
- Título/descrição
- Paginação/toolbar
Layouts e responsividade
Estruturas prontas e ajustes finos para cada viewport
Além de escolher template base, você pode editar composição de desktop e mobile separadamente no editor público. Isso permite layouts mais densos em telas grandes e fluxos mais guiados no celular.
Templates de layout disponíveis
- Classic Split para filtros em coluna, mapa central e resultados com detalhe lateral
- Map First para destacar proximidade e navegação espacial
- Directory First para priorizar lista de resultados
- Detail Focus para dar mais espaço ao local selecionado
- Immersive Left para mapa em tela cheia com painel flutuante à esquerda
- Immersive Right para mapa em tela cheia com painel flutuante à direita
Ajustes de layout por desktop e mobile
- Alternar viewport no editor visual
- Arrastar painéis livres para reposicionar busca, filtros, mapa, resultados e toolbar
- Redimensionar largura e altura dos painéis
- Escolher largura fixa em pixels ou expansível em porcentagem
- Ocultar ou exibir painéis por viewport
- Definir filtros abertos ou recolhidos por padrão
Fluxo WYSIWYG
- Mapa permanece na tela durante edição
- Pins atualizam junto com tema
- Cards, filtros, modal e botões compartilham mesmas variáveis do tema
- Mudança de layout reaplica visual sem refresh completo
- Rascunho local preserva trabalho em andamento
Como usar
Passo a passo para criar um localizador com sua identidade
Fluxo abaixo cobre uso do painel de tema e do editor visual público para chegar do padrão ao layout publicado.
Escolha localizador e template base
Abra recurso de tema, selecione localizador e comece com template que melhor combina com sua jornada: mapa, diretório ou experiência imersiva.
Ajuste identidade visual
Defina paleta, tipografia, hero, raios e espaçamentos para alinhar interface pública com site, campanha ou marca da sua rede.
Personalize mapa e pins
Troque estilo do mapa, configure pin padrão e pin promovido com URLs públicas e valide visualmente resultado no preview e no editor.
Refine desktop e mobile separadamente
Abra editor visual público, alterne viewport, mova painéis, ajuste largura fixa ou percentual e decida o que fica visível em cada tela.
Salve rascunho, revise e publique
Use undo/redo, salve rascunho para revisão interna, publique quando aprovar ou descarte alterações para voltar à versão ativa.
Casos de uso
Funciona para operações simples e redes complexas
Flexibilidade do tema permite compor experiências diferentes sem reescrever localizador.
Varejo e franquias
Destaque promoções, logos promovidos e pins exclusivos para lojas flagship, campanhas sazonais ou regiões prioritárias.
Dealer locator e assistência técnica
Use layouts com filtros fortes, listas densas e estados recolhidos para acelerar descoberta de distribuidores, oficinas e parceiros.
Saúde, serviços e hospitalidade
Crie experiências mobile-first com mapa imersivo, detalhes visíveis sob demanda e interface mais limpa para jornadas locais.
Continue explorando
Recursos relacionados
Locais promovidos
Destaque pontos estratégicos no mapa e na lista.
Saiba mais →Analytics
Meça buscas, cliques e conversões do localizador.
Saiba mais →