7 types of forms you need in your website (and that you can build with Arengu)

Introduction
7 types of forms you need in your website (and that you can build with Arengu)

Online forms are all over the place, and users fill in several different types of forms on a daily basis. As a matter of fact, there are tons of different types of forms, so it is likely that users fill at least one form every day.

Even though they share the same basis, they pursue different objectives and you should apply different practices to each of them. Today, we take a look at the main forms you should include in your online business, and we give you some tips on how to optimize them. The great news? You can build all of them with Arengu!

1. Signup or login form

The very first step when users arrive to a website or app is to identify them. Signup or login forms are the right tool to add some personal data to those anonymous visits. Unfortunately, most sites ignore the importance of this first contact between the users and your platform and display a rather basic registration form.

Nowadays, there are tons of sophisticated ways of authenticating users: dynamic forms, passwordless forms with magic links, one-click access with social login... Exploring all the different types of forms will help you choose the ideal one for your business.

Best practices for a signup or login form

  • One-click access. When speaking of sign up or sign in forms, the shorter the better. Allowing users to access your site with just one click may make your conversions grow up to 40%, according to our own case studies. Social login or magic links are some of the forms you can build with Arengu to allow one-click access.
One click access — Magic link sent via Telegram for signup
The community Women Make uses a magic link sent to the user's Telegram, so they can signup with one click.
  • Authenticate users. Integrating your forms with your auth provider will finish off the process and automatically log them in after they sign up.
  • Redirect users right. Configuring the right redirections is crucial for a good user experience, especially in e-commerces. Send the user where they want to go and don't interrupt their navigation process.
  • 2-factor authentication. If you'd like to add an extra layer of security, building a 2FA form may work for you. You can complement a password with a one-time password or a magic link, among others, to verify or authenticate users.

2. Password reset form

Most of the online forms require passwords. Even though this is not the sole security system for a form, most sites tend to use it and therefore users tend to forget them. Given the striking number of online accounts we have, it's not surprising that users end up forgetting all of their credentials and need to fill in yet another form to recover their password.

If you're using an email + password system to sign users in, you will need an efficient password reset form. According to Small Business Trends, "30% of people find resetting passwords to be hugely stressful", and 67% of submitters compare this stress to a job dismissal.

Best practices for a password reset form

  • Authenticate users. Right after users introduce a new password, they should be automatically authenticated and redirected to the point they wanted to go. This form is stressful enough, so you don't want your users to reset their password and then login again. This only multiplies efforts and frustration and tend to make conversion rates sink.
  • Inline validation. Each business has their own rules for passwords. Displaying information about this and showing accurate errors when entering invalid password can help your users.

3. Profiling form

Progressive profiling is a technique to complement users' data without overwhelming them in the registration process. A profiling form can help you keep a compact signup form, and still complement user's information later on.

Some business keep the profiling form in a user account section, others display this form after a certain amount of logins. Whatever option you prefer, you can build this form with Arengu and apply your own personalized logic to it.

Progressive profiling form in Ikea
Ikea's profiling form complements information with the user's home and preferences.

Best practices for a profiling form

  • Make it attractive. This is usually an optional form, so you should keep it attractive and concise. Even though you can ask more questions than in a registration form, keeping the minimum amount of steps and fields is always a good idea.
  • Add conditional logic. Building a dynamic form based on conditional logic can help you get more and better information about your users. You can opt to skip steps or show different forms to different users according to their profile.

4. Support or feedback form

A support or feedback form is the user's tool to contact with your team in case they have any trouble or they want to share their comments. These contact forms can be more efficient if you integrate them with other tools. You can connect Arengu with your Slack, or any other communications tool to send the message to the right person.

Best practices for a support or feedback form

  • Add context. There are many reasons why your users want to contact you. In order to smooth the process, display options to narrow down these reasons. If you do so, you can send the request to the right customer agent and give them more context to solve the problem. Plus, your users will have to write much less information and submission rates will be higher.
Support form in adidas Runtastic
adidas Runtastic's support from displays options before submitting the form.
  • Encourage users to contact you. If you display a feedback form, let users know their opinion is important. Their thoughts will help you improve your platform or business.

5. Demo request form

A demo request is a frequent kind of form in SaaS websites. When you're selling a software product, you need to offer a small demonstration of its functioning so users can take a taste of their features and benefits.

Demo request forms are slightly longer than the examples we have seen above, but shorter than a payment form. The fields you usually need to display are personal data, contact details and information about their company.

Demo request form example - Sprout Social
Sprout Social displays a form while reminding the users about the benefits of their product.

Best practices for a demo request form

  • Ask the right questions and few of them. Just like any other kind of form, keeping the minimum amount of fields matter. Thanks to data enrichment tools, you can obtain useful information out the user's email. If you integrate your Arengu form with Clearbit, you can know data like the company name or the company size without asking users with a field. Take advantage of these tools to keep a minimum amount of questions.
  • Multi-step forms. Some SaaS need to ask several questions in order to address their potential customers better. If this is your case and you can't reduce the fields anymore, opt for a multi-step form to lighten the task.

6. Payment or subscription form

This is probably the most sensitive type of form — the very last step right before finishing a sale is a crucial point that can enhance your conversion rates or sink your numbers.

Payment forms are usually the longest type of form there is. In order to execute either a one-off payment or a subscription payment, businesses need a lot of personal information from the users: personal data, shipping details, payment details and more.

Being this long, it is especially important that you think about a great organization and apply specific CRO techniques for payment forms.

Best practices for a payment form

  • Multi-step forms. Payment forms are long and include questions of different nature. Group together different fields and display the progress so users don't give up. Usually, the steps on a checkout form are the following: personal data, shipping details, payment and review.
Payment form example - Best practices
Rituals' payment form is divided into 4 steps with the minimum amount of fields.
  • Before-submission validation. If there are errors, it is probably better that you let the user know before they hit the 'Submit' button. Given that this is a long form, you don't want users to go through the filling process all over again.
  • The right numbers of fields and steps. Being the longest form, you should center your efforts in making it as efficient as possible.
  • Help users filling in the fields. Lending a helping hand can ease the filling process for the users. Depending on the fields you display, you can apply different tips to make filling faster. An autocomplete feature, helpful hint texts, inline validation or self-explanatory icons are just some ideas you apply to this kind of form.

7. Newsletter form

This is one of the simplest forms, since you only need an email field and a CTA. Still, you can brush up your form and turn it into a smart form that actually does more than just subscribing the user.

By integrating your Arengu form with other tools, you can update your CRM or your users database with the user's preferences.

Newsletter subscription example - El Mueble
El Mueble's newsletter form displays two newsletters — one centered in decoration and a second one focused in organization.

Best practices for a newsletter form

  • Display GRDP and privacy policies. Even though they take some precious space, it is important that your site is trustworthy. Make sure your users know that the policies are so they can make a sensible decision.

Start creating all of these forms now with Arengu. Thanks to the ready-made templates and the low-code functioning, you can build all these in minutes. Create yours for free now!

Author

Ana Vilar García

Marketing Specialist at Arengu

View Comments
Next Post

Building a subscription service with Stripe Customer Portal and a passwordless auth flow

Previous Post

Top metrics and charts to build with forms analytics data