Display modes

You can change the default colors used in the application by setting de primary and secondary colors via URL parameters.

You can customize the color for the main background by setting the "backgroundColor" attribute via URL parameters.

📘
Color Value in URL Encoding
Beware that color values have to be passed using the hexadecimal code I.e. “#FF00BB”, but since we are setting the value in the URL string, we are required to change the “#” character to its URL Encoding (UTF-8) which is the “%23” symbol I.e “%23FF00BB”.

Specific configuration parameters

Parameter	Description
primaryColor	Used to change the primary color of the content. Color in hexadecimal representation, but using URL Encoding. Color value : #003865 URL query string value: “%23003865”
secondaryColor	Used to change the secondary color of the content. Color in hexadecimal representation, but using URL Encoding. Color value : #EF5B0C URL query string value: “%23EF5B0C”
backgroundColor	Used to change the background color of the main content. Color in hexadecimal representation, but using URL Encoding. Default : #F0F2F5 Color value : #EF5B0C URL query string value: “%23EF5B0C”

You can change the font family used in the application by setting the fontFamily parameter

📘
Font Availability
Live status Web doesn't support any fonts by default, so make sure you have the fonts available on your site so that the widget can use them

Specific configuration parameters

Parameter	Description
fontFamily	Any font you have available in your platform Example: monospace

Parameter

Description

fontFamily

Any font you have available in your platform

Example: monospace

The parameter "language" allows configuring the displaying locales on the application

Supported Locales

👍
Supported Languages
We Follow the ISO 639-1 standard language codes
es: Spanish (Spain)
en: English
pt: Portuguese (Portugal)
pt-br: Portuguese (Brazil)

📘
Default Locale

If no language is being set, the app will try to use the locale used by the browser.

If no supported language (listed above) is being set by neither the parameter nor the browser, the content will be displayed in Spanish

Specific configuration parameters

Parameter	Description
language	parameter used to change the language of the content Default: Spanish

Parameter

Description

language

parameter used to change the language of the content

Default: Spanish

📘
Default prices

Parameters for showing numerical values.

You can change the display of the currency type, show or hide the decimals in order and decide if the thousand separator is comma or by default.

Parameter	Description
currencyCode	Set the currency code (optional) Default: Established when creating the order
pricesSeparetedByComma	Allows you to decide if the thousand separator is comma or by default it is kept in point default: "false" options: "true" or "false"
hideDecimals	Allows you to show or hide the decimals in order default: "false" options: "true" or "false"
decimalsLength	Allows to define the number of decimals to show default: "2"

With the Active Tabs parameter, you can control what you want to display in the content of the application

You may decide to display only a set of the information available from the order, or even to display the chat when using the application.

We currently support 3 modes in which you can display information

With the Full screen parameter allows you to adjust the margins

👍
Display Modes

Chat Tab

State Tab

Detail Tab

Full screen

Specific configuration parameters

Parameter	Description
activeTabs	allows you to control what content to present in the application chatTab: with this value, we will display only the chat view in the application. detailTab: this will display information details related to the order, like items list and billing summary, butnot information regarding the current status/steps the order is at the moment stateTab: this will display information about the status/steps the order is undertaking.
isFullScreen	It allows you to decide if the screen will be full screen default: "false". options: "true" or "false

Parameter

Description

activeTabs

allows you to control what content to present in the application

*chatTab**: with this value, we will display only the chat view in the application.
*detailTab: this will display information details related to the order, like items list and billing summary, butnot** information regarding the current status/steps the order is at the moment
- stateTab**: this will display information about the status/steps the order is undertaking.

isFullScreen

It allows you to decide if the screen will be full screen
default: "false".
options: "true" or "false