Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Mapbox

What is Mapbox used for?

Enabling integration with Mapbox provides autocomplete functionality when a user enters an address (which is particularly useful if you are using the Commerce application) and can display maps when looking at IP addresses and elsewhere. This is an alternative to the preferred googlemaps enhancement, where google maps may not be an option.

Creating a Mapbox Key

In order to create a Mapbox API key, you will first need to create a Mapbox account on their website.

Once logged in, you will see you are automatically given a public token (this is your API Key) for use on your site. Copy this token which will be used in the next step

m1.png

Get your key

 

Adding Mapbox to your site

Now you have your API key, you can add mapbox to your Invision Community site. To do this, visit the following area within your admin CP

System -> Site Features -> Community Enhancements

Once here, select the "Enable" button under Mapbox.  You will then be shown the following where you need to enter the key you have just created and select 'Enable'.

2020-07-28_08-51-23.jpg

Enter your API key in the ACP

Once done, this will enable the integration in various areas of your site where locations and addresses are shown. For example the location shown here in the admin CP on a members profile

2020-07-28_08-52-04.jpg

Map example

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.