Skip to main content

How to Embed Your Own ChatGPT Bot on Websites Using Chatbase: A Comprehensive Guide

By June 26th, 2023No Comments6 min read


In today’s fast-paced digital world, having an AI chatbot on your website can significantly enhance user experience and provide valuable assistance to your visitors. Chatbase is a powerful software that allows you to create your own ChatGPT bot, train it on any information you have, and seamlessly embed it on your website. It supports various methods for training your bot, such as uploading files, inserting text, or scraping websites. The best part? At the time of writing this post, Chatbase has a lifetime deal on AppSumo, which means you won’t have to pay a monthly subscription fee for your chatbot.

This comprehensive guide will walk you through the process of embedding a ChatGPT bot on your website using Chatbase, ensuring you have all the necessary information to enhance your site’s functionality and user experience.

Creating a ChatGPT Chatbox with Chatbase

To begin creating your ChatGPT chatbox with Chatbase, you will first need to choose the method by which you want to train your bot. You have three options:

  1. Uploading files: This method allows you to upload files containing the information you want your bot to learn. The supported file formats include plain text, PDF, and HTML.
  2. Inserting text: If you do not have files to upload, you can simply insert the text directly into Chatbase. This is ideal for shorter pieces of information or specific topics.
  3. Scraping websites: This option allows you to use your own website or any other website as a source of information for your bot. Chatbase will fetch the URLs and use the content from those pages to train your bot.

For this guide, let’s assume you want to train your bot using your website. Here’s a step-by-step process:

  1. Enter your website’s URL into the provided field.
  2. Click on the “Fetch Links” button to allow Chatbase to crawl your website and fetch all the URLs.
  3. Once the URLs have been fetched, you will see a list of them. Choose which URLs you want to use for training your bot. This will help you create a chatbox based on relevant information from your website.

After selecting the URLs and creating your chatbox, you can now move on to embedding it on your website.

Embedding the Chatbox on Your Website

Once your ChatGPT chatbox is ready, Chatbase offers two options for embedding it on your website:

  1. Directly embed the chatbox: You can place the chatbox anywhere on your website using the provided code. This gives you the flexibility to decide where your chatbox will appear on your site.
  2. Add a chat bubble: This option allows you to add a chat bubble to the bottom right corner of your website using a script. The chat bubble will be available across all pages of your site, making it easy for users to access the chatbox whenever they need assistance.

For instance, Chatbase’s own website has a chat bubble that’s available throughout the site, providing a clear example of how this option would look.

Before embedding the chatbox or chat bubble on your website, make sure you set up the appropriate visibility settings and domain name:

  • Change the chatbox visibility: You can choose to make your chatbox public or keep it private while still embedding it on your website.
  • Enter the domain name: Provide the domain name of the website on which you want to embed the chatbox. This will ensure that the chatbox works correctly on your site.

Now that you have these settings in place, let’s explore both embedding options in more detail.

Option 1: Directly Embedding the Chatbox on Your Website

To directly embed the chatbox on your website, follow these steps:

  1. Copy the provided code from Chatbase.
  2. Paste the code into your website’s HTML where you want the chatbox to appear.
  3. Save your changes and refresh your website to see the chatbox in action.

Keep in mind that depending on your website’s design, you may need to adjust the code or surrounding elements to ensure the chatbox is displayed correctly.

Option 2: Adding a Chat Bubble to Your Website

For those who are not tech-savvy or prefer an easier method, you can use the WordPress plugin “Insert Headers and Footers” to add the chat bubble script to your website. Here’s how:

  1. Install and activate the “Insert Headers and Footers” plugin on your WordPress website.
  2. Go to the plugin’s settings under “WP Code” and click on “Header and Footer.”
  3. Copy the chat bubble script from Chatbase.
  4. Paste the script into the “Header” section of the plugin settings.
  5. Save your changes.

Now, when you visit your website, you will see the chat bubble in the bottom right corner, allowing users to access the ChatGPT bot from any page on your site.

Testing the Embedded ChatGPT Bot on Your Website

After embedding the chatbox or chat bubble on your website, it’s essential to test it to ensure it’s functioning correctly and providing useful information to your visitors. Here’s how to test your ChatGPT bot:

  1. Navigate to your website and locate the chatbox or chat bubble.
  2. Click on the chat bubble (if using Option 2) to open the chat interface.
  3. Ask a question related to the content on your website, such as “How does your product work?” or “What are your pricing options?”
  4. Evaluate the bot’s response to ensure it’s accurate and relevant to your website’s content.

If you encounter any issues or the bot doesn’t provide satisfactory answers, consider retraining it by refining the information used in the training process or adjusting your selected URLs.

Frequently Asked Questions

To help address any concerns or questions you may have about using Chatbase and embedding your ChatGPT bot on your website, we’ve compiled a list of frequently asked questions:

Q: Can I train my bot on multiple websites or documents?

A: Yes, you can train your bot using information from multiple websites or a combination of websites and documents. However, keep in mind that the more data you use, the longer it may take to train your bot.

Q: What if I need more than the included message credits?

A: If you exceed the message credits included in your Chatbase plan, you can either upgrade to a higher-tier plan or pay for additional API usage.

Q: Are there any limitations to the type of content I can train my bot on?

A: While Chatbase supports a wide range of content types, it’s essential to respect copyright laws and only use content that you have permission to use for training purposes.

Q: Can I customize the appearance of the chatbox or chat bubble?

A: Yes, you can modify the appearance of the chatbox and chat bubble by editing the provided code or script. However, this may require some knowledge of HTML, CSS, and JavaScript.

Q: Is it possible to use Chatbase with non-WordPress websites?

A: Absolutely! While this guide focuses on using the “Insert Headers and Footers” plugin for WordPress, you can also manually add the chatbox code or chat bubble script to non-WordPress websites by editing the site’s source code.


Embedding a ChatGPT bot on your website using Chatbase is a straightforward process that can significantly enhance your site’s user experience and provide valuable assistance to your visitors. By following this comprehensive guide, you’ll be well-equipped to create, train, and embed a ChatGPT bot tailored to your website’s content.

If you have any questions or need clarification on any part of the process, feel free to leave a comment below. And if you’re interested in taking advantage of the Chatbase lifetime deal on AppSumo, check out the link provided. It’s a cost-effective way to create an AI chatbot for your website without worrying about monthly subscription fees.

Leave a Reply