# Install Website Chatbot on Custom Build Website

{% embed url="<https://app.arcade.software/share/XQsX27ChU9khoz8LBhdV>" %}

### **How to Install Website Chatbot on a Custom-Built Website**

Use this method if your website is built on a **custom platform** or any framework not listed (HTML, React, Angular, Laravel, etc.).

***

#### **Step 1: Open the Website Chatbot Installation Page**

1. Log in to your **BotPenguin Dashboard**.
2. Go to **Bots** from the left menu.
3. Select the bot you want to install.

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

4. Click on **Install Your Chatbot**.

<figure><img src="/files/217TVNbAGYBDZ983OBsj" alt=""><figcaption></figcaption></figure>

5. Under **Website Chatbot**, select **Custom Built**.

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

***

#### **Step 2: Copy the Chatbot Installation Script**

1. In the **Chatbot Installation** section, you will see a script code.
2. Click on the **copy icon** to copy the chatbot script.

> ⚠️ Do not modify the script.

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

***

#### **Step 3: Add the Script to Your Website**

1. Open your website’s source code or admin panel.
2. Paste the copied script **before the closing `</body>` tag** on all pages where you want the chatbot to appear.
3. Save and publish the changes.

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

***

#### **Step 4: Verify Your Website URL**

1. Enter your website URL in the **Enter your website URL** field.
2. Click on **Verify**.
3. Once verified, the connection status will update from **Not Connected**.

***

#### **Step 5: Share Installation Code (Optional)**

If a developer is handling your website:

1. Enter the developer’s email address in the **Share Installation Code** section.
2. Click **Send Email** to share the chatbot installation script.

***

#### **Step 6: Request BotPenguin Support (Optional)**

If you need assistance:

1. Click on **Help me in Installing ChatBot**.
2. Raise an installation request with the BotPenguin support team.

***

#### **Step 7: Test the Chatbot**

1. Click on the **Test Bot** button at the bottom-right corner.
2. Open your website and confirm the chatbot appears and responds correctly.

***

#### **Troubleshooting Tips**

* Ensure the script is added **only once** on the website.
* Clear browser cache after publishing changes.
* Make sure the website URL entered for verification is correct and accessible.

## Looking for more

#### Looking for a new feature

in case you have got any feature, you can raise the feature request using the below link

<https://updates.botpenguin.com/>

#### Report a Bug

In case you have got any bugs. Report us now, we will fix it asap

<https://page.botpenguin.com/632b09b7d955092f0582f952/5fed38346fb193dcc6c92d65>

#### :question: Got any questions?

<https://help.botpenguin.com/>

If you can having any questions, you can look into our repository of FAQs. Most likely, you will find your answer here. If now, write us at <support@botpenguin.com>


---

# 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://help.botpenguin.com/bots/website-mobile-app-bot/bot-setup-and-installation/install-your-chatbot/install-your-website-chatbot/install-website-chatbot-on-custom-build-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.