Lead generation forms are the linchpin of your marketing engine. You advertise and run campaigns at the top of the funnel in the hopes of collecting some more information about your users so that you can turn them into paying customers. A number of things can go wrong with your form: you don’t give people a good enough reason to fill it out, the form is clunky and long, or the page it’s on is too distracting. Your marketing dollars are wasted, and your potential customers will go elsewhere.
Content (and politics) aside, which of these two forms would you rather fill out?
Accessible web design should be a given. Almost 41 million Americans live with a disability. That’s approximately 12.6% of the population.
But much of the internet still isn’t designed to accommodate users with disabilities. One study, for example, found that 70% of websites were inaccessible to people with visual impairments.
You need to send your feedback form data to your help desk software—but how should you do it? You might be tempted to direct your form to send an email straight to your support tool, but that introduces a few issues. The emails won’t capture important metadata, like the customer’s account information or the ticket priority level. Plus, many help desk platforms—Zendesk included—will block automated emails and send them to restricted folders.
File upload forms help businesses get valuable information, whether it’s a photo for a product review or documents for a job application. The alternative is usually email, where you’re likely to lose track of files in countless threads or a bottomless inbox.
When you sign on a customer, understanding their needs and expectations is critical. That’s why most service-based businesses—whether marketing agencies, law firms, or consulting corporations—go through an onboarding period at the start of the client relationship to get on the same page and set goals together.
The client intake form is an essential tool for onboarding new clients. It allows you to collect information about your customers’ needs and wants in an organized, reliable way. And if you sync your form with a customer relationship management (CRM) system like Airtable, you can integrate the client intake data with the rest of your customer success information.
If you’re hosting an event, you need to collect information about the participants—names, emails, mailing addresses, food allergies, you name it. How do you do it? The registration form.
HTML is great for making your website look and work exactly how you want it to—but it can be a pain to work with. We’re here to make it easier and streamline the process of adding an HTML contact form to your website. It can also be a pain to make form data accessible to everyone on your team, so we’ll also show you how to integrate it with Google Sheets, which, chances are, you’re already using.
In this tutorial we’ll create a payment form using Stripe Elements that submits to Formspree. Then we’ll configure Formspree to accept the payment and complete the Stripe transaction. In the end we’ll have a custom payment form that fits our website’s unique style.
In this final part of our series on building React forms, we’ll rebuild the form from parts 1 and 2 with Formik. We’ll discuss some benefits a drawbacks of using Formik, and highlight the alternatives.
In this tutorial we’ll modify our basic form by taking control of the form’s state. In doing this we’ll create what React calls a “controlled component.” With a controlled component we’ll have more control over the form, allowing us to create a consistent validation experience, and customize it however we like.
There’s no “right way” to build forms in React and there are a lot of options. It’s simple enough to have a working form, but what about validation? Can you rely on the browser’s default validation, or should you write your own state handlers, or drop in a form library?