Managing Branded Pointr Maps from PC Dashboard¶
How to Change the Name of Your Map¶
Navigate to the Dashboard: Go to Clients > Edit > Name.
How to Configure the Theme Colors and Branding of Your Pointr Maps¶
Navigate to the Dashboard: Go to Clients > Edit > Advanced Configurations > SDK > Add new.
Configure the Parameters: Refer to the table below and set the parameters you wish to configure:
Theme Color Configuration Parameters¶
| Parameter | Type | Default Value | Affected Area Examples |
|---|---|---|---|
| themeConfiguration_themeColor | String | #346DF1 | Change the general map UI theme colors. (Note: Map icons & styles are not included). Affected UI Items: - Loading circle - Level selector - “Take Me There” button - Navigation modal inputs - “Show Directions” button - Category titles - Category POI cards |
| themeConfiguration_backgroundColor | String | #FFFFFF | Change the background colors for your map UI. Affected UI Items: - Button backgrounds (e.g., loading icon, info button, search bar) - Quick Access Directory and POI carousel backgrounds - POI details card background - Text on buttons using the “Theme Color” (e.g., “Take me there”, “Open” on the top banner) - Popup top banner - Error modal |
| themeConfiguration_foregroundColor | String | #000000 | Change the colors of any descriptions and text that has background color as a background (excluding text on on buttons using the “Theme Color”) on your UI. Affected UI Items: - Quick Access Directory names - POI list and descriptions on the POI carousol - Text on the POIs deatils card - Show directions details - Loading label - Level selector texts |
| themeConfiguration_successColor | String | #28CC7A | Highlight successful actions with positive colors (e.g., for successful/active events, situations, or info screens). Affected UI Items: - POI “Open” tag - POI “Always Open” tag - High POI rating - Successfully calibrated circles |
| themeConfiguration_dangerColor | String | #E43458 | Highlight critical situations with negative colors (e.g., critical/important events, situations, or info screens). Affected UI Items: - POI “Closed” tag - Low POI ratings - “Close Directions” button - Warning icons (e.g., No Bluetooth, Car’s location cleared) - Error messages (e.g., “No valid route found”, “Location not available”) - Cancellation message (e.g., Clear) |
| themeConfiguration_alertColor | String | #FAB735 | Highlight situations that require user attention with warning colors (e.g., warning events, situations, or info screens). Affected UI Items: - POI “Closing Soon” tag - POI “Open Soon” tag - Rating star icon |
Note
- All color values must be in HEX code format.
- Tinting does not work with icons that have a background; icons must have proper transparency.
- To enable the desired tinting effect for theme support, ensure that the Quick Access Directory icons have transparent backgrounds.
Branding & User Experiences Configuration Parameters¶
| Parameter | Type | Default Value | Description |
|---|---|---|---|
| userInterfaceConfiguration_appLogoUrl | String | “https://pointr-websdk. azureedge.net/ui- configuration/web-sdk-v8 /info-page/logo.svg” | URL for the map app logo. - Affected UI Items: - Logo on the launch screen - Logo on the welcome pop-up screen - Logo on the user onboarding page - Logo on the information page |
| userInterfaceConfiguration_isSplashScreenEnabled | boolean | true | Controls whether the splash screen is shown when the app launches. By default, it’s enabled. To turn it off, uncheck the box. |
| userInterfaceConfiguration_isInfoButtonEnabled | boolean | true | Controls the visibility of the information button in the app. By default, it’s enabled. To turn it off, uncheck the box. |
| userInterfaceConfiguration_isOnboardingEnabled | boolean | true | Specifies if the onboarding flow is enabled for first-time users. By default, it’s enabled. To turn it off, uncheck the box. |
| userInterfaceConfiguration_infoPageUrl | String | “https://pointr-websdk. azureedge.net/ui- configuration/web-sdk-v8/ info-page/info-page.html“ | The URL of the information page linked to the info button. By default, it’s set to the default value. To change it, specify the URL in the value field. |
| userInterfaceConfiguration_supportEmail | String | “support@pointr.tech“ | The email address used for customer support inquiries. By default, it’s set to the default value. To change it, specify the email in the value field. |
| userInterfaceConfiguration_termsAndConditionsUrl | String | “https://www.pointr. tech/end-user-agreement“ | The URL directing users to the app’s Terms and Conditions page. By default, it’s set to the default value. To change it, specify the URL in the value field. |
| userInterfaceConfiguration_privacyPolicyUrl | String | “https://www.pointr.tech /technology/privacy- and-security“ | The URL for the app’s Privacy Policy page. By default, it’s set to the default value. To change it, specify the URL in the value field. |
Note
If no value is specified for parameters like the info page, terms, or privacy policy, the default values (shown in the table above) will be used. If a custom URL is provided, the parameters will link to that URL as specified in the SDK configuration. These pages will work as expected for both Web and Mobile SDK, as long as the webpage is responsive.
Last update: October 21, 2024