Sokak haritası özelliği, Customix'i Mapbox ile entegre ederek haritaya dayalı kişiye özel ürünler oluşturmanızı sağlar. Müşteriler ürünü tasarlarken kendi konumlarını girebilir ve isteğe bağlı olarak özel harita stilleriniz arasından seçim yapabilir.

1. Customix'i Mapbox hesabınıza bağlama

Önce Mapbox hesabınızda oturum açın: https://console.mapbox.com/, ardından Token bölümünde bir genel (public) token oluşturup kopyalayın:

Ayarlar → Hizmetler bölümüne gidin, Kullanılabilir hizmetler altında Mapbox kartını bulun ve Mapbox erişim token'ınızı girin. Bağlantı kurulduğunda kartta yeşil bir Bağlı durumu görünür.

2. Harita stillerini varlık kitaplığınıza kaydetme

Bu adımı yalnızca müşterilerin mağaza vitrininde birden fazla harita stili arasından seçim yapmasını istiyorsanız uygulayın. Yalnızca tek bir stile ihtiyacınız varsa atlayın.

  • Varlıklar → Haritalar bölümüne gidin.
  • Harita ekleyin → Klasör ekleyin seçeneğine tıklayın, klasöre bir ad verin (örneğin Map Styles) ve klasörü açın.
  • Harita ekleyin seçeneğine tıklayın, ardından Harita ekleyin seçeneğini belirleyin
  • Mapbox Studio'da istediğiniz stili açın → Share → Production → Developer resources bölümüne kaydırın ve Style URL değerini (mapbox://styles/...) kopyalayın.
  • Bunu Customix'teki Harita stili URL'si alanına yapıştırın ve Kaydedin seçeneğine tıklayın.

Sunmak istediğiniz her stil için bu işlemi tekrarlayın.

3. Şablona Sokak haritası öğesi ekleme

  • Bir şablonu açın ve sol kenar çubuğundaki Öğeler simgesine tıklayın.
  • Sokak haritası öğesini seçin. Öğe tuvale eklenir ve ayarları sağda görünür.
  • İçerik altında Başlangıç konumunu (Initial Location) yapılandırın: koordinatları yazın veya Haritada seçin seçeneğine tıklayın.
  • Harita stili için varsayılan bir stil (Streets, Satellite, Outdoors, Light, Dark) seçin veya Özel seçeneğini belirleyin:

Özel seçeneğini seçerseniz Mapbox Studio'ya geri dönün → stili açın → Share → Preview only URL'sini (https://api.mapbox.com/styles/v1/...) kopyalayın, Özel harita stili URL'si alanına yapıştırın, ardından Stili uygulayın seçeneğine tıklayın

4. Müşteri kişiselleştirmesini etkinleştirme

Sokak haritası ayarlarının Kişiselleştirme bölümünde:

  • Konumla kişiselleştirin: müşterilerin mağaza vitrininde kendi adreslerini arayıp seçebilmesi için bunu işaretleyin. Bir Etiket (örneğin Your address) ve isteğe bağlı Yardım metni belirleyebilirsiniz.
  • Harita stiliyle kişiselleştirin: müşterilerin birden fazla harita stili arasından seçim yapabilmesi için bunu işaretleyin. Açılan pencerede 2. Adım'da oluşturduğunuz klasörü (örneğin Map Styles) seçin ve Bitti seçeneğine tıklayın

Şablonu kaydedin. Sokak haritası öğesi artık mağaza vitrininizde kullanıma hazırdır; müşteriler kendi konumlarını girebilir ve etkinleştirdiyseniz tercih ettikleri harita stilini seçebilir:

5. Sokak haritası maskesi

Sokak haritasını özel bir şekilde göstermek istiyorsanız Maske özelliğini kullanabilirsiniz. Bir maske yüklediğinizde harita, yüklenen maskenin şekline uyacak biçimde otomatik olarak yeniden şekillendirilir.

Güncelleme tarihi: 23/09/2026