# Embedding / Production
Note that you can inject the Leopard Chat UI into a specific element on a page. This might be beneficial if you want to place it in a specific tab order. To enable this add a `` anywhere on the page. This is not required though and if absent the UI will automatically be injected at the beginning of the body.
```markup
Client's Website
```
The keys in the `TENEOCTX` object will be passed as individual request parameters to your TIE endpoint with every request.
You can pick up any of the parameters in a pre-processing script in Teneo Studio.
{% code title="Pre-Processing in Teneo Studio" %}
```groovy
if (engineEnvironment.getParameter("pageTitle")) {
pageTile = engineEnvironment.getParameter("pageTitle")
}
if (engineEnvironment.getParameter("pageUrl")) {
pageUrl = engineEnvironment.getParameter("pageUrl")
}
if (engineEnvironment.getParameter("pageTopic")) {
pageTopic = engineEnvironment.getParameter("pageTopic")
}
if (engineEnvironment.getParameter("message")) {
message = engineEnvironment.getParameter("message")
}
```
{% endcode %}
## Dynamically passing information
### Pass information from website to Leopard and Teneo
You can also dynamically make Leopard and Teneo aware of some page information by posting a message to the frame using JavaScript.
{% hint style="info" %}
Only use this method when some dynamic HTML or action has happened on the page and you want Leopard to be updated.
{% endhint %}
```javascript
var teneoFrameWindow = window.frames.teneochatwidget;
if (teneoFrameWindow) {
var newInformation = {
message: "something interesting just happened",
otherParam: "lorem ipsum"
};
teneoFrameWindow.postMessage(JSON.stringify(newInformation), "*");
}
```
### Pass information from Teneo through to the website
You can run JavaScript sent from Teneo on the website that embeds Teneo. Add an output parameter to any node in Teneo with the name "**script**" with the value containing the JavaScript you want to run.
{% hint style="info" %}
The above code snippet shows that you can run ad hoc JavaScript against the page that is embedding Leopard. You can also populate the **`leopardState`** object if you have defined it on the target page and that data can then be subscribed to from other scripts.
{% endhint %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://jolzee.gitbook.io/leopard/embedding.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
