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

Rebranding and new website for deduxer studio

deduxer

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

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

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

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

Ad Agency | Contact Form

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

Footer #4

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

Discover contact form websites built by the Webflow community

Discover contact form websites built by the Webflow community