Discover the best chatbot websites created by professional designers. Get inspired and start planning your perfect chatbot web design today!

Severin Gamper

🏆 Website of the Day – CSSDA
🏆 Honorable Mention – Awwwards
🏆 Best UI Design – CSSDA
🏆 Best UX Design – CSSDA
🏆 Best Innovation – CSSDA

ESE Media created a website for the local business Star Bicycle to cement their place in the market as the specialist for the highest quality bikes and services. The home page serves as a digital experience of in the company and their values.

for more information on the project visit www.esemedia.ch

Design and Build by @severingamper
for ESE Media GmbH

Star Bicycle Bike Shop

Supercreative

Learnflow is a free template to learn how to no-code in Webflow.

You'll learn how to..
1. Add a comment section with Remarkbox
2. Integrate a chat box with Crisp (our sponsor)
3. Translate your site instantly with Weglot (our sponsor)
4. Integrate a video chat with Daily.co
5. Sell digital assets easily with Gumroad
6. Track events and conversion rate with Splitbee
7. Add 3D scenes and elements with Spline 
8. Add a radio with RadioKing
9. Create a community space with Memberstack
and +10 other exercises to integrate powerful features to your website. 

For more informations, visit https://www.supercreative.design/download/learnflow

Clone the project to get started.

If you have any questions, you can either leave a comment below or join the Discord server! https://discord.gg/jN9wvyZT

For more informations, visit https://www.supercreative.design/download/learnflow

Clone the project to get started.

Learnflow

Shaun Heath

For additional support contact me here:

https://www.wat.studio/

I recently came across the tutorial on Webflow University regarding "how to add a WhatsApp chat widget to your webflow projects" realising that I didn't want to pay the $5 a month fee for Elfsight I had a look at what it was doing and it really wasn't doing very much.

Installation: Copy and paste or clone this project, if you copy and paste you will need to recreate the interactions.

Also include the following script into your project custom code (before Body close:

<script>
$(document).on('click', '#close-chat', function(event) { 
    event.preventDefault(); 
    $("#whatsapp-button").click(); 
});
</script>

This will prevent the close button from performing its default action, so you can manage the open and close through one interaction.

Finally, to connect your whatsapp account, just change the link on the "Start WhatsApp chat" button with your telephone / Whatsapp number:

https://wa.me/1XXXXXXXXXX

Free Whatsapp Chat Widget

Vimalan Vijayasekaran

This is simple chat bot form made using only Webflow and a bit of code magic. Clone it and enjoy!!

V2.0 is coming soon! More customisation, component section and code blocks that correspond to each component. 

Stay tune! :)

Webflow Chat Bot

ViDesigns

🚀 Made using Formly: http://tryformly.com/

A fully responsive chat styled multistep form using Formly.

Inspired by: https://dribbble.com/shots/21097494-Hellorep-ai-onboarding-experience

Please note that this cloneable uses:
- A FormlyPro feature: Get Input Data
- Custom code: GSAP, CSS styling and misc JS code
- Finsweet Range Slider

⚡️ Formly - Chat Style Form

Adrian Raath

A simple, chatbot style contact form fixed to the bottom right of your site. Comes with already setup smooth interactions. Enjoy!

Chatbot Style Contact Form

BRIX Templates

Install a simple chat widget on your website so your customers can get in touch with you via WhatsApp, Telegram, Messenger, Email, or in any other platform.

- - - - - - - - - -

Interested in this free Webflow Cloneable?

• Check out a live preview on: https://livechat-cloneable-brixtemplates.webflow.io/

• Click 'Clone project' to get a clone on your Webflow account

• Get the cloneable Figma file to customize the styling and graphics: https://www.figma.com/community/file/1085644848079162476

- - - - - - - - - -

• BRIX Templates - Looking for more Webflow templates? Take a look at our collection of premium & free Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

Live Chat Webflow Cloneable Template - BRIX Templates

The Quo Repo Project

A contact form bubble you can copy and paste in your projects. Mobile ready.

The second page of the project will allow you to visually edit the chat header text and pictures, via a symbol approach.

---------------------------

BTW, you are welcome to show your support by subscribing to my channel:

https://www.youtube.com/channel/UCOpQffrF5Y79_fWGSXfBqDw

Cloneable chat-like contact bubble

Yeswedoweb

yeswedoweb Hub

A free cloneable of the chatbase.co homepage. The website was built in less than a day thanks to Finsweet's client-first system and Relume.

Please read:
Made for educational purposes only.
Chatbase name, logo, and assets are the property of their respective owner. This demo project is unaffiliated.

A few elements were altered a bit on purpose (such as the main buttons).

[Cloneable] Chatbase.co home page rebuild

Zoe Tang

Whenever my creativity hits a block, I turn to inspiring shows to spark new ideas. This design, inspired by one of my favorite shows, The Arena - Match 7, reimagines their design elements with a fresh 3D animation from Spline.

Rollix Bot

Digital Sparks

Use OpenAI GPT-3's to generate SEO titles and descriptions straight from the Webflow Designer.

