Documentation

Newo Chat Publishing Process

Suggest Edits

The final step is to publish the Newo Chat integration on your website. This integration allows your agent to communicate through a web chat.

Enable Newo Chat

Follow the steps below to enable Newo Chat:

  1. Open the Newo Platform and log in using your credentials.
  2. Navigate to the Integrations page from the left-side panel.
  1. Look for the “Newo Chat Integration” and click the three dots icon on the right of the “newo_chat” connector.
  1. Click Run and wait for the status to change from “Stopped” to “Running.”

Going Live! Add Code to Your Website

Now that Newo Chat is running, you can add it to your website:

  1. Click the three dots icon on the right of the “newo_chat” connector.
  1. Click Edit Settings.
  1. Change the “Client Website Base URL” to your website URL (e.g., www.websitename.com).
  2. Copy the generated “Widget Script” to your clipboard and add it to your website's HTML code right before the end of the body tag (i.e., footer section). Example: ... [add widget script here]
  3. Ensure you Save the updated connector.
  4. Publish your website and ensure the Newo Chat icon appears at the bottom-right corner.

Newo Chat Settings

After conversing with your agent, you may want to adjust some parameters within the “newo_chat” connector. Here’s what you can change:

  • Agent Name: The agent's name is displayed at the top of the Newo Chat widget.
  • Agent Picture URL: This picture is used to identify the Digital Employee the user is communicating with. Leave it empty for the default picture, or add a URL to your own agent profile image.
  • Auto Open After: You can specify a time in seconds, after which the Newo Chat will be opened automatically. Enter either:
    • -1 = will never open automatically.
    • 0 = will open immediately.
    • 0 >= will open after N seconds. For example, adding "3" would open the Newo Chat after 3 seconds.
  • Bubble Text: The bubble text is shown before opening the Newo Chat. For example, “I’m your personal AI assistant, let’s chat!”
  • Color: Add a color in HEX (e.g., #FFFFFF), which is the color of the Newo Chat icon on your website. Change the color to match your brand.
  • Greeting Phrase: Change the greeting phrase displayed as the first message from your agent. For example, "Hello, what can I assist you with today?"
  • Icon X Position: You can use this setting to shift the icon by a certain number of pixels on the X-axis (horizontally) relative to the bottom-right corner.
  • Icon Y Position: You can use this setting to shift the icon by a certain number of pixels on the Y-axis (vertically) relative to the bottom-right corner.
  • Show-case Status: Shows the agent's “Online” status.

Ensure you click Save after making any changes to the above settings.

Updated 4 months ago