Articles on: On Site Displays

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.

Visit the Colors, Coin Name and More Page under Brand Settings

Setting Your Brand Colors






Switch to the Colors & More tab on this page. 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.

Setting the Coin Name & Program Name






Switch to the Coin & Program Name tab on this page. Here, you can change the name of your coins/points and your loyalty program name.

Changing the Font






Switch to the Font tab on this page. 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.

Setting a custom font





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.

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.


Updated on: 28/03/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!