Open the page settings, click the new 'Generate Title' or 'Generate Description' button and add your keywords! Additionally, add info on the page's purpose to provide OpenAI GPT-3 some additional context. 

All meta titles generated by this plugin are capped at 70 characters. Meta descriptions are capped at 160 characters.

Generate SEO title Tags using GPT-3 | Free Webflow Chrome Plugin

Wavespace - UI/UX Design Agency

Brainwind is a sleek and fully responsive Webflow template designed for AI writing tools, SEO platforms, and content automation dashboards. With a modern dark UI and modular layout, it helps AI startups and SaaS platforms scale content creation and optimize performance through real-time analytics and conversion-driven design.

𝗣𝗲𝗿𝗳𝗲𝗰𝘁 𝗳𝗼𝗿:

AI startups, AI writing tools, SEO SaaS products, SEO automation tools, digital marketers, writing apps, and content-focused SaaS businesses.

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 & 𝗕𝗲𝗻𝗲𝗳𝗶𝘁𝘀:

•  Clean, modular UI with real-time SEO insights
•  Built-in blog, article, and audio generator modules
•  Voice control and AI chat compatibility
•  Security-focused with user privacy features
•  Fully responsive and Webflow CMS-optimized
•  CTA-ready sections to drive signups and demos

Have a project? Contact us: hello@wavespace.agency

Brainwind – AI SEO Content Generator Webflow Template

Eve Kayser

Keep Learning School

Cam Fr

Are you looking for a chatbot plugin on Webflow?
Try Joonbot! 😁
It takes minutes to create a chatbot with our drag and drop builder and seconds to install.

chatbot in Webflow

Factor Theme

SaaS website template for AI chatbots in customer support and service. It caters to business of ai chat bot industry for customer support. Showcase chatbot capabilities with webflow template designed for artificial intelligence.

You can Learn More and purchase this template from webflow marketplace using below link:
https://webflow.com/templates/html/ai-chatbot-saas-website-template

Ai Chatbot For Customer Support - Webflow Saas Template

Deeploy WaaS

The Voice and Chatbot that automates your customer contact phone calls, chats and emails in any language and 24/7.

scotty-technologies

Rade Joksimovic

Introducing ShortlistIQ, the groundbreaking AI-powered platform revolutionizing the talent acquisition (TA) landscape for HR professionals. 

Designed to seamlessly integrate with your existing HR systems, ShortlistIQ offers an innovative solution for organizations looking to streamline their recruitment process, enhance candidate engagement, and make data-driven hiring decisions. 

By leveraging advanced AI technology, ShortlistIQ provides HR teams with efficient, bias-free first-round interview capabilities, enabling a more inclusive and fair selection process. With the ability to customize AI recruitment assistants to perfectly embody your organization's culture and values, ShortlistIQ transforms the way businesses approach talent acquisition. 

Join the movement towards smarter, more effective hiring with ShortlistIQ—an essential tool for modern HR professionals committed to finding and securing the best talent.

ShortlistIQ

Sommo

A deep dive into Sommo's digital canvas instantly transports visitors into the cutting-edge realm of AI. The design is audaciously bold, encapsulating the spirit of the current AI tech trend. The deep black theme, peppered with radiant neon colors, sets the stage for a mesmerizing user experience. Complemented by sophisticated animations, the site embodies the dynamic and transformative nature of the AI revolution.

3 Sommo Products (Dyvo Avatars, AI Chat and Dyvo Product Photos) with an overwhelming 300,000 users and counting, exemplify the convenience and efficiency of integrating AI into daily digital tasks.

Beyond its products and design, the soul of Sommo's site lies in its mission: to ignite the spark of the AI revolution in every visitor. It beckons individuals to not just witness, but to actively partake in this transformative journey.

Dyvo AI Revolution

102022939

1026885926

102976941

1038319252

gpt-4.1-nano

1070795817

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-4-5

1186914386

claude-opus-4-6

1274323923

140432223

1444732314

1462086697

1506258256

1514009179

1567550242

1592612642

1609688815

1621889036

1631162196

1692956854

1696523225

17004821

1726628865

173927913

1768015773

gpt-5.5

1771795565

1863160016

1870758752

1905118106

193274770

1960278590

1975670756

1977767562

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2167006968

2216482092

2250401860

2320791503

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2401437500

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2493307210

2546957535

2556595834

2624148589

2639613659

265457401

2717840929

2749253609

2789269995

2842505721

284989039

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

2940878268

2972123611

3022611874

3023147062

3026881092

3056387847

3057360577

3070246498

307653616

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

3238278814

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3417108561

3452464914

3458155273

gemini-3.5-flash

3497785011

3590523401

3591394191

3594629977

3661799733

3669004489

3680518347

3736611573

3737116140

3840796123

3844506029

3876837227

gpt-4.1-mini

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Earn commissions, access resources, and grow your business with Webflow.

Best Chatbot Websites | Free Examples & Designs

Discover Chatbot websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Chatbot websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Chatbot websites
built by the Webflow community