Skip to Content
Chat Widget IntegrationChat Widget Parameters

Chat Widget Parameters

Required Data Attributes

data-embed

Description: Embed key used to identify requests from the chat widget. System automatically generates it. Example: data-embed="xcets2233*****"

data-website

Description: Website key used to identify chat widget UI. System automatically generates it. Example: data-website="xcets2233*****"

Optional Data Attributes

data-curatu-image

Description: URL of the image to be used for the chat icon.
Default: If not specified, default image will be displayed.
Example: data-curatu-image="https://images.ctfassets.net/bedcewdch232/cdewghdew26372362/jhcdhewjdvewjdvewdhew/[icon_name].png"

data-curatu-image-width and data-curatu-image-height

Description: Width and height of the chat icon image in pixels. The value provided must only include number. Do not include px. Default: 140px for both width and height if not specified.
Example: data-curatu-image-width="100", data-curatu-image-height="100"

data-curatu-notification-message-title and data-curatu-notification-message-body

Description: Title and body of the notification message that appears when the widget loads. If you leave this empty it will not show notification message.
Example:

  • data-curatu-notification-message-title="Welcome to Curatu Support!"
  • data-curatu-notification-message-body="Hello! 👋 Need help or have questions? Just ask away!"

data-curatu-notification-message-delay

Description: Delay in milliseconds before the notification message is displayed after the widget is loaded.
Default: 15000 milliseconds (15 seconds) if not specified.
Example: data-curatu-notification-message-delay="7000"

Integration Example

Here is an example of how you can integrate the Curatu Chat Widget with all the attributes discussed:

<script
  data-embed="xcets2233*****"
  data-website="rwets2324*****"
  data-curatu-image="https://images.ctfassets.net/bedcewdch232/cdewghdew26372362/jhcdhewjdvewjdvewdhew/[icon_name].png"
  data-curatu-image-width="100"
  data-curatu-image-height="100"
  data-curatu-notification-message-title="Welcome to Curatu Support!"
  data-curatu-notification-message-body="Hello! 👋 Need help or have questions? Just ask away!"
  data-curatu-notification-message-delay="7000"
></script>

When you copy the script from the API section of the dashboard, it will only include the required parameters. You can add additional parameters as per the options listed above.

Example code from API section

<div id="curatu-root"></div>
<script
    src="https://static.curatu.ai/static/0.0.8/export.js"
    data-embed="xcets2233*****" data-website="rwets2324*****">
</script>

Chatbot widget will be loaded inside this div<div id="curatu-root"></div>. src attribute loads required JS and CSS files.

Curatu Chat Widget IntegrationOverview