Chatbot Wizard

The Chatbot Wizard component allows you to rapidly create an AI website chatbot powered by OpenAI that you can embed on your website. It’s not as powerful as the Machine Learning component, but much easier to use. You can start out with the Chatbot Wizard, for then to later configure your model with the Machine Learning component.

Screenshot of scraping your website for custom AI chatbot RAG data

You’ll need an OpenAI API account, and provide Magic with your API key. You can optionally configure reCAPTCHA if you want to, but Magic contains Magic CAPTCHA out of the box, which should be good enough for most. Once you’ve done this, you can provide your website URL, click a button, and some few minutes later you’ve got an AI chatbot you can include on your website. Once you’re done with this process, you can further configure your model using the Machine Learning component, manually adding training snippets, edit training snippets, etc.

Create your own AI chatbot

The process of creating an AI chatbot is fairly straight forward. The following guides you through everything you need to know to get started.

1. Configuring Magic with your OpenAI API key

To create your own AI chatbot you first have to supply Magic with your OpenAI API key.

Screenshot of configuring Magic with your OpenAI API key

If you don’t have an OpenAI API key you can click here to go to OpenAI’s platform and create one. Notice, you have to make at least one payment to OpenAI before you’re given access to their latest models.

Your API key should resemble the following;

sk-xyGHa45xyzQWEghjKLMNOaBCdQHHllsdf345SFGfdg

The above is obviously not a valid API key, but simply provided to illustrate roughly what it looks like.

2. Configuring Magic with reCAPTCHA keys - OPTIONAL

To avoid having your chatbot overrun by bots, you should use some sort of CAPTCHA library. Magic contains its own PoW-based CAPTCHA library, but you might want to use Google reCAPTCHA as an alternative here. You can create a Google reCAPTCHA key pair for free by clicking here. Copy and paste both the site-key and the secret into the dialog asking you for your reCAPTCHA settings.

Screenshot of providing Magic with your reCAPTCHA keys

Since Magic contains its own internal PoW-based CAPTCHA library, this step is optional, and you can just ignore it unless you want extra tight security for your chatbot.

3. Scraping your website

Before you click “Create chatbot”, you can choose a base model from OpenAI, a “persona”, how many pages you want to scrape, and whether the chatbot should be automatically deleted after 7 days. The persona is a template for a system message or OpenAI instruction. If you choose a persona with the word “DYNAMIC” in its name, the system message will be dynamically created according to the landing page of the website you are crawling, and typically produce a much higher quality chatbot for you. We recommend using “Frank - DYNAMIC” here.

Finally you can scrape your website. Provide the chatbot wizard with your website’s URL, and click the “Create chatbot” button.

Screenshot of scraping your website to create an AI chatbot using the Chatbot Wizard

If you provide a sub-URL such as for instance foo.com/blogs, the scraper will only scrape pages beneath /blogs. This allows you to scrape an explicitly defined sub-portion of your website, and such have some control over which pages are being scraped.

The wizard reports its progress as it crawls your site and turns the pages into training data - which pages it found, how many training snippets each page produced, and what it is currently working on.

Screenshot of the wizard reporting its progress while scraping a website

Once the process is done, your AI chatbot has its own landing page, served straight from your cloudlet at your-cloudlet-url/model-name - the wizard shows an “Open chatbot” button taking you there. This gives you a URL you can copy and paste, sharing your chatbot with anyone before you’ve even embedded it on your website - useful for testing it, or handing it to a client for review. A few minutes later your chatbot is ready. From here you manage and embed your chatbot using the Machine Learning component, where you can further edit its training data and copy the HTML snippet required to embed it on your website.

If you want to see what the different chatbot themes look like, you can try all different themes here.

When you’re done with the above you probably want to use the Machine Learning component to further configure and manage your chatbot.

Frequently asked questions

What is the Chatbot Wizard?

The fastest way to create an AI website chatbot. Provide your website URL, and the wizard crawls the site, turns what it finds into training data, and gives you an embeddable chatbot a few minutes later.

What do I need before creating a chatbot?

An OpenAI API key. Optionally you can configure Google reCAPTCHA, although Magic ships with its own PoW-based Magic CAPTCHA, which is good enough for most.

What is a persona?

A template for the chatbot's system instruction. Personas with DYNAMIC in their name generate the instruction from your website's landing page, typically producing a much higher quality chatbot.

Can I control which pages are scraped?

Yes. If you provide a sub-URL such as foo.com/blogs, only pages beneath /blogs are scraped, giving you control over which parts of your site become training data.

How do I embed the chatbot on my website?

Once created, use the Machine Learning component's Embed button, which gives you a script tag you can paste into your website, with themes and colours you can customise.

Can I refine the chatbot afterwards?

Yes. The chatbot is a machine learning model, so you manage it with the Machine Learning component - editing training data, changing its model or instruction, adding widgets and AI functions, and monitoring its usage.