Add a Customer AI Chatbot to Your Framer Website

In this video, you’ll learn how to build and deploy an AI chatbot on your Framer website, using both free and paid methods. We’ll walk you through two setups — one that gives you a fully dynamic chatbot widget across pages, and another that works without a subscription using a static embed.

You’ll learn how to create your chatbot in Botpress, customize the look and behavior, and connect it to your knowledge base using links and files. Then we’ll show you how to deploy the chatbot in Framer — either as a site-wide widget with custom code, or as an embedded iframe on a single page.

Framer makes it easy to ship fast websites. Botpress helps you add smart AI chatbots to them. Let’s get started.

WordPress Chatbot:    • How to build an AI chatbot for WordPress (...  
Wix Chatbot:    • How to Build a Custom Chatbot for Your Wix...  
React Chatbot:    • How to Build an AI Chatbot in React  
AI Chatbot for Website: https://botpress.com/blog/ai-chatbot-...

🤖 Try Botpress for free: https://www.botpress.com
🔔 Subscribe for more tutorials, product tips, and AI chatbot use cases.

Happy bot building! ⚡
#chatbot #aichatbot #framerwebsite #framer #framerchatbot #framertutorial

👉 Follow Botpress on LinkedIn:   / botpress  
👉 Join our Discord: https://botpress.com/discord
👉 Explore our docs: https://botpress.com/docs/home

Chapters:
0:00 Introduction
0:22 Bot 1: Sonic
0:46 Step 1: Create the Bot
2:22 Step 2: Customize and Publish Bot
2:58 Step 3: Deploying Bot on Framer
4:10 Bot 2: Minnana
5:10 Step 1: Create the Bot
6:00 Step 2: Embed as a Web Element
7:29 Chat Demo and Conclusion