> For the complete documentation index, see [llms.txt](https://help.botpenguin.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.botpenguin.com/bots/website-mobile-app-bot/website-chatbot-setup-and-installation.md).

# Website Chatbot Setup and installation

## Interactive Guide

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

## Guidance Video

{% embed url="<https://youtu.be/qTtLQvPYA5E>" %}
How to create a Website chatbot
{% endembed %}

***

## Steps to Make a Website Chatbot

1. To create your Website chatbot , you first need to visit the BotPenguin Dashboard: <https://app.botpenguin.com/home>
2. To start creating your new chatbot, Click on Bots then click on **"Create New Bot."**

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

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

3. Select the platform.

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

4. Select the Usecase for creating your bot and proceed further.

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

5. You will be redirected to the Chatflow. You can change the flow to the Classic Builder according to your convenience.
6. You can configure the chatflow and test it accordingly.

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

​

7. Double Click on the Component to open the Configure window of the particular Component.

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

7. Configure the General and Advance settings of the particular component.
8. Click on Classic Builder button to switch to Classic mode.

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

9. And the mode will be switched to classic.

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

You may select from existing templates or skip this step to build your bot from scratch.

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

10. Click on Import Template button to import the existing Chat Templates into your Chatflow or create new one from the scratch.

​

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

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

11. Click on **"Test"** button to test your chatflow on website or Landing Page.

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

12. Click on Install button to install the Chatbot on different platforms.

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

<figure><img src="/files/4IGsJ2XJwKL9rs9TMD2N" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/nXHDFGXAHn97uE9Vrs7I" %}
[Install your Chatbot](/bots/website-mobile-app-bot/website-chatbot-setup-and-installation/install-your-chatbot.md)
{% endcontent-ref %}

🎉 Congratulations, you have successfully completed this section!

### FAQs for Website Chatbot Creation&#x20;

<details>

<summary>Do I need coding knowledge to create a Website Chatbot?</summary>

No, BotPenguin provides a no-code builder. You can create and configure your chatbot using drag-and-drop components without any technical expertise.

</details>

<details>

<summary>Can I switch between Flow Builder and Classic Builder anytime?</summary>

Yes, you can switch to **“Classic Builder”** from the Chatflow screen whenever required. However, ensure your flow logic is reviewed after switching modes.

</details>

<details>

<summary>Can I build a chatbot from scratch instead of using a template?</summary>

Yes, you can skip template selection and create your chatbot completely from scratch using the builder.

</details>

<details>

<summary>How can I test my chatbot before going live?</summary>

Click on the **“Test”** button inside the Chatflow builder to preview how the chatbot will respond on your website or landing page.

</details>

<details>

<summary>What does the “Install” button do?</summary>

The **“Install”** button generates the integration script or platform-specific installation method required to deploy the chatbot on your website or other supported platforms.

</details>

<details>

<summary>Can I edit my chatbot after installing it on my website?</summary>

Yes, you can update the chatflow anytime. Changes will reflect automatically once saved and published.

</details>

***

If you still have questions for our team, write to us at [**support@botpenguin.com**](mailto:support@botpenguin.com). We’ll get back to you within 48 hours.