Customizing and branding Pragatix

Customizing and branding Pragatix

Pragatix dashboard can be customized and branded by changing the texts of the Dashboard and Lite Mode home page, as well as applying custom CSS and changing the company logo.

 

Changing CSS

Changing logo for Lite Mode

.home-logo img {
    content: url(https://agatsoftware.com/wp-content/uploads/2022/10/AGAT-LOGO-1.png) !important;
}.chat-icon img, .answer-box .custom-logo {
    content: url(https://storage.googleapis.com/clean-finder-353810/$xdGHlJe1gXHNGoGkBDZuENQBpxQVR9Y4q5piEDUPgjR9A9TnZvTVVc.png) !important;
}

 

The home-logo is a logo with text that appears here in the Lite Mode home page

 

image-20241124-091149.png

 

The chat-icon is the icon that appears near the system answers of the chat

.home-logo img {
    content: url(https://agatsoftware.com/wp-content/uploads/2022/10/AGAT-LOGO-1.png) !important;
}

 

image-20241124-091343.png

Changing logo for Dashboard home page

.home-logo img {
    content: url(https://agatsoftware.com/wp-content/uploads/2022/10/AGAT-LOGO-1.png) !important;}

 

 

image-20241124-091726.png

Changing the Dashboard header color

header{ background:red; }

Changing Texts

The system saved a value in “CustomTextDefined” of true or false per account for performance.

If CustomTextDefined=True, the system picks up the values stored per language from a custom Json and includes all the supported texts in each language.

 

{"en":{},"he":{},"de":{},"es":{},"nl":{}}

 

In the account settings, the custom_text is saved as a JSON file.

In default settings, the supported texts are saved in an English default JSON file

 

Custom text values now support:

  • To make text bold, wrap it with double asterisks:
    Example: **bold text**

  • To add a line break, use a backslash (\\):
    Example: First line \\ Second line

  • To add a link, use square brackets for the text and parentheses for the URL:
    Example: [Google](https://google.com)

Example:

"WelcomeMessage": "Welcome to **our site** \\ Visit our [documentation](https://example.com/docs)"

 

List of texts to change in home page:

 

Supported texts to change:

DashboardHomeTitle
DashboardHomeSubTitle
DashboardHomeTopHowToTitle
DashboardHomeTopHowToDescription
DashboardHomeMiddleHowToTitle
DashboardHomeMiddleHowToDescription
DashboardHomeBottomHowToTitle
DashboardHomeBottomHowToDescription
DashboardHomeLearnTitle
DashboardHomeLearnDetails
DashboardHomeSupportTitle

LitemodeTitle
LitemodeSubTitle
LitemodeGeneralChatWithKnowledgeDescription

LitemodeGeneralChatWithoutKnowledgeDescription
LitemodeMistakes
LitemodeMonitor

general_and_company_chat_bot_description - The text that is displayed in the general chat when company knowledge button is enabled
general_chat_bot_description- The text that is displayed in the general chat when company knowledge button is disabled

Sample JSON for custom texts

The JSON supports multiple languages. Currently, English, Spanish, Dutch, and German

You should only upload the texts you want to change. If a value is empty, the system will not show any text, therefore only include the changes needed in your account Json.

{
  "en": {
    "DashboardHomeTitle": "Welcome to our company AI chatbot ",
    "DashboardHomeSubTitle": "Please ask your questions here Let us know your feedback"
  },
  "he": {},
  "de": {

   "DashboardHomeTitle": "Willkommen bei unserem Firmen-KI-Chatbot ",
    "DashboardHomeSubTitle": "Bitte stellen Sie hier Ihre Fragen Teilen Sie uns Ihr Feedback mit"

},
  "es": {},
  "nl": {
    "DashboardHomeTitle": "nl-TITLE",
    "DashboardHomeSubTitle": "nl-SUB_TITLE"
  }
}

 

image-20250507-093836.png

 

image-20241118-144546.png