A funcionalidade Mapa de ruas permite criar produtos personalizados com mapas ao integrar o Customix com o Mapbox. Os clientes podem introduzir a sua própria localização e, opcionalmente, escolher entre os seus estilos de mapa personalizados ao criarem o produto.

1. Ligar o Customix à sua conta Mapbox

Comece por iniciar sessão na sua conta Mapbox: https://console.mapbox.com/ e, na secção Token, crie e copie um token público:

Aceda a Definições → Serviços, encontre o Mapbox em Serviços disponíveis e introduza o seu token de acesso do Mapbox. Depois de ligado, o cartão apresenta o estado Ligado a verde.

2. Guardar os estilos de mapa na sua biblioteca de recursos

Execute este passo apenas se quiser que os clientes escolham entre vários estilos de mapa na loja online. Ignore-o se precisar apenas de um único estilo.

  • Aceda a Recursos → Mapas.
  • Clique em Adicionar mapa → Adicionar pasta, dê um nome à pasta (por exemplo, Map Styles) e abra-a.
  • Clique em Adicionar mapa, e selecione a opção Adicionar mapa
  • No Mapbox Studio, abra o estilo pretendido → Share → Production → desloque-se até Developer resources e copie o Style URL (mapbox://styles/...).
  • Cole-o no campo URL do estilo do mapa no Customix e clique em Guardar.

Repita para cada estilo que pretenda disponibilizar.

3. Adicionar o elemento Mapa de ruas a um modelo

  • Abra um modelo e clique no ícone Elementos na barra lateral esquerda.
  • Selecione Mapa de ruas. O elemento é adicionado à tela e as respetivas definições aparecem à direita.
  • Em Conteúdo, configure a Localização inicial: escreva as coordenadas ou clique em Selecionar no mapa.
  • Em Estilo do mapa, escolha um estilo predefinido (Streets, Satellite, Outdoors, Light, Dark) ou selecione Personalizado:

Se escolher Personalizado, volte ao Mapbox Studio → abra o estilo → Share → copie o URL Preview only (https://api.mapbox.com/styles/v1/...), cole-o no campo URL de estilo de mapa personalizado e, em seguida, clique em Aplicar estilo

4. Ativar a personalização pelo cliente

Na secção Personalização das definições do Mapa de ruas:

  • Personalizar com localização: marque esta opção para que os clientes possam pesquisar e selecionar o seu próprio endereço na loja online. Pode definir uma Etiqueta (por exemplo, Your address) e um Texto de ajuda opcional.
  • Personalizar com estilo de mapa: marque esta opção para permitir que os clientes escolham entre vários estilos de mapa. Na janela que aparece, selecione a pasta que criou no Passo 2 (por exemplo, Map Styles) e clique em Concluído

Guarde o modelo. O elemento Mapa de ruas fica pronto na sua loja online: os clientes podem introduzir a sua própria localização e, se estiver ativado, escolher o estilo de mapa que preferirem:

5. Máscara do mapa de ruas

Se quiser apresentar o mapa de ruas numa forma personalizada, pode utilizar a funcionalidade Máscara. Depois de carregar uma máscara, o mapa é automaticamente remodelado para corresponder à forma da máscara carregada.

Atualizado em: 23/09/2026