# How to Embed a Blockbrain Bot into Bosch any.site

{% hint style="warning" %}
**Attention:** Before you start, make sure you have Admin access in Blockbrain (so you can generate an API Key and create a Web Component mapping), and that you already have a bot ready to connect.
{% endhint %}

### 1. Open any.site and start a new bot connection <a href="#id-1.-open-any.site-and-start-a-new-bot-connection" id="id-1.-open-any.site-and-start-a-new-bot-connection"></a>

1. In any.site, click “My bots” on the left-side navigation.

<figure><img src="/files/hDNGhcR0fVDv7MaWPowF" alt=""><figcaption><p>Home page of any.site</p></figcaption></figure>

2. Click the “Connect bot” button.

<figure><img src="/files/CS3uC0jap3eNX0P3gB1v" alt=""><figcaption><p>My bots page</p></figcaption></figure>

3. Select Blockbrain as the provider.

<figure><img src="/files/eOc68qaHrOEi92HGe3av" alt=""><figcaption></figcaption></figure>

### 2. Create and copy your Blockbrain API Key <a href="#id-2.-create-and-copy-your-blockbrain-api-key" id="id-2.-create-and-copy-your-blockbrain-api-key"></a>

In Blockbrain:

1. Go to the Blockbrain website.
2. Click Admin and open the API Keys tab

<figure><img src="/files/tWvbNMZIwCoXrOrlB6Bj" alt=""><figcaption><p>API Keys Tab in Admin</p></figcaption></figure>

3. Click Generate API key.

<figure><img src="/files/V65pPQkjDb7HYXHH5e6n" alt=""><figcaption><p>Button located on upper right side</p></figcaption></figure>

4. Name your API Key and add a description.

<figure><img src="/files/HDh3DaLGsqmNsB5PYLK0" alt=""><figcaption><p>Generate API Key pop up</p></figcaption></figure>

5. Copy the API Key.

<figure><img src="/files/d93wa6fWVzEzxYDLS6Ep" alt=""><figcaption><p>Click the censored API Key to copy</p></figcaption></figure>

In any.site:

6. Paste the API Key into the API Key field in any.site.

<figure><img src="/files/0W63qEUj0nxPJzzmOKXd" alt=""><figcaption><p>Input API Key in any.site</p></figcaption></figure>

### 3. Copy your Org Key

In Blockbrain:

1. Open the Blockbrain website.
2. Click your profile on the upper-right corner.

<figure><img src="/files/KVJ2ihBHtG8kO3992CaA" alt=""><figcaption><p>Profile on the upper right corner</p></figcaption></figure>

3. Copy your Org Key.

<figure><img src="/files/EaDgYseFj41wgwwhLsCZ" alt=""><figcaption></figcaption></figure>

In any.site:

4. Paste the Org Key into the Org Key field in any.site.

<figure><img src="/files/aXT6uMZgF5NLx6BAvk5C" alt=""><figcaption><p>Input Org Key in any.site</p></figcaption></figure>

### 4. Create a Web Component UID (bot mapping)

In Blockbrain:

1. Go to the Blockbrain website.
2. Click Admin → go to the Web Components tab.

<figure><img src="/files/W9lyLjRCIpuSkhfyggcy" alt=""><figcaption><p>Click Admin to find the Web Components tab</p></figcaption></figure>

3. Click Create new bot mapping.

<figure><img src="/files/19RkuGxpWEt5JFF9q6uJ" alt=""><figcaption><p>Button located on upper right side</p></figcaption></figure>

4. Select the chosen bot you want to embed.

<figure><img src="/files/rmPhDG0nbiYCmWUVN9xA" alt=""><figcaption></figcaption></figure>

5. Create a name for the Web Component UID (this is your mapping name).

<figure><img src="/files/StR48CHYTor9SAVXepqk" alt=""><figcaption></figcaption></figure>

6. After creating the new bot mapping, copy the **ID**.

<figure><img src="/files/fxnGF2ltQ5fvh5tMC1Rb" alt=""><figcaption><p>Click the copy button located beside the Web Component UID</p></figcaption></figure>

Back in any.site:

7. Paste that ID into the UID / Web Component ID field (wording may vary).

<figure><img src="/files/RQSoO90niFOT4XEKEExn" alt=""><figcaption></figcaption></figure>

### 5. Finalize setup in any.site

1. Add an image that represents your bot.

<figure><img src="/files/oBW7TB8VsSFpOl7e0Ttu" alt=""><figcaption></figcaption></figure>

2. Include a short description.

<figure><img src="/files/zSv0u4I3NOSUXliaZOtC" alt=""><figcaption></figcaption></figure>

3. Add instructions for the bot (optional but recommended).

<figure><img src="/files/pGa6ljzufzvbQng6sJrZ" alt=""><figcaption></figcaption></figure>

4. Click Finish

<figure><img src="/files/kJFAtNnpFVqoBADDdiuv" alt=""><figcaption></figcaption></figure>


---

# 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://docs.blockbrain.ai/for-admins/web-components/how-to-embed-a-blockbrain-bot-into-bosch-any.site.md?ask=<question>
```

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.