# 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! 🚀