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

Multi-Step form using the slider component and some jQuery

step-form

Multi-Step Form (Slider + JS)

Cloneable Webflow multi-step form + animated unique form elements.

Multi-step form

Multi-step form (cloneable)

Recreated the Cuberto contact form in Webflow as a test project

Watch the tutorial for this at https://www.youtube.com/watch?v=SeMvDIgOS4o

Interactive Form

ViDesigns

Create multistep forms using Webflow with no code. One script and five attributes are all your need. Get started at www.tryformly.com

Features:
Automatic progress navigation
Custom progress indicators
Press "Enter" to progress
Press "⌘ + Enter" to submit
Input validation
Intro cards
Multiple back and next button

Features coming: 
Form memory
Conditional Logic

Formly - Multistep Forms for Webflow

⚡️ Formly - Multistep Forms for Webflow

Memberstack features built-in contact form and menu. 

Clone: http://bit.ly/3aIEkBZ

Client Support Form w/ Memberstack Built In

Multi-Step Client Support | Contact Form | Memberstack Code Built In

Hey Webflow tribe ! 😁

Here is a Collection of 10+ Contact Forms we made using the form component.

Feel free to clone it and copy/paste prebuilt Contact Forms into your own projects !

It's gonna save you tons of time ! ;D

- - -

Don't forget to go check out our Webflow UI Kit ! It's free ! (and clonable ;D)
=> http://nocodetribe-webflow-ui-kit.webflow.io

- - -

For more Webflow components & tutorials, visit our website :
=> www.nocodetribe.com

Contact Form Collection

10+ Contact Forms - NoCodeTribe Collection

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! :)

Chat Bot

Webflow Chat Bot

Design your own website landing page. Free to use : )

The Clone Wolf

Memberstack

Had some fun creating a 100% Webflow contact form/chat widget. 

Add your profile pics, link out to your socials, and you're good to go! I even added a few Memberstack data attributes so it'll auto-fill for returning users. 

You'll want to tweak the open/close button once you hide the "Made in Webflow" label.

Chat Widget

Webflow Contact Widget

Grab this collection of contact forms. Easily placed into any of your projects over and over again.

Save time, build better, and win more clients.

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

Brand: 
⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Figma @ www.figma.com/@flowbase

Insights:
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/tsbekkers

Webflow Form Collection

🟣 Premium - Webflow Form Collection

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

Made using ⚡️ Formly. 

www.tryformly.com

Agency Contact Form

⚡️ Formly | Agency Form

Step Form

stepform-010219

Add further features to your Webflow form and make it more professional and complete.
What you can do:
Helper Text: create a handy message that will help the user in the form filling, completely in Webflow;
Field Status Style: with simple Webflow combo classes you can stylize the text field of your form with your own style;
Reset form: both automatically than manually, you can reset the form to the initial status without need to refresh the page ;
Custom Radio Buttons & Checkboxes: thanks to Webflow combo classes, you can create more sophisticated radio buttons and checkboxes and stylize them anyway you want.

Form PRO Cloneable

Form PRO

No. 4 of the series - Footer cloneable component with contact form, text animations, page links, and social media buttons.

The footer component was designed by Vinicius Pineschi and you will see a very cool website developed by our team using this type of footer very soon.

Font Used: Aeonik 

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it. Enjoy!

Feel free to use this footer section in any of your projects.

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Website - https://www.sivmedia.com

Footer Collection #4

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

Chat BBQ

Cloneable chat-like contact bubble

Contact form pops up. You can check https://www.thedigitalbake.com for other solutions.

Pop up contact form

pop-up-contact-form

Veza Digital

No-frills, but an attractive contact us page ready for you to add your own branding elements & design flair.

Welcome to the Universal UI project by Veza Digital!

Every day, we're releasing new elements from our work-in-progress called "The Universal UI". 

The problem that we always have with UI kits is that they're too specific (not easy to use for different types of businesses), and that while often beautiful, they have a number of custom-designed images that makes replicating the beauty of the kit a time consuming process at best.

That being said, this is going to be a completely free, comprehensive UI kit that is made to be used for any type of business, and is as easy to edit/clone elements as a UI kit should be.

Discover contact form websites built by the Webflow community

Discover contact form websites built by the Webflow community