This ensures that people won't use it for support or other non-sales purposes. Purpose - Stripe makes it very clear that this form is just for sales inquiries.
CONTACT US PAGE EXAMPLES HOW TO
Microcopy - the term “Payments volume” might be a little confusing, so Stripe adds some helpful microcopy explaining how to fill out the field. Social proof - those logos on the side add social proof by displaying all the successful businesses that use Stripe. In addition to standard information fields, Stripe adds a Payments volume field, so they can better understand the potential quality of each lead.īeyond that, there are some other nice design choices, including: It is a great example of how sometimes collecting a little extra information can make your contact forms generate more qualified leads (even if it might lower the baseline conversion rate a little bit). We’ve already mentioned Stripe’s sales contact form earlier in this article, but we have something to add about it. Now that you know the best practices, let's take a look at some real-world contact form designs to inspire your own. Eight great contact form examples from real websites If you set clear expectations, your visitors won't wonder what's going on and if your form is even working. Will you respond via email or another method? For example…ĭo you respond to all inquiries or only some? To offer a better user experience, you want to tell people exactly what will happen next and how long it will take. Your contact form design does not end with the Submit button! Tell people the next steps and set expectations It makes it super easy for users to contact you as soon as they face an issue, without having them look around for your contact page:ĥ. But if you want to make it easy for people to get in touch with you, it is worth experimenting with different displaying methods, like a popup or notification bar.įor example, having a floating contact button on the side of your site can be great for a support contact form. When most people think of a contact form, they picture the same basic embedded form that you see on most websites. To get an idea, look at the Payments volume field below: Microcopy is basically short explainer text that accompanies form fields to make them clearer. To avoid such confusion, you can add “microcopy” to your contact form. Is it for the entire project? Is it for just a specific part?
If your contact form has more than just the standard “name, email, message” fields, you run the risk of confusing visitors.įor example, if you have a “budget” field, it might be unclear what that budget is for. Overall, a good rule of thumb is to eliminate all unnecessary fields, but don't eliminate fields that collect important information just for the sake of shortening your form, especially if that information serves to qualify your leads. Of course, simply getting more contact form submissions might not be your real goal, so it's not quite as simple as just slashing the number of fields on your forms to the bare minimum.įor example, while you might get more submissions by reducing fields, those submissions may not be as high-quality because the barrier to entry is so low. On a more anecdotal note, Marketo tested three forms with similar results: The conversion rate steadily drops until eight form fields, before flattening out: The peak conversion rate is around three fields. For example, HubSpot analyzed over 40,000 landing pages and noticed a clear correlation between conversion rates and the number of form fields.
Limit form length for more conversions (but don't sacrifice quality)ĭata suggests that longer contact forms lead to fewer submissions. Regardless of the approach you choose, use your form labels and surrounding text to make the purpose of each contact form absolutely clear to your visitors. Below is an example of a panel with this structure: This way, you’ll keep everything in one place and within reach for your visitors. Create a popup with different buttons opening corresponding forms. Create a separate, independent form for each use case and add text that makes the purpose of the form very clear. There are two basic approaches to handle this scenario: If you have a busy business or website, you might have multiple contact forms for different uses. Clearly communicate what your form is for So how do you get more people to use it? Here are the best practices. You most likely have a contact form because you want people to fill it out. This detour will set the stage before we discuss what each contact form example brings to the table in the next section. Five tips to nail your contact form designīefore we get into the real contact form examples, let's take a quick detour and talk about what makes a great contact form.
0 kommentar(er)
