Mit der Funktion „Straßenkarte“ erstellen Sie personalisierte Produkte mit Karten, indem Sie Customix mit Mapbox verbinden. Kunden können beim Gestalten des Produkts ihren eigenen Ort eingeben und optional aus Ihren eigenen Kartenstilen wählen.

1. Customix mit Ihrem Mapbox-Konto verbinden

Melden Sie sich zuerst bei Ihrem Mapbox-Konto an: https://console.mapbox.com/. Erstellen Sie dann im Bereich „Token“ einen öffentlichen Token und kopieren Sie ihn:

Gehen Sie zu Einstellungen → Dienste, suchen Sie unter Verfügbare Dienste den Eintrag Mapbox und geben Sie Ihren Mapbox-Zugriffstoken ein. Sobald die Verbindung steht, zeigt die Karte den grünen Status Verbunden an.

2. Kartenstile in Ihrer Asset-Bibliothek speichern

Führen Sie diesen Schritt nur aus, wenn Kunden im Storefront zwischen mehreren Kartenstilen wählen sollen. Überspringen Sie ihn, wenn Sie nur einen einzigen Stil benötigen.

  • Gehen Sie zu Assets → Karten.
  • Klicken Sie auf Karte hinzufügen → Ordner hinzufügen, benennen Sie den Ordner (z. B. Map Styles) und öffnen Sie ihn.
  • Klicken Sie auf Karte hinzufügen und wählen Sie dann die Option Karte hinzufügen
  • Öffnen Sie in Mapbox Studio den gewünschten Stil → Share → Production → scrollen Sie zu Developer resources und kopieren Sie die Style URL (mapbox://styles/...).
  • Fügen Sie sie in das Feld Kartenstil-URL in Customix ein und klicken Sie auf Speichern.

Wiederholen Sie das für jeden Stil, den Sie anbieten möchten.

3. Das Element „Straßenkarte“ zu einer Vorlage hinzufügen

  • Öffnen Sie eine Vorlage und klicken Sie in der linken Seitenleiste auf das Symbol Elemente.
  • Wählen Sie Straßenkarte. Das Element wird auf der Arbeitsfläche hinzugefügt, und seine Einstellungen erscheinen rechts.
  • Konfigurieren Sie unter Inhalt den Startort: Geben Sie Koordinaten ein oder klicken Sie auf Auf Karte auswählen.
  • Wählen Sie für den Kartenstil einen Standardstil (Streets, Satellite, Outdoors, Light, Dark) oder wählen Sie Eigener:

Wenn Sie Eigener wählen, gehen Sie zurück zu Mapbox Studio → öffnen Sie den Stil → Share → kopieren Sie die URL unter Preview only (https://api.mapbox.com/styles/v1/...), fügen Sie sie in das Feld Eigene Kartenstil-URL ein und klicken Sie dann auf Stil anwenden

4. Personalisierung durch Kunden aktivieren

Im Abschnitt Personalisierung der Einstellungen der Straßenkarte:

  • Mit Standort personalisieren: Aktivieren Sie diese Option, damit Kunden im Storefront nach ihrer eigenen Adresse suchen und sie auswählen können. Sie können eine Bezeichnung (z. B. Your address) und optional einen Hilfetext festlegen.
  • Mit Kartenstil personalisieren: Aktivieren Sie diese Option, damit Kunden zwischen mehreren Kartenstilen wählen können. Wählen Sie im Popup, das sich öffnet, den Ordner aus, den Sie in Schritt 2 erstellt haben (z. B. Map Styles), und klicken Sie auf Fertig

Speichern Sie die Vorlage. Das Element „Straßenkarte“ ist nun in Ihrem Storefront einsatzbereit: Kunden können ihren eigenen Ort eingeben und, falls aktiviert, ihren bevorzugten Kartenstil wählen:

5. Maske für die Straßenkarte

Wenn Sie die Straßenkarte in einer individuellen Form anzeigen möchten, können Sie die Funktion Maske verwenden. Sobald Sie eine Maske hochladen, wird die Karte automatisch in die Form der hochgeladenen Maske gebracht.

Aktualisiert am: 23.09.2026