Widget Parameters

In Norby, we are aware of how important to stay recognizable using third-party products. So we offer a variety of easy-to-set customization for the widget to fit your brand and needs.

To start customizing, find your widget snippet in the welcome email you have gotten after the registration. It should look like this:

<!-- Norby Widget code -->
<script>
	(function (w, d, s, o, f, js, fjs) {
		w[o] = w[o] || function () {
			(w[o].q = w[o].q || []).push(arguments)
		};
		js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
		[js.id](<http://js.id/>) = o; js.src = f; js.async = 1;
		fjs.parentNode.insertBefore(js, fjs);
	}(window, document, 'script', 'nw', '<https://chat.norby.io/widget>'));
	nw('init', {
		//Service parameters (do not change it)
		apiKey: '00000000',
		//UI customizations
		lang: 'ru',
		mainColor: '#625772',
		popupBotAvatarColor: '#625772',
		multichat: true,
		botName: 'Bot',
		imageTransferEnabled: true,
		informationPage: true,
		//Positioning parameters
		side: 'right',
		marginSideDesktop: 80,
		marginBottomDesktop: 48,
		marginSideMobile: 16,
		marginBottomMobile: 16,
		hidden: false,
		//User information
		email: '[email protected]',
		name: 'John Jobs'
	});
</script>

You can see customizable parameters inside, which in our case, are:

//Service parameter
apiKey: '00000000',
//UI customizations
lang: 'ru',
mainColor: '#625772',
popupBotAvatarColor: '#625772',
multichat: true,
botName: 'Bot',
imageTransferEnabled: true,
informationPage:: true,
//Positioning parameters
side: 'right',
marginSideDesktop: 80,
marginBottomDesktop: 48,
marginSideMobile: 16,
marginBottomMobile: 16,
hidden: false,
//User information
email: '[email protected]'
name: 'John Jobs'

apiKey

apiKey is the parameter that contains your unique application key, which should be changed only when the key itself is replaced by a new one.

lang

The parameter lang enables you to set the default language for the widget. Contact our Support Team via [email protected] to know which languages we support for now.

Set it according to the format ISO 639–1.

mainColor

To make the chatting experience more consistent with the visual style of your product, use mainColor. This parameter is the accent color of the widget (which is Norby's red by default).

The format of the color should be in HEX.