Brand Settings
This article guides you on configuring background and text colors, brand and coin names, and other elements, to enhance your platform's visual appeal and user experience.
Click on the top right and then on the Brand Settings from the dropdown to open the details page or alternatively you can visit the Brand Settings Page on your nector dashboard
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_yelbzf.png)
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_cmsh5h.png)
Here, you can change the name of your coins/points and your loyalty program name.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1lveuox.png)
Here, you can set your brand colors.
Background color: This must be your brand color. This color will be for various things like the color of the widget, buttons, review ratings, etc.
Text Color: Choose an appropriate light or dark color based on your brand color. For example, if your brand color is dark, then choose a light color as text color and vice versa.
If you are using Nector reviews and want to set different color for the reviews than your brand color, set the Reviews: Background color and the Reviews: Text color.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_12shs3g.png)
Here, you can change the font that is used across various Nector widgets & pages.
Select the appropriate font by clicking on the Font Style dropdown.
If your font isn't listed in the predefined list of fonts, select the Font Style as custom. You will get the option to add a custom font name and link. See below image for reference.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_138v178.png)
The font name should be the exact name of the font (case-sensitive). The font link should point to a css file that loads the font. If you are using a service like Google fonts, then you can readily use the link provided on Google fonts here.
To use a font from Google fonts:
Select your desired font on google fonts & add the required font weights by click on the "plus" icon.
In the right side popup that appears, first copy the exact font name shown and paste it on nector dashboard
Next, select the link of the font and paste it in the nector dashboard. See the below image for reference.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1bvmm6v.png)
Incase you would like to disable our branding, scroll to the bottom and you can disable our Nector Branding on your website from here.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_16887dg.png)
Click on the top right and then on the Brand Settings from the dropdown to open the details page or alternatively you can visit the Brand Settings Page on your nector dashboard
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_yelbzf.png)
Setting the Coin Name & Program Name
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_cmsh5h.png)
Here, you can change the name of your coins/points and your loyalty program name.
Setting Your Brand Colors
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1lveuox.png)
Here, you can set your brand colors.
Background color: This must be your brand color. This color will be for various things like the color of the widget, buttons, review ratings, etc.
Text Color: Choose an appropriate light or dark color based on your brand color. For example, if your brand color is dark, then choose a light color as text color and vice versa.
If you are using Nector reviews and want to set different color for the reviews than your brand color, set the Reviews: Background color and the Reviews: Text color.
Changing the Font
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_12shs3g.png)
Here, you can change the font that is used across various Nector widgets & pages.
Select the appropriate font by clicking on the Font Style dropdown.
If your font isn't listed in the predefined list of fonts, select the Font Style as custom. You will get the option to add a custom font name and link. See below image for reference.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_138v178.png)
The font name should be the exact name of the font (case-sensitive). The font link should point to a css file that loads the font. If you are using a service like Google fonts, then you can readily use the link provided on Google fonts here.
To use a font from Google fonts:
Select your desired font on google fonts & add the required font weights by click on the "plus" icon.
In the right side popup that appears, first copy the exact font name shown and paste it on nector dashboard
Next, select the link of the font and paste it in the nector dashboard. See the below image for reference.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1bvmm6v.png)
Incase you would like to disable our branding, scroll to the bottom and you can disable our Nector Branding on your website from here.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_16887dg.png)
Updated on: 23/04/2024