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

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

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

The Clone Wolf

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

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

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

A contact form that is Dynamic with one simple line of code.

This will allow you to set up a contact form that goes whoever you want it to go to. 

Add any dynamic field you want, so each form submission you receive could have info such as:
 - Page it was sent from
 - Who they want the email to go to (Author, Team member etc)
 
Only limited by your imagination!

Dynamic Form

Dynamic Contact Form

A Neurodiversity consultant and research manager with a passion about translating complex mental health and neuroscience research goes freelance.

It started as a single page site displaying professional qualifications, services, publications & media, testimonials and contact info. It is now a multi-page website that features a blog and has an integrated ticketing platform to sell webinar places online.

Webflow community has been unspeakably generous, I thought it's my turn to offer back; I am making this project cloneable and hope it will save you time when undertaking your next web challenge and perhaps help a bit with some how-to head scratching. ;)

🙏
Thank you and acknowledgements to @EliShmerler for his "interactive balls" project and lottieflow.com by @Finsweet for making social media lottie files piece-of-cake available and customizable.

*Kindly note that the client's logos cannot be used for personal or professional purposes. ;) *

neuro-diverse

Neuro-Diverse

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.

Contact Us Page 01

Responsive Contact Us Page Cloneable

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

Detect spam bots. 

CSS: <style>#test_email { display: none; } </style>

Special Thanks to Evan Jones

Clone Here: https://webflow.com/website/Built-in-Honey-Pot-for-Webflow-Forms?rfsn=1219992.f515e

Honey Pot | SPAM

CSS SPAM TRICK | Built in Honey Pot for Webflow Forms

Heres a nice little contact form with some subtle interactions on the background image.

Minim Form Section 1

Minim Contact Form 1

We created this website to showcase the Sri Lankan UX community and support their career forward.

We created this from the scratch and made it awesome. Hope you appreciate it.

Beyond Design

beyond-design

Ad Agency | Contact Form

This is a project for a small car sales business located in Carmel, IN. The business has a two-pronged sales approach. It sells low mileage, late model vehicles primarily to large auto dealerships, as well as high mileage, affordable vehicles directly to consumers. As you can see, in order to avoid needing two separate sites, or having a members-only login portal for dealerships, we created two separate collections for premium and economy vehicles. However, the pricing model is very different for each collection. The premium vehicles require a direct inquiry for price, while the economy vehicle prices are listed on the website. Using a 3rd party app, Calendly, customers can schedule appointments themselves within the parameters we set, or they can send direct message using the contact form. The form requires a name, valid email and phone number, allowing the business to collect valuable information for future email and text message marketing campaigns.

Discover .css-73fekg{text-transform:capitalize;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}contact form websites built by the Webflow community

Discover contact form websites built by the Webflow community