Funkcja Mapa ulic pozwala tworzyć spersonalizowane produkty z mapą dzięki integracji Customix z Mapbox. Klienci mogą wpisać własną lokalizację i, opcjonalnie, wybrać jeden z Twoich własnych stylów mapy podczas projektowania produktu.

1. Połącz Customix z kontem Mapbox

Najpierw zaloguj się na swoje konto Mapbox: https://console.mapbox.com/, a następnie w sekcji Token utwórz i skopiuj token publiczny:

Przejdź do Ustawienia → Usługi, znajdź Mapbox w sekcji Dostępne usługi i wpisz swój token dostępu Mapbox. Po połączeniu na karcie wyświetli się zielony status Połączono.

2. Zapisz style map w bibliotece zasobów

Wykonaj ten krok tylko wtedy, gdy chcesz, aby klienci mogli wybierać spośród kilku stylów mapy w witrynie sklepu. Pomiń go, jeśli potrzebujesz tylko jednego stylu.

  • Przejdź do Zasoby → Mapy.
  • Kliknij Dodaj mapę → Dodaj folder, nadaj folderowi nazwę (np. Map Styles) i otwórz go.
  • Kliknij Dodaj mapę, a następnie wybierz opcję Dodaj mapę
  • W Mapbox Studio otwórz wybrany styl → Share → Production → przewiń do Developer resources i skopiuj Style URL (mapbox://styles/...).
  • Wklej go w polu URL stylu mapy w Customix i kliknij Zapisz.

Powtórz te czynności dla każdego stylu, który chcesz udostępnić.

3. Dodaj element Mapa ulic do szablonu

  • Otwórz szablon i kliknij ikonę Elementy na lewym pasku bocznym.
  • Wybierz Mapa ulic. Element zostanie dodany do płótna, a jego ustawienia pojawią się po prawej stronie.
  • W sekcji Treść skonfiguruj Lokalizację początkową, wpisz współrzędne lub kliknij Wybierz na mapie.
  • Dla opcji Styl mapy, wybierz styl domyślny (Streets, Satellite, Outdoors, Light, Dark) lub wybierz Niestandardowy:

Jeśli wybierzesz Niestandardowy, wróć do Mapbox Studio → otwórz styl → Share → skopiuj adres URL Preview only (https://api.mapbox.com/styles/v1/...), wklej go w polu URL własnego stylu mapy, a następnie kliknij Zastosuj styl

4. Włącz personalizację dla klientów

W sekcji Personalizacja w ustawieniach Mapy ulic:

  • Personalizuj za pomocą lokalizacji: zaznacz tę opcję, aby klienci mogli w witrynie sklepu wyszukać i wybrać własny adres. Możesz ustawić Etykieta (np. Your address) oraz opcjonalny Tekst pomocy.
  • Personalizuj za pomocą stylu mapy: zaznacz tę opcję, aby klienci mogli wybierać spośród kilku stylów mapy. W wyświetlonym oknie wybierz folder utworzony w kroku 2 (np. Map Styles) i kliknij Gotowe

Zapisz szablon. Element Mapa ulic jest teraz gotowy w witrynie sklepu: klienci mogą wpisać własną lokalizację i, jeśli ta opcja jest włączona, wybrać preferowany styl mapy:

5. Maska mapy ulic

Jeśli chcesz wyświetlić mapę ulic w niestandardowym kształcie, możesz skorzystać z funkcji Maska. Po przesłaniu maski mapa automatycznie dopasuje się do kształtu przesłanej maski.

Zaktualizowano: 23/09/2026