Med funktionen Gatukarta kan du skapa personliga kartbaserade produkter genom att integrera Customix med Mapbox. Kunderna kan ange sin egen plats och, om du vill, välja bland dina egna kartstilar när de utformar produkten.

1. Anslut Customix till ditt Mapbox-konto

Logga först in på ditt Mapbox-konto: https://console.mapbox.com/. Skapa och kopiera sedan en offentlig token under avsnittet Token:

Gå till Inställningar → Tjänster, leta upp Mapbox under Tillgängliga tjänster och ange din Mapbox-åtkomsttoken. När anslutningen är klar visas statusen Ansluten i grönt på kortet.

2. Spara kartstilar i ditt Assets-bibliotek

Gör det här steget bara om du vill att kunderna ska kunna välja mellan flera kartstilar i butiken. Hoppa över det om du bara behöver en enda stil.

  • Gå till Assets → Kartor.
  • Klicka på Lägg till karta → Lägg till mapp, ge mappen ett namn (t.ex. Map Styles) och öppna den.
  • Klicka på Lägg till karta, och välj sedan alternativet Lägg till karta
  • Öppna den stil du vill använda i Mapbox Studio → Share → Production → rulla ned till Developer resources och kopiera Style URL (mapbox://styles/...).
  • Klistra in den i fältet URL för kartstil i Customix och klicka på Spara.

Upprepa för varje stil du vill erbjuda.

3. Lägg till elementet Gatukarta i en mall

  • Öppna en mall och klicka på ikonen Element i det vänstra sidofältet.
  • Välj Gatukarta. Elementet läggs till på canvasen och dess inställningar visas till höger.
  • Under Innehåll konfigurerar du Startplats, skriver in koordinater eller klickar på Välj på kartan.
  • För kartstil, väljer du en standardstil (Streets, Satellite, Outdoors, Light, Dark) eller Anpassad:

Om du väljer Anpassad går du tillbaka till Mapbox Studio → öppnar stilen → Share → kopierar URL:en under Preview only (https://api.mapbox.com/styles/v1/...), klistrar in den i fältet Anpassad URL för kartstil och klickar sedan på Tillämpa stil

4. Aktivera personalisering för kunden

I avsnittet Personalisering i inställningarna för Gatukarta:

  • Personanpassa med plats: markera den här så att kunderna kan söka efter och välja sin egen adress i butiken. Du kan ange en Etikett (t.ex. Your address) och en valfri Hjälptext.
  • Personanpassa med kartstil: markera den här så att kunderna kan välja mellan flera kartstilar. I popup-fönstret som visas väljer du den mapp du skapade i steg 2 (t.ex. Map Styles) och klickar på Klar

Spara mallen. Elementet Gatukarta är nu klart i din butik. Kunderna kan ange sin egen plats och, om det är aktiverat, välja sin favoritkartstil:

5. Mask för gatukarta

Om du vill visa gatukartan i en egen form kan du använda funktionen Mask. När du har laddat upp en mask formas kartan automatiskt om så att den matchar den uppladdade maskens form.

Uppdaterad: 23/09/2026