Hey community! Today, I’m excited to share how I added a chatbot to my SightSpeak website using DNN (DotNetNuke). It’s honestly pretty simple, and I’ll walk you through it step-by-step in an easy way anyone can follow—no tech genius required! In my previous blog, I explained How To Create a Chatbot Using Copilot Studio – A Beginner’s Journey! If you haven’t checked it out yet, I’d totally recommend giving it a quick read first at https://sightspeak.ai/Blog/how-to-create-a-chatbot-using-copilot-studio-–-a-beginner’s-journey!. It’s all about how I built the chatbot from scratch! Today, we’re taking the next step: embedding that chatbot into a DNN website. Let’s do!
Step 1: Embed the Chatbot in the SightSpeak Website
So, first things first—I had to figure out how to get the chatbot on to my SightSpeak site. Since SightSpeak runs on DNN, I used the HTML module. It’s like a magic box DNN gives you to add custom goodies like this.
Here’s what I did:
- I logged into my website’s admin area.
- I picked the page where I wanted the chatbot to show up—like the homepage or maybe the contact page.
- I dropped the HTML module onto that page. It’s like a blank box where you can paste code.
- I got the chatbot’s iframe code (just a snippet of HTML that connects to the chatbot) from the tool I used—Copilot Studio, from my last blog.
- I pasted that iframe code into the HTML module and saved it.
Nice! The chatbot appear on my site, ready to chat with visitors.!
Step 2: Test the Chatbot Integration
Okay, Adding the chatbot was only half the job—I had to make sure it actually worked! Testing is very important because I didn’t want my visitors to run into problems.
Here’s how I tested it:
-
I opened my SightSpeak website in a browser (like Chrome or Firefox) and went to the page with the chatbot.
-
I clicked on the chatbot and asked it a simple question—like “Hi, what do you do?”—to see if it responded.
-
I checked if it looked good on the page and didn’t mess up the design (like overlapping other stuff).
-
I also made sure it could pull info from the knowledge base—the collection of answers and info I’d set up for it. For example, I asked something specific like “What’s SightSpeak about?” to see if it gave the right answer.
Everything worked smoothly! The chatbot replied quickly, and all the knowledge base content was there for it to use.
Why It’s Awesome
Having a chatbot on SightSpeak feels like a total win. It’s like hiring a 24/7 assistant who never sleeps—ready to help out when I’m off doing other things. And the best part? Using the DNN HTML module made it so easy—no coding skills needed, just a little copy-paste action.
If you’ve got a DNN site like SightSpeak and want to add a chatbot, give this a try, simple way to make your site more helpful and welcoming for visitors. Let me know how it goes—I’d love to hear your stories! Thanks for reading, friends! More easy blogs are on the way with SightSpeak AI, so stay tuned for what’s next!