---
title: "Configure Mapbox for your PWA"
description: "To display maps in your Progressive Web App (PWA), you need to set an external map service and use an external API access token. If you've chosen Mapbox o"
canonical_url: "https://www.goodbarber.com/help/shop/display-maps-r137/configure-mapbox-for-your-pwa-a343/"
lang: en
---

# Configure Mapbox for your PWA

Source: https://www.goodbarber.com/help/shop/display-maps-r137/configure-mapbox-for-your-pwa-a343/

To display maps in your Progressive Web App (PWA), you need to set an external map service and use an external API access token.
If you've chosen [Mapbox over Google Map](https://www.goodbarber.com/help/shop/display-maps-r137/enable-maps-on-your-pwa-a344/) , follow instructions below:

1. Go to [Mapbox](https://www.mapbox.com/signup/) platform to sign up
2. Fill in your details in the form
3. Click "**Get started**"
4. Click the tab "**Access Tokens**"
5. Copy your default public token

![](https://cmsphoto.ww-cdn.com/superstatic/1758497/art/default/34456107-31497159.jpg?v=1635323268.7511902)

6. Go to your back office, menu Settings > "External connexions"
7. Select Mapbox GL in the drop down menu
8. Paste your Default public token
9. Click "**Ok**"

![](https://cmsphoto.ww-cdn.com/superstatic/1758497/art/default/34456107-31497160.jpg?v=1635323268.7826395)

10. Update the settings of your app to integrate your API access token to your PWA.