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

Thanks for the love <3 Feel free to clone it :)
Thanks to T.Ricks for the custom multi-step form tutorial.

Aluce

Aluce - Cloneable!

Refokus

How do you add a form validator to native form elements in Webflow?
Use the Refokus Form Validator to create ‘valid’ and ‘non-valid’ states when a user enters information into a form field in your Webflow projects. This supports Names, Email Addresses and Phone Numbers. 

Form Validation

Form Validator (By Refokus)

Here you can see some of my work, take a look!  I am available for hire for all kinds of design projects!  Email me from my contact form at www.dfinkdesign.com

Welcome to DFink Design

DFinkDesign

Just a simple newsletter landing page with a form connected to Mailchimp.

Another Design Newsletter

another-design-newsletter

I am a sticky menu that looks cool.
If you like it you can clone away and use it in your projects and there's also a contact form to email me and work together ;)

Sticky Menu

Simple one line interactive subscribe form. Great for a blog page or single line email opt in. Enjoy.

Simple Subscribe

Excluding 100 of the most popular free email domains from using it in a Webflow form with JavaScript.

Non Free Email Validation

Non free Email validation

Getting too much spam? Prevent generic and invalid email domain addresses from sending form submissions right on the page!

Block email domains on a form

Block email domains on a form [Cloneable]

Memberstack

Happy Thursday! I took some time to revise one of Flowbase's open-source projects and added Memberstack to it. I removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to 2 of the buttons. You'll need to hook the contact us button up to your chat app, contact form, or email. 

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Pricing Table

Subscription Pricing

Simple & clean hero section with an email field - great for capturing quick leads on your homepage or blog page!

Go check out the full UI Kit here: https://www.memberstack.com/freebies/generic-saas-template

Hero Section With Email Form

Veza Digital

Simple, nice newsletter form section featuring a fixed image & overlay!

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.

Form 02

Email Form Section Cloneable

Med career landing pages

Med career email signup forms

FITMEDIA

We built this site for Personal Trainer and Fitness Influencer, Jeremy. Also known as, Custom Physique. 

This website has a range of features, including a custom Shopify integration using Webflow's CMS and some custom code, an email capture form that's integrated with MailChimp and a contact form that will allow Jeremy's website visitors to contact him directly. 

The rest of the site serves the purpose of promoting himself, his services and past client success. 

You can contact us via our website (www.fitmedia.net) if you believe we can also help you and your business as a Health & Fitness Professional. 

~FitMedia Co.

Custom Physique

Form needs email account to be filled in properly and disregards the enter key

Made by Lumen
https://madebylumen.com

Form Email Verification w/ Disabled Enter Key

verification-disabled-enter

Inglês em Blocos is a one page design for a client from Brazil, her business is to teach English to people, focusing on how they learn best. The main objective of this website was to get emails through a form, to achieve that, the whole website is very informative about what the client is getting from it.

Discover email form websites built by the Webflow community

Discover email form websites built by the Webflow community