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

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://api.whatsapp.com/send?phone=+ADDNUMBERHERE

Free Whatsapp Chat Widget

Bien Studio

Rebuilding the core structure of https://www.acnestudios.com website. Includes the eCommerce functionality along with the dropdown navigation, homepage and footer. 

Feel free to clone and see how we built it! 

©Acne Studio (all images)

Acne Studios (Webflow Build)

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

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

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

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

Bas van Straaten

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

Eve Kayser

Keep Learning School

Deeploy.Me Design Team

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

scotty-technologies

Matthias Cordes

A new homepage I designed and built. Feel free to leave your feedback in the comments below. 

More of my work: www.matthiascordes.com

MoinAI

Horacio Gutierrez

Website development for our own digital marketing agency.

Capitaltec

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

Etienne Mérineau

Customer engagement for the messaging age

Heyday.ai

Jason Roach

A rush website design job, I designed and built this site in less than 12 hours for a team that serves corporate events, prison ministries, and spiritual support for men. Site includes custom branded video tools, video CDN, animation, blog migrated from existing site, chat, and chatbot functionality.

Ground Shakers by Riding High Ministries

ENSO Creative Agency

This website is for a QR Code based dining ordering SAAS Application. Designed to maximize calls scheduled by users.

Discover chatbot websites built by the Webflow community

Discover chatbot websites built by the Webflow community