I was talking to a friend that asked me if there was a way to embed something like ChatGPT into their website but have it act as a certain person from history answering questions that people might have. I decided I could use a bit of practice with the OpenAI/Anthropic/Gemini APIs so I dove in and created Simple AI Chat Embed.

Right now it supports some of the most popular LLM models out there right now, OpenAI’s gpt-4o-mini, Google’s gemini-2.0-flash-lite, and Anthropic’s claude-3-7-sonnet-20250219.

Like the name suggests it is a super simple plugin where you can add an API key for your chosen LLM provider and then a name for your chat bot and you’re good to go.

Then you have a place where can add a pre-prompt which is really just a bit of text that is added to your prompt that you can use to set up the context of the chatbot. Up above I made one that acts as a cat expert – note how I added the bits about not deviating from the context, just in case someone asks an irrelevant question or tries to misuse the bot it adds a small layer of hardening, if you can call it that.

It works as a Gutenberg block, an Elementor block, and a shortcode so that people can use it in different ways depending on their work flow. Want to see it added for a different page builder? Email me at moe@moe.ca and I’ll make it happen.

You can style it any way you’d like with CSS and if you want to play around it with it some more it is based on the react-chatbot-kit and uses that library to do the actual chatbot part of things (sending and receiving messages).

I hope it is useful to anyone out there that uses it! If you have any questions or comments or any suggestions I’d love to hear them, email me or use the comment form below to get in touch.