Wordpress Plugin Configuration

6min

The plugin supports a default UNITH Digital Human styling including fonts, and font and background colors. Advanced users can further customise the Digital Human styling by leveraging CSS to customise the embedded elements.

Example of the default UNITH Digital Human styling:

Document image


Prerequisites

  • Obtain the Digital Human WordPress plugin from the WordPress plugin directory or request a .zip file from your UNITH representative
  • Digital Human API key obtained after the creation of a Digital Human
  • Digital Human Organisation ID obtained after the creation of a Digital Human

Plugin Installation

To install the UNITH Digital Human plugin, access your WordPress website Administrator area. UNITH recommends creating a backup of your website before proceeding with the UNITH Digital Human chatbot installation. In the Administrator area, proceed to the Plugins menu.



Document image


In the Add Plugins view, proceed by either searching for the UNITH Digital Human plugin in the WordPress plugin directory or using the

Upload Plugin

Option to upload the .zip file

Upon installation, activate the plugin by clicking

"Activate Plugin"

Once the plugin is installed and activated, you can proceed with the configuration.

Plugin Configuration

To configure the plugin and enable it on your website, proceed to the plugin configuration by going to Settings > Digital Humans.

In the UNITH Digital Human plugin settings, enter your API key, organization ID, and head ID as obtained upon creating your Digital Human chatbot. Without these values, the chatbot will appear on your website but will not work. Save the settings by clicking Save at the bottom of the Digital Humans settings page. 

Where can I find my API key, Organization ID and Head ID?

When you generate a digital human the URL will contain the info you need.

The organization coming after the chat.unith.ai/org/headID/api_key=API Key

For example, taking this link:

https://chat.unith.ai/unithprototype/zoe-264?api_key=adeaadwwa121aaw

The org is : unithprototype

The head id is : zoe-264

The API key is: adeaadwwa121aaw

Plugin Customization

Within the Digital Humans Settings page, you can customize the appearance of your UNITH Digital Human chatbot on your website. Elements you can modify within this page include:

Document image




  1. Open/Close button icon: you can choose an icon (image) to be used instead of a default blue button to open and close the chat area
    1. Button text: is the text that appears on the open/close button
    2. Button caption: is the text that appears below the open/close button
  2. Enable/disable time pressure feature: if enabled a small timer will appear forcing the conversation to continue even without the user’s input upon timer expiration. Recommend keeping this option disabled.
  3. Enable/disable message feedback feature: if enabled, the user will be able to provide feedback on answers given by the Digital Human by selecting the thumbs-up or down icon next to each answer.
  4. Enable/disable subtitles feature: if enabled, subtitles will appear when the Digital Human speaks.
  5. Enable/disable the Microphone feature: if disabled, the user will not have the option to provide voice input. Recommend this option be enabled.
  6. Enable/disable showing chat history: if disabled, the chatbot will not show question & answer history.
  7. Enable/disable showing full-screen option: if disabled, the user will not have the option to set the chatbot to full-screen. Recommends this option be enabled.
  8. Enable/disable showing commands line: if disabled, the command line with commands to mute, repeat or skip an answer will be hidden.
  9. Select ignore pages: pages on your website that are added to this list will be the pages where the UNITH Digital Human will not appear

.Advanced Styling Customization

(To be used only by advanced WordPress users.)

In the Advanced settings, the administrator can further customize the styling of the chatbot by modifying the chatbot CSS.

Updated 29 Nov 2024
Doc contributor
Did this page help you?