Chat Settings (Autocorrect)

The autocorrect feature is available in all types of OCP miniApps® and allows you to specify a custom autocorrect model that will be used for correcting spelling mistakes in the chat.

If you would like to use autocorrect in your web-chat, contact our Support.

Rich Content

Below are explanations about how to effectively utilize rich content (data models). This functionality is only available in Intent miniApps. Additionally, Numeric miniApps have a simplified version of rich content without NLU entities and intents.

Rich content can be in the form of buttons in the chat or metadata.

Buttons Data Model

As can be seen above, to configure data models you need to set the following:

  • Friendly name: This is how you can label your data model and later refer to it in any section that the +Add link to rich content button can be found (0 link is first, 1 link is second).

    Add rich content to any of the following actions:

    • Welcome Prompts (Prompts, Conditional rephrase)

    • Reask Prompts

    • Manage Intents (Intent Disambiguations)

    • Announcements

  • Type: The button list type, consists of an optional text header and a number of vertically stacked buttons; when a button is tapped, the buttons will be dismissed, and the user’s input will be recorded.

  • Title: The text header that will be seen by the user on top of the button list.

  • Label: The name of each button the user will see.

  • Entities: NLU entities, which will help you specify metadata for each button and get a more precise result based on what the user selects.

You can add as many buttons and data models as you want, but you may only use two data models for the same prompt.

Meta Data Data Model

By embedding the chat widget API key to a website, MetaData is created and can pass data (key-value pairs) from the chat widget to the website that is hosting the chat widget as a JS event.

The host website can then get the metadata in a JS function and use them any way they see fit, for example, redirect, change DOM, and so on.

To add MetaData from the chat, follow the steps:

  1. In the ChatRich Content tab click + Add Data Model button and select Meta Data.

  2. Add the following information in the new Data Model and save changes.

    • Friendly Name: This is how you can label your data model and later refer to it in any section where the + Add link to rich content button can be found.

    • Key: Can set additional Key values by clicking the + sign

    • Value: The value of the key. This value can be dynamic.

  3. Add the corresponding rich content to any of the actions that can receive rich content:

    • Welcome Prompts (Prompts, Conditional rephrase)

    • Reask Prompts

    • Manage Intents (Intent Disambiguations)

    • Announcements

Adding MetaData at any stage of the chat, sends the configured data as an event in the website’s JavaScript. This data can be exploited in any way found useful.

For more information on how to use meta data on the client side read Chat widget integration guide.

List Data Model

The List data model allows creating a list of boxes that can contain pictures, information, and clickable links that can redirect to your site or any external URL.

To add link data to a chat, follow the steps:

  1. Click the +Add Data Model button and select List:

  2. Fill in the details of the data model. The Title and Subtitle will appear in the Chat in the corresponding box.

  3. Click the + Add option button and fill in the details of that option. Every data model can have several options. An option can be a product or a product category you offer. For example, if the data model concerns bank loans the options could be the loan types.
    The info will be added to the corresponding box in the chat.

  4. Click the +Add link button to add a URL link to the chat in the box of Option 1. The link will appear in the corresponding chat with the text in the Label field. You can add several links if required by repeating the process.

  5. Click the + Add Semantics button to add an entity from the list of entities or add a custom one and fill in a semantic for that entity.

  6. Repeat steps 3 to 5 to create another option for the data model.

The data model must be selected in the Prompts tab in order to be applicable.

Chat Widget

In the Chat Widget tab, you can configure how the chat window itself will look. Configure any of the following:

  • Title: The title of the chat

  • Color: The color of the font

  • Logo: The picture appearing on the top of the chat

  • Bubble: The picture appearing as a chat icon

  • Locale: The phoneme for the chat

With the configurations described in this article, the resulting widget will look the following:

Embed Chat widget to a website

To embed the chat widget to your website, select a Locale and click the Get JS Code button. Copy the Javascript code with the Copy button and paste it to your website’s HTML code. Otherwise copy only the API key from the JS code.

Click the Try webchat! button to test the webchat.

For more information on how to embed a chat widget in your website read the Chat widget integration guide.