Copilot: Send Data¶

Description¶

This Node lets you update the content within AI Copilot widgets (IFrame or HTML) without reloading the entire widget, making it easier to modify and refresh dynamic content in real time.

Settings¶

Parameter	Type	Description
Tile ID	CognigyScript	The ID of the Copilot: IFrame Tile or Copilot: HTML Tile Node you want to update with new data.
JSON Data	JSON	The Data to send to the Copilot: IFrame Tile or Copilot: HTML Tile Node as a postMessage event.

Example¶

This example shows how to dynamically update metadata in the Copilot: HTML Tile Node using the Copilot: Send Data and a processing script.

Copilot: HTML Tile Node¶

Configure the Copilot: HTML Tile Node:

Enter the following script in the HTML Content field:

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <!-- Script to listen for messages sent to this HTML Tile -->
    <script>
      // Listen for 'message' events (data sent to this HTML tile)
      window.addEventListener("message", function (event) {
        // Log the content of the received message to the console
        console.log("Content of message: " + JSON.stringify(event.data));

        // If data is received, display it inside the metadataDisplay div
        if (event.data) {
            document.getElementById("metadataDisplay").innerText = "Metadata: " + JSON.stringify(event.data);
        }
      });
    </script>

    <!-- Header for the HTML Tile -->
    <h1>HTML Tile</h1>

    <!-- Placeholder for dynamic content -->
    <div id="test">
        Here will be your content
    </div>

    <!-- Div to display received metadata -->
    <div id="metadataDisplay">Metadata: None</div>
  </body>
</html>

The JavaScript in the <script> tag listens for messages sent via the postMessage API. Once a message is received, the content of the message (stored in event.data) is logged to the browser's console. If the message contains data, the content of the metadataDisplay div updates to show the received data.

Define the current version of the Copilot: HTML Tile Node content on the JSON field:
```
{
  "version": 1
}
```