Skip to main content

Your Discord AI Just Escaped to Your Website (And That's Amazing)

· 4 min read
Topias
Wallu's Developer
Wallu web widget in action on a website

Your Discord AI assistant is doing amazing work - answering questions, helping members, and becoming smarter every day. But what if that same intelligence could help visitors on your website too?

Today, we're launching something that bridges that gap: Wallu Web Widget. Your Discord AI can now escape the matrix (Discord) and provide the same intelligent support directly on your website.

Same Brain, New Location

Here's what makes this different from every other chat widget out there: it's the same AI that's helping your Discord community.

No separate setup & bills. No duplicate knowledge bases. No maintaining two different systems. Your Discord AI simply extends to your website with all the intelligence it's already built up.

When someone asks a question on your website, they're getting answers from the same knowledge base that you've refined through hundreds of Discord conversations. It's like having your most knowledgeable community member available 24/7 on your website.

Ultra-Simple Setup (Because We Hate Complicated Things)

Remember the days when adding a chat widget meant wrestling with APIs, setting up servers, and praying nothing breaks? We don't miss those days either.

Setting up the Wallu Web Widget takes less than a minute:

Option 1: CDN (No Downloads Needed)

<script>
// Configure your API key BEFORE loading the widget
window.WALLU_CONFIG = {
apiKey: 'pk_your_actual_key_here', // 🔑 REQUIRED: Get from https://panel.wallubot.com/addons
theme: 'gaming',
}
</script>
<script defer src="https://wallubot.com/wallu-widget.js"></script>

Option 2: Fully Customizable (Download the File)

  1. Download the widget file from the GitHub repository
  2. Edit the file and add your public API key there
  3. Place it on your server (e.g., public directory, next to your index.html)
  4. Add this to your HTML, adjusting the path to where you placed the file:
<script src"./wallu-widget.js"></script>

That's it. Your Discord AI is now live on your website.

Also, as it's just one file you can very easily ask any AI (ChatGPT or Claude) to edit it for you!

Built for Real Websites

We've tested this on everything from simple HTML sites to complex React applications. WordPress? Check. Shopify? Check. That custom Next.js site you built at 3 AM? Also check.

The widget includes:

  • 5 built-in themes (Discord, corporate, tech, gaming, minimal)
  • Mobile responsive design because half your visitors are on mobile
  • Custom branding options to match your site perfectly
  • Discord webhook logging to track website conversations in one place on Discord

The Security Question Everyone Asks

"Is it safe to put my API key in frontend code?"

Yes - when you use public API keys (the ones starting with pk_). These keys can only send messages to your AI, just like a user would in Discord. They can't modify settings or do anything potentially harmful.

Think of it like giving someone permission to ask your AI assistant questions - which is exactly what website visitors should be able to do.

Perfect for These Communities

If you run any of these, the web widget is probably going to save you a lot of time:

  • Gaming communities with websites that need consistent support
  • SaaS products using Discord for community support
  • Content creators with both Discord and website presence
  • Any business that's built up knowledge in Discord and wants to share it

Customize Behaviour

You may want it to behave slightly different on your website. For example, link to your Discord for more complex questions etc. You can do that on the Wallu's Channels Page by selecting your web widget channel and editing the settings. The channel will appear there once first message is sent from the widget.

In the custom instructions for the web widget you can add, for example:

- IMPORTANT: You are now responding on our WEBSITE, not on Discord!
- If you cannot help the user, refer them to join our Discord server https://discord.gg/yourserver
tip

Add discordWebhook: true and it will log all website conversations to your configured Discord channel.

Getting Started

The fastest way to see this in action? Check out the demo. You'll see exactly how it would look on your website.

Ready to extend your Discord AI to your website? Grab your public API key from the Wallu Panel, download the widget, and you're 30 seconds away from having intelligent website support.

Your Discord community built up all that knowledge - now let your website visitors benefit from it too.

Try it yourself: Web Widget Repository