# How to add your ChatofAI chatbot to your Wix website?

### 1. Introduction

👋 Are you looking to add a delightful chatbot to your website built on [Wix.com](http://wix.com/)? Look no further! 👇 This article will explore how you can effortlessly integrate ChatofAI's chatbot into your Wix website using simple copy-paste methods. With iframe or widget integration, you can create your 24/7 customer support chatbot without any coding skills required. 

<figure><img src="https://543652368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZGXxzmub76iILU3XH4DB%2Fuploads%2F3AfDr6KSUzA0u1zg7ga0%2FOverview-Wix-com.png?alt=media&#x26;token=5dacebe2-f5b9-40c7-af8b-8449d646e8c1" alt=""><figcaption></figcaption></figure>

[ChatofAI](https://chatof.ai) offers a user-friendly and interactive chatbot that can enhance the visitor experience on your [Wix.com](http://wix.com/) website. By embedding this chatbot, you can automate responses, provide instant support, and engage with your audience in a personalized manner. Let's dive into the steps for integration.

### 2. How to Integrate (Using Iframe or Widget)

#### 2.1 Sign in to ChatofAI and set up your bot

Please refer to the <https://docs.chatof.ai/getting-started/chatbot-setup> for more information.

#### **2.2 Integrate with Your Wix Website**

Open your [Wix.com](http://wix.com/) website editor and select your desired edit page.

<figure><img src="https://543652368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZGXxzmub76iILU3XH4DB%2Fuploads%2F5c95AxSJfuqObLjxxfms%2Fimage.png?alt=media&#x26;token=43450418-5b1e-4567-88bb-fe167dceb9ff" alt=""><figcaption><p>Open your <a href="http://wix.com/">Wix.com</a> website editor and select your desired edit page</p></figcaption></figure>

Click the **"Add"** button to embed chatbot **"HTML code"**  to your page.

<figure><img src="https://543652368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZGXxzmub76iILU3XH4DB%2Fuploads%2FSzzlT8PxH83cORHTOoJz%2Fimage.png?alt=media&#x26;token=2aeee94e-717d-4ac9-95d3-33c3d4de772e" alt=""><figcaption><p>Click the <strong>"Add"</strong> button to embed chatbot <strong>"HTML code"</strong>  to your page</p></figcaption></figure>

Copy and paste your ChatofAI chatbot embed code.

<figure><img src="https://543652368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZGXxzmub76iILU3XH4DB%2Fuploads%2FCHADbuy9lHQL2ELoL9ec%2Fimage.png?alt=media&#x26;token=07e9c79d-d6c6-466b-bd43-bfb5ec29b803" alt=""><figcaption><p>Copy and paste your ChatofAI chatbot embed code</p></figcaption></figure>

Adjust your chatbot interface, such as width, height, and alignment.

#### Embed as iframe

<figure><img src="https://543652368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZGXxzmub76iILU3XH4DB%2Fuploads%2FYxVM3MfwFf1rBERUGzrL%2Fimage.png?alt=media&#x26;token=735cad8f-2854-4c85-9dc3-ff9f081addb5" alt=""><figcaption><p>Adjust your chatbot interface, such as width, height, and alignment and embed as iframe</p></figcaption></figure>

#### Embed as a widget(chat bubble)

Page Widget:

<figure><img src="https://543652368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZGXxzmub76iILU3XH4DB%2Fuploads%2FlCenYPRZ4vp9n1wN10oS%2Fimage.png?alt=media&#x26;token=3636298a-8c20-45ed-838b-bccf61898afb" alt=""><figcaption><p>Adjust your chatbot interface, such as width, height, and alignment and embed as a chat bubble</p></figcaption></figure>

Website(full-page) Widget (**Recommended!** )

Details: <https://help.wixanswers.com/kb/en/article/installing-a-widget-on-your-wix-site>

Effortlessly integrate ChatofAI's chatbot into your [Wix.com](http://wix.com/) website using iframe or widget integration. Enhance user engagement and provide instant support without any coding. Start building your own website customer service chatbot today! 🚀


---

# 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.chatof.ai/getting-started/integrations/how-to-add-your-chatofai-chatbot-to-your-wix-website.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.