# Embedding for Framer

### Connecting Wonderchat with Framer: A Step-by-Step Guide

* Open your Framer page.
* Pass your mouse above "home"
* Click on the three dots in the top right corner.

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

* Select 'Settings' from the dropdown menu.
* In the Settings menu, look for the left sidebar.
* Click on the option labeled 'Custom Code"

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

.

* Click on '+' to create a new script.

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

**Configure Wonderchat Code**

* Go to your Agents page on Wonderchat dashboard.
* Click on the three dots to edit your chatbot.

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

* Select the option to "embed to website"
* A new tab will open where you can configure your bot settings:

  * Set the configuration
  * Choose widget size
  * Set position
  * Adjust display options
  * Modify behavior options.

  <figure><img src="/files/vik4oNqAWO7qaqrYQaiL" alt=""><figcaption></figcaption></figure>
* Once satisfied with your settings, click 'Copy to Clipboard'.
* Paste the copied script under the code section.

**Set Script Details**

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

* Assign a name for the script.
* Choose the correct placement for the script.
* Select the pages where you want the bot to appear.
* Decide when the script should run (e.g., on every page visit).
* After confirming all settings, click 'Publish' to apply changes to your Framer pages.

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

* You have successfully connected Wonderchat with Framer.


---

# 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.wonderchat.io/setup-guides/adding-your-chatbot-to-your-website/embedding-for-framer.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